:root{
  --ink:#14243B;--ink-soft:#4A5A6E;--ink-faint:#7C8A9A;
  --paper:#EEF3F8;--surface:#FFFFFF;--line:#D3DEE9;--line-strong:#B9C8D6;
  --amber:#F2A900;--amber-deep:#B87700;--amber-wash:#FDF3DC;
  --blue:#1F5FA8;--blue-wash:#E6EFF8;--good:#2E7D5B;--good-wash:#E4F1EA;
  --radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.num{font-family:"Space Grotesk","IBM Plex Sans",sans-serif;letter-spacing:-.01em}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
a{color:var(--blue)}
img{max-width:100%;height:auto}

.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:#3A2600;padding:10px 16px;border-radius:0 0 8px 0;font-weight:600;z-index:50}
.skip:focus{left:0}

.band{background:var(--ink);color:#fff}
.band .wrap{max-width:940px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{font-family:"Space Grotesk";font-weight:600;font-size:1.05rem;color:#fff;text-decoration:none}
.brand span{color:var(--amber)}
.band-note{font-size:.82rem;color:#AEC0D2}

.breadcrumb{max-width:820px;margin:0 auto;padding:16px 20px 0;font-size:.85rem;color:var(--ink-faint)}
.breadcrumb a{color:var(--ink-soft);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{margin:0 6px}

.hero-a{padding:26px 0 8px}
.kicker{display:inline-block;font-size:.8rem;font-weight:600;color:var(--blue);
  background:var(--blue-wash);border:1px solid #CFE0F1;padding:5px 11px;border-radius:100px;margin-bottom:16px}
h1{font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.12;font-weight:700;margin:0 0 14px}
.lede{font-size:1.13rem;color:var(--ink-soft);margin:0 0 8px}
.updated{font-size:.82rem;color:var(--ink-faint);margin:16px 0 0}
.updated b{color:var(--ink-soft);font-weight:600}

.cta-box{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between;
  background:linear-gradient(160deg,var(--ink),#1E3552);color:#fff;border-radius:14px;padding:22px 26px;margin:26px 0}
.cta-box .t{font-family:"Space Grotesk";font-weight:600;font-size:1.15rem;margin:0}
.cta-box .s{color:#C9D6E3;font-size:.9rem;margin:3px 0 0}
.btn{display:inline-block;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;
  border-radius:var(--radius);padding:13px 22px;border:1.5px solid transparent;transition:.15s;white-space:nowrap}
.btn-primary{background:var(--amber);color:#3A2600;border-color:var(--amber)}
.btn-primary:hover{background:#fff;border-color:#fff}
.btn:focus-visible{outline:3px solid var(--blue-wash);outline-offset:2px}

.alert{display:flex;gap:15px;align-items:flex-start;background:var(--amber-wash);
  border:1px solid #F0D48A;border-left:5px solid var(--amber);border-radius:11px;padding:17px 20px;margin:24px 0}
.alert .ic{flex:0 0 auto;color:var(--amber-deep);margin-top:1px}
.alert b{font-family:"Space Grotesk";font-size:1.05rem;display:block;margin-bottom:2px}
.alert p{margin:0;font-size:.95rem;color:var(--ink-soft)}
.alert p .em{color:var(--amber-deep);font-weight:600}

article.content{padding:8px 0 40px}
article.content h2{font-size:1.55rem;margin:38px 0 12px}
article.content h3{font-size:1.15rem;margin:24px 0 6px}
article.content p{color:var(--ink-soft)}
article.content ul{color:var(--ink-soft);padding-left:1.2em}
article.content li{margin:6px 0}
article.content strong{color:var(--ink)}

table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem;background:#fff;border:1px solid var(--line)}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}
th{background:var(--ink);color:#fff;font-family:"Space Grotesk";font-weight:600;font-size:.9rem}
tr:last-child td{border-bottom:none}
td.hi{font-family:"Space Grotesk";font-weight:600;color:var(--amber-deep)}

.faq details{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:#fff;overflow:hidden}
.faq summary{cursor:pointer;padding:15px 18px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--amber-deep);font-family:"Space Grotesk";font-weight:700}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding:0 18px 16px;margin:0}

.related{margin:36px 0 0}
.related h2{font-size:1.35rem;margin:0 0 14px}
.rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.rel-grid{grid-template-columns:1fr}}
.rel-grid a{display:block;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);
  border-radius:8px;padding:13px 16px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.95rem;transition:.15s}
.rel-grid a:hover{border-left-color:var(--amber);box-shadow:0 6px 18px -12px rgba(20,36,59,.5)}
.rel-grid a.hub{border-left-color:var(--amber);background:var(--amber-wash)}

.sources{display:grid;gap:12px;margin:18px 0}
.sources a{display:block;background:#fff;border:1px solid var(--line);border-left:4px solid var(--good);
  border-radius:8px;padding:14px 18px;text-decoration:none;color:var(--ink)}
.sources a:hover{border-left-color:var(--amber)}
.sources b{font-family:"Space Grotesk";display:block;color:var(--blue)}
.sources span{font-size:.9rem;color:var(--ink-soft)}
.sources .host{font-size:.8rem;color:var(--good);font-weight:600}

.disclaimer{margin-top:34px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:.85rem;color:var(--ink-faint)}

footer{background:var(--ink);color:#AEC0D2;font-size:.85rem;margin-top:20px}
footer .wrap{max-width:940px;padding:26px 20px;text-align:center}
footer a{color:#CBD8E5}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}