:root{--navy:#0a1628;--navy-light:#132240;--navy-mid:#1a2d4d;--white:#ffffff;--off-white:#f4f6f9;--gold:#c9a84c;--gold-light:#e0c96e;--gold-dark:#a8872e;--text-primary:#e8ecf1;--text-secondary:#99a8bd;--text-dark:#1a2d4d;--border:#243352;--max-width:1120px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;background:var(--navy);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light);text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{background:var(--navy-light);border-bottom:1px solid var(--border);padding:18px 0;position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.site-logo{font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:.5px}.site-logo span{color:var(--gold)}.site-nav{display:flex;gap:20px;flex-wrap:wrap}.site-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--gold);text-decoration:none}.hero{padding:64px 0 48px;text-align:center;background:linear-gradient(180deg,var(--navy-light) 0,var(--navy) 100%);border-bottom:1px solid var(--border)}.hero h1{font-size:2.4rem;font-weight:700;color:var(--white);margin-bottom:16px;line-height:1.25}.hero h1 span{color:var(--gold)}.hero p{font-size:1.15rem;color:var(--text-secondary);max-width:680px;margin:0 auto 28px}.cta-btn{display:inline-block;background:var(--gold);color:var(--navy);font-weight:600;font-size:1rem;padding:14px 36px;border-radius:6px;transition:background .2s,transform .15s}.cta-btn:hover{background:var(--gold-light);text-decoration:none;transform:translateY(-1px)}.cta-btn-outline{display:inline-block;border:2px solid var(--gold);color:var(--gold);font-weight:600;font-size:.95rem;padding:12px 30px;border-radius:6px;transition:background .2s,color .2s}.cta-btn-outline:hover{background:var(--gold);color:var(--navy);text-decoration:none}.content-section{padding:56px 0}.content-section:nth-child(2n){background:var(--navy-light)}.content-section h2{font-size:1.6rem;color:var(--white);margin-bottom:16px;border-left:4px solid var(--gold);padding-left:16px}.content-section h3{font-size:1.15rem;color:var(--gold);margin-bottom:8px;margin-top:24px}.content-section p{color:var(--text-secondary);margin-bottom:16px;max-width:800px}.content-section ol,.content-section ul{color:var(--text-secondary);margin:0 0 16px 24px}.content-section li{margin-bottom:6px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-top:32px}.card{background:var(--navy-mid);border:1px solid var(--border);border-radius:8px;padding:28px 24px;transition:border-color .2s,transform .15s}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card h3{font-size:1.15rem;color:var(--white);margin:0 0 10px}.card p{font-size:.92rem;color:var(--text-secondary);margin-bottom:14px}.card a{font-size:.9rem;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tag{display:inline-block;background:var(--navy-mid);border:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;padding:6px 14px;border-radius:20px}.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.faq-item h3{color:var(--white);font-size:1.05rem;margin-bottom:8px;margin-top:0}.faq-item p{font-size:.95rem}.breadcrumb{padding:14px 0;font-size:.85rem;color:var(--text-secondary)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--gold)}.breadcrumb span{margin:0 8px;opacity:.5}.related-links{padding:40px 0;border-top:1px solid var(--border)}.related-links h2{font-size:1.3rem;margin-bottom:20px;border-left:none;padding-left:0;text-align:center}.related-links ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.related-links li a{display:inline-block;padding:8px 18px;border:1px solid var(--border);border-radius:6px;font-size:.88rem;color:var(--text-secondary);transition:border-color .2s,color .2s}.related-links li a:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}.site-footer{background:var(--navy-light);border-top:1px solid var(--border);padding:40px 0 32px;text-align:center}.site-footer p{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:12px}.footer-links a{color:var(--text-secondary);font-size:.85rem}.salary-table{width:100%;border-collapse:collapse;margin:20px 0}.salary-table td,.salary-table th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.92rem}.salary-table th{color:var(--gold);font-weight:600;background:var(--navy-mid)}.salary-table td{color:var(--text-secondary)}.salary-table tr:hover td{background:rgba(201,168,76,.05)}@media (max-width:768px){.hero h1{font-size:1.75rem}.hero p{font-size:1rem}.content-section{padding:36px 0}.content-section h2{font-size:1.3rem}.card-grid{grid-template-columns:1fr}.site-header .container{flex-direction:column;align-items:flex-start}.site-nav{gap:14px}.salary-table td,.salary-table th{padding:8px 10px;font-size:.82rem}}@media (max-width:480px){.hero{padding:40px 0 32px}.hero h1{font-size:1.45rem}.container{padding:0 16px}}

/* ── Persona Cards ── */
.persona-card {
    padding: 14px 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
}
.persona-card:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(246,84,39,0.08);
}
.persona-card--active {
    background: var(--navy);
    border-color: var(--navy);
    color: #fff;
    box-shadow: 0 4px 16px rgba(0,15,34,0.2);
}
.persona-menu {
    position: absolute;
    right: 8px;
    top: 36px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    z-index: 10;
    min-width: 140px;
    overflow: hidden;
}
.persona-menu > div {
    padding: 8px 14px;
    font-size: 13px;
    cursor: pointer;
    color: var(--text);
}
.persona-menu > div:hover {
    background: var(--bg);
}

/* ── Detail View ── */
.detail-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary);
    margin-bottom: 6px;
}
.detail-field {
    display: flex;
    align-items: center;
    gap: 2px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 12px;
}

/* ── Transport Chips ── */
.transport-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.15s;
}
.transport-chip:hover {
    border-color: var(--primary);
}
.transport-chip--active {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}
.transport-chip input { display: none; }

/* ── Keyword Chips ── */
.keyword-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    transition: all 0.15s;
}
.chip-high { background: rgba(16,185,129,0.12); color: #10b981; }
.chip-medium { background: rgba(245,158,11,0.12); color: #f59e0b; }
.chip-low { background: rgba(156,163,175,0.12); color: #9ca3af; }
.keyword-chip:hover { opacity: 0.8; transform: scale(1.02); }