:root{--paper:#f6f5f0;--card:#fff;--ink:#13132b;--muted:#4b4b63;--line:#e3e1d8;--accent:#2b3fe0;--accent-ink:#2436cc}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent-ink)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--card);padding:8px 12px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{padding:28px 0}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.02em}
.brand img{width:32px;height:32px}
main{padding:24px 0 64px}
h1{font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.03em;margin:.2em 0 .4em}
h2{font-size:22px;letter-spacing:-.01em;margin:2.2em 0 .5em}
p,li{color:var(--muted)}
.lede{font-size:20px;color:var(--ink)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:14px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0}
dt{font-weight:600;color:var(--ink)}dd{margin:0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14px;color:var(--muted)}
footer nav a{margin-right:16px}
@media (max-width:520px){dl{grid-template-columns:1fr}dd{margin-bottom:8px}}