:root{color-scheme:dark;--bg:#101112;--panel:#191b1c;--text:#f3eee4;--muted:#bbb8ae;--gold:#d8ba7d;--line:#565143}
body{margin:0;padding:20px;background:var(--bg);color:var(--text);font:18px/1.65 Georgia,serif}main,header{max-width:880px;margin:auto}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}h1{font-size:clamp(32px,5vw,54px);line-height:1.2;font-weight:400}h2{font-weight:400}a{color:var(--gold);display:inline-block;min-height:44px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#f7f3eb;--panel:#fffdf8;--text:#252824;--muted:#626359;--gold:#79571e;--line:#989281}}