:root{color-scheme:dark;--bg:#0e1523;--card:#172536;--text:#f2f6fb;--muted:#b6c3d4;--accent:#4adccb}
*{box-sizing:border-box}html{font:18px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}h1,h2,a{overflow-wrap:anywhere;hyphens:auto}
body{margin:0}a{color:var(--accent);text-underline-offset:.22em}a:focus-visible{outline:3px solid #ffe072;outline-offset:5px;border-radius:5px}
header,main,footer{width:min(100% - 40px,860px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;flex-wrap:wrap;border-bottom:1px solid #314056}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:750;text-decoration:none}.brand img{border-radius:12px}.brand small{display:block;color:var(--muted);font-size:.72rem;font-weight:450}
nav{display:flex;flex-wrap:wrap;gap:12px 20px}nav a{padding-block:6px;font-size:.88rem}nav a[aria-current]{color:var(--text);font-weight:700}
main{padding-block:40px 54px}.eyebrow{font-size:.74rem;color:var(--accent);overflow-wrap:anywhere;letter-spacing:.03em}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.12;letter-spacing:-.035em;max-width:18ch;margin:.55em 0}h2{font-size:1.2rem;line-height:1.3;margin:0 0 12px}p{overflow-wrap:anywhere;margin:.6em 0}.intro{font-size:1.2rem;max-width:60ch}.updated{color:var(--muted);font-size:.85rem;margin-bottom:38px}section{padding:24px 0;border-top:1px solid #314056}section p{color:#d9e3ef}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px;margin-top:36px}.cards a{background:var(--card);border:1px solid #345166;border-radius:18px;padding:22px;text-decoration:none;font-weight:650}.cards a:hover{border-color:var(--accent)}footer{border-top:1px solid #314056;padding-block:28px 40px;font-size:.82rem;color:var(--muted)}footer p{margin-top:18px}.skip{position:absolute;inset:0 auto auto 20px;transform:translateY(-130%);background:var(--card);padding:10px}.skip:focus{transform:none}
@media(max-width:420px){header,main,footer{width:calc(100% - 32px)}main{padding-top:24px}header{gap:16px;padding-block:20px}nav{gap:8px 16px}}
@media print{html{color-scheme:light;background:white;color:#111}header,footer,.skip{display:none}main{width:100%;padding:0}section p,.updated,.eyebrow{color:#222}section{break-inside:avoid}a{color:#111}}