:root{color-scheme:light;--bg:#f7f8fa;--fg:#17202e;--muted:#586476;--line:#dce2ea;--panel:#fff;--accent:#335bca;--tag:#e8eefc}html[data-theme=dark]{color-scheme:dark;--bg:#0d1119;--fg:#e9edf5;--muted:#a2aec1;--line:#293242;--panel:#151c28;--accent:#a6bcff;--tag:#253352}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}header,main,footer{max-width:1040px;margin:auto;padding:28px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{color:var(--fg);font-size:16px;font-weight:700;text-decoration:none;letter-spacing:-.3px}.appearance{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}select{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);padding:7px 10px;border-radius:9px}main{padding-top:64px;padding-bottom:70px}h1{font-size:clamp(36px,6vw,62px);font-weight:650;letter-spacing:-2.3px;line-height:1.1;margin:24px 0}h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin-top:0}.intro{font-size:19px;max-width:720px;color:var(--muted)}.draft{font-size:12px;font-weight:600;display:inline-block;padding:5px 11px;border-radius:30px;background:var(--tag);color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}.card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.card p{margin-bottom:0;color:var(--muted)}.reading{max-width:760px}.reading h1{font-size:46px}.reading section{margin-top:38px}.reading p{color:var(--muted)}.meta{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}nav{display:flex;gap:22px}a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:5px} @media(max-width:640px){header,main,footer{padding-left:22px;padding-right:22px}main{padding-top:40px}.grid{grid-template-columns:1fr}header{align-items:flex-start}.appearance label{display:none}footer{flex-direction:column}.reading h1{font-size:38px}}