:root { color-scheme: light; --ink:#10233f; --muted:#52647a; --line:#d8e0ea; --panel:#ffffff; --bg:#f4f7fb; --accent:#135fbe; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:820px; margin:0 auto; padding:52px 24px; }
header { border-bottom:1px solid var(--line); margin-bottom:30px; padding-bottom:20px; }
.eyebrow { color:var(--accent); font-size:.82rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
h1 { font-size:clamp(2rem,5vw,3rem); letter-spacing:-.04em; line-height:1.08; margin:.35rem 0 .75rem; }
h2 { font-size:1.2rem; margin:2rem 0 .45rem; }
p, li { color:var(--muted); }
.card { background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:24px; }
nav { display:flex; flex-wrap:wrap; gap:16px; margin-top:18px; }
a { color:var(--accent); font-weight:650; text-underline-offset:3px; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; margin-top:36px; padding-top:20px; }
code { color:#173f6f; font-size:.92em; }