:root { color-scheme: light dark; --ink:#1c1c1e; --bg:#fff; --muted:#6b6b70; --line:#e5e5ea; --card:#f6f6f8; --accent:#2f7cf6; }
@media (prefers-color-scheme: dark) { :root { --ink:#ececec; --bg:#111; --muted:#9a9aa0; --line:#2c2c2e; --card:#1c1c1e; --accent:#5b95f7; } }
* { box-sizing: border-box; }
body { font-family:-apple-system,system-ui,"Segoe UI",Roboto,sans-serif; max-width:680px; margin:0 auto; padding:24px 20px 60px; line-height:1.6; color:var(--ink); background:var(--bg); }
h1 { font-size:1.6rem; margin-bottom:.2em; letter-spacing:-.02em; }
h2 { font-size:1.15rem; margin-top:1.8em; }
p, li { font-size:.97rem; }
.muted { opacity:.65; font-size:.85rem; }
a { color:var(--accent); }
.box { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px 18px; margin:1.4em 0; }
.box p { margin:.3em 0; }
details { margin:.6em 0; border-bottom:1px solid var(--line); }
summary { cursor:pointer; font-weight:600; padding:.7em 0; }
details p { margin-top:0; padding-bottom:.8em; }
nav.top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:28px; font-size:.9rem; }
nav.top a { text-decoration:none; }
.brand { font-weight:700; letter-spacing:-.01em; color:var(--ink); }
footer { margin-top:48px; padding-top:20px; border-top:1px solid var(--line); font-size:.85rem; }
footer a { margin-right:14px; display:inline-block; }