
:root{--ink:#111827;--muted:#5f6b7a;--line:#e5e7eb;--bg:#f7f8fb;--card:#fff;--brand:#1717b8;--accent:#f3b319;--soft:#eef1ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}.site-header{display:flex;align-items:center;gap:28px;padding:18px max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--ink);text-decoration:none;font-size:1.08rem}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--brand);color:white;font-weight:900;letter-spacing:-1px}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}nav a{color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:650}.menu{display:none;margin-left:auto}
.disclosure-bar{background:#111827;color:#fff;text-align:center;padding:7px 16px;font-size:.82rem}main{max-width:1180px;margin:0 auto;padding:28px 24px 70px}
.breadcrumb{font-size:.86rem;color:var(--muted);margin:4px 0 24px}.breadcrumb span{margin:0 5px}.hero{padding:42px 0 24px;max-width:860px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.76rem;color:var(--brand)}
h1{font-size:clamp(2.25rem,5vw,4.6rem);line-height:1.03;letter-spacing:-.045em;margin:.18em 0 .28em}h2{font-size:clamp(1.5rem,2.6vw,2.15rem);line-height:1.15;letter-spacing:-.025em;margin:2.2em 0 .55em}h3{line-height:1.2}.dek{font-size:1.2rem;color:#394457;max-width:780px}.updated{color:var(--muted);font-size:.85rem}
article{min-width:0}article>section{max-width:790px}article p{font-size:1.03rem}.with-sidebar{display:grid;grid-template-columns:minmax(0,790px) 300px;gap:56px;align-items:start}.sticky{position:sticky;top:116px}
.cta-box{background:linear-gradient(145deg,#fff,#eef1ff);border:1px solid #d9defe;border-radius:18px;padding:24px;margin:30px 0;box-shadow:0 12px 30px rgba(28,32,90,.07)}.cta-box h3{font-size:1.38rem;margin:.3rem 0}.cta-box p{font-size:.96rem}.cta-box small{display:block;color:var(--muted);margin-top:11px}
.button{display:inline-block;background:var(--brand);color:#fff!important;text-decoration:none;font-weight:800;padding:12px 18px;border-radius:10px}.button:hover{transform:translateY(-1px)}
.source-note{max-width:790px;background:#fff9e8;border-left:4px solid var(--accent);padding:16px 18px;border-radius:8px;margin:12px 0 24px}
.checklist{padding-left:1.2rem}.checklist li{margin:.65rem 0}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0}.faq summary{font-weight:750;cursor:pointer}.related{padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none}.related li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.related li a{font-weight:800}.related p{font-size:.9rem;color:var(--muted);margin:.4rem 0 0}
footer{background:#0e1322;color:#cbd2df;padding:40px max(24px,calc((100vw - 1180px)/2));font-size:.9rem}footer a{color:#fff}footer>div{margin-bottom:8px}
.popup{position:fixed;inset:0;background:rgba(10,13,24,.68);display:grid;place-items:center;padding:18px;z-index:50}.popup[hidden]{display:none}.popup-card{width:min(540px,100%);background:#fff;border-radius:22px;padding:30px;position:relative;box-shadow:0 28px 80px rgba(0,0,0,.28)}.popup-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem;cursor:pointer}
@media(max-width:900px){.with-sidebar{display:block}.sticky{position:static}.sticky .cta-box{margin-top:28px}.site-header nav{display:none;width:100%}.site-header.open{flex-wrap:wrap}.site-header.open nav{display:flex;flex-basis:100%;flex-direction:column}.menu{display:block}.related{grid-template-columns:1fr}h1{font-size:clamp(2.15rem,11vw,3.5rem)}}

.header-cta{display:inline-block;background:#1717b8;color:#fff!important;text-decoration:none;font-weight:800;padding:10px 14px;border-radius:10px;white-space:nowrap}
.header-cta:hover{transform:translateY(-1px)}
@media(max-width:900px){
  .header-cta{order:3;width:100%;text-align:center}
  .site-header.open .header-cta{order:2}
}
