:root{--navy:#0b1b3a;--navy2:#24365f;--lemon:#ffd84d;--bg:#f4f6fb;--ink:#0b1b3a;--mute:#4a5878;--line:#dfe5f3;--card:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--ink);font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
a{color:#1f4fbf}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--lemon);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--lemon);color:var(--navy);padding:8px 14px;z-index:10}
.skip:focus{left:8px;top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.in{max-width:1100px;margin:0 auto;padding:0 16px}
.narrow{max-width:820px}
main{flex:1}
.narrow>h1:first-child{margin-top:28px}
.top{background:var(--navy);color:#fff}
.top .in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 16px;padding-top:12px;padding-bottom:12px}
.logo{font-weight:800;color:var(--lemon);text-decoration:none;font-size:18px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.top nav a{color:#cdd7ee;text-decoration:none;font-size:15px;padding:4px 0}
.top nav a:hover,.top nav a[aria-current]{color:#fff;text-decoration:underline}
.hero{background:var(--navy);color:#fff;padding:22px 0 96px}
h1{font-size:clamp(28px,5vw,46px);line-height:1.12;margin:0 0 10px}
.hero .lead{color:#cdd7ee;max-width:640px;font-size:18px;margin:0}
.pick{margin-top:-72px}
.pickc{background:var(--lemon);border-radius:18px;padding:22px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-shadow:0 10px 30px rgba(11,27,58,.22)}
.pickc small{text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:12px}
.pickc h2{margin:2px 0 6px;font-size:clamp(22px,3.5vw,32px);line-height:1.2}
.pickc p{margin:0 0 10px;max-width:720px}
.pickc .sc{font-size:56px;font-weight:900}
.btn{display:inline-block;background:var(--navy);color:#fff;text-decoration:none;border-radius:10px;padding:10px 16px;font-weight:600}
.btn:hover{background:var(--navy2)}
.sec{padding:30px 0}
.sec.alt{background:#fff}
h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0 0 10px}
h3{margin:0;font-size:19px}
.note{font-size:14px;color:var(--mute)}
.cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0}
.pcard{background:var(--card);border-top:5px solid var(--navy);border-radius:14px;padding:16px;display:grid;gap:4px;box-shadow:0 2px 10px rgba(11,27,58,.08)}
.pcard .lab{font-size:14px;color:var(--mute)}
.pcard .amt{font-size:34px;font-weight:800}
.pcard .sub{font-size:14px;color:var(--mute)}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%}
.pt{min-width:560px;background:var(--card)}
.pt th,.pt td{padding:10px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.pt thead th{font-size:13px;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.pt small{display:block;color:var(--mute);font-weight:400}
.list{list-style:none;margin:16px 0 8px;padding:0}
.li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;background:var(--card);border-radius:12px;padding:14px;margin:10px 0}
.li .n{font-weight:800;color:#6b7ba3;font-size:20px}
.li p{margin:4px 0 0;color:var(--mute);font-size:15px}
.tag{display:inline-block;font-size:12px;background:#eaeefa;border-radius:999px;padding:2px 10px;margin-top:4px}
.st{text-align:right;display:grid;gap:4px;justify-items:end}
.nr{font-size:13px;color:var(--mute)}
.sc2{font-size:26px;font-weight:800}.sc2 small{font-size:13px;color:var(--mute)}
.more{font-size:14px;font-weight:600}
.steps{padding-left:22px}.steps li{margin:8px 0}
.crumb{font-size:14px;color:var(--mute);margin:18px 0 6px}
.narrow h1{color:var(--ink);font-size:clamp(26px,4.5vw,38px)}
.narrow .lead{color:var(--mute);font-size:17px}
.scorebox{background:var(--lemon);border-radius:14px;padding:14px 18px;margin:16px 0}
.scorebox p{margin:4px 0 0}
.big{font-size:48px;font-weight:900;line-height:1.1}.big small{font-size:18px}.big.nr{font-size:26px;color:var(--ink)}
.blk{background:var(--card);border-radius:14px;padding:16px 18px;margin:14px 0}
.ul{padding-left:20px}.ul li{margin:6px 0}
.crit{list-style:none;padding:0;margin:8px 0 0}
.crit li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0;font-size:15px}
.foot{background:var(--navy);color:#cdd7ee;padding:24px 0;margin-top:20px;font-size:14px}
.foot a{color:#fff}
.foot p{margin:0 0 10px}
.nonum .li{grid-template-columns:1fr auto}.nonum .li .n{display:none}
@media(max-width:640px){
.pt{min-width:0}
.pt thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pt tr{display:block;border-bottom:2px solid var(--line);padding:8px 0}
.pt th[scope=row],.pt td{display:block;border:0;padding:3px 10px}
.pt td[data-l]::before{content:attr(data-l) ": ";color:var(--mute);font-size:13px}
.nonum .li{grid-template-columns:1fr}
.pickc{grid-template-columns:1fr}
.li{grid-template-columns:1fr}
.li .n:empty{display:none}
.st{text-align:left;justify-items:start}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.newslist{list-style:none;padding:0;margin:16px 0}
.newslist li{background:var(--card);border-radius:14px;padding:16px 18px;margin:12px 0}
.newslist h2{margin:0 0 4px;font-size:22px}
.newslist p{margin:4px 0}
.meta{font-size:14px;color:var(--mute);margin:6px 0 14px}
.callout{background:#fff8d6;border-left:5px solid var(--lemon);border-radius:8px;padding:12px 14px;margin:14px 0;font-size:15px}
.prose{background:var(--card);border-radius:14px;padding:6px 20px 14px;margin:14px 0}
.prose h2{margin:22px 0 8px}.prose h3{margin:18px 0 6px}
.prose table{margin:12px 0}.prose th,.prose td{padding:8px;border-bottom:1px solid var(--line);text-align:left;font-size:15px}
