:root{--ink:#161616;--muted:#5C5C5C;--steel:#2B3A55;--sky:#3D6FA8;--rule:#DCDCDC;--wash:#F6F6F4}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light}
body{background:#fff;color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif;line-height:1.6;font-size:17px}
.page{max-width:760px;margin:0 auto;padding:28px 20px 60px}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:3px solid var(--steel);padding-bottom:14px;margin-bottom:28px}
.brand{font-weight:700;font-size:1.15rem;color:var(--steel);text-decoration:none}
nav a{color:var(--muted);text-decoration:none;margin-left:16px;font-size:.95rem}
nav a:hover,nav a[aria-current]{color:var(--sky);text-decoration:underline}
h1{font-size:clamp(1.7rem,6vw,2.5rem);line-height:1.15;color:var(--steel);letter-spacing:-.01em;margin-bottom:10px}
.lead{font-size:1.12rem;color:var(--muted);margin-bottom:26px}
h2{font-size:1.1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sky);margin:30px 0 10px}
h3{font-size:1.05rem;margin:18px 0 4px;color:var(--ink)}
p,ul{margin-bottom:14px}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--sky)}
.card{background:var(--wash);border-left:4px solid var(--sky);padding:14px 18px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0 20px}
.grid div{border:1px solid var(--rule);padding:14px 16px;border-radius:4px}
.grid b{display:block;color:var(--steel);margin-bottom:4px}
dl{margin-bottom:14px}
dt{font-weight:700;color:var(--steel);margin-top:10px}
dd{margin-left:0}
footer{margin-top:44px;border-top:1px solid var(--rule);padding-top:12px;font-size:.85rem;color:var(--muted)}
footer p{margin-bottom:4px}