:root { --fg:#3a1a0c; --muted:#7a5a48; --accent:#b8801f; --bg:#fff3e7; --line:#f0dcc6; }
@media (prefers-color-scheme: dark) { :root { --fg:#fff3e7; --muted:#cbb6a6; --accent:#ebb141; --bg:#1e130d; --line:#3a2a20; } }
.logo { height:64px; display:block; margin:8px 0 16px; }
.logo-dark { display:none; }
@media (prefers-color-scheme: dark) { .logo-light { display:none; } .logo-dark { display:block; } }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--fg); background:var(--bg); }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:2.2rem; margin:.2em 0; } h2 { margin-top:2em; font-size:1.25rem; }
a { color:var(--accent); } .muted { color:var(--muted); font-size:.95rem; }
.draft { border:1px dashed var(--accent); padding:8px 12px; border-radius:8px; color:var(--accent); font-size:.9rem; }
footer { border-top:1px solid var(--line); margin-top:48px; padding-top:16px; font-size:.9rem; color:var(--muted); }
footer a { margin-right:14px; }