:root { --paper:#F3EEE6; --card:#FFFDF9; --ink:#1D1C1A; --soft:#6E685E; --accent:#B86A12; }
@media (prefers-color-scheme: dark) { :root { --paper:#131313; --card:#1E1E1D; --ink:#ECE9E2; --soft:#9C978D; --accent:#E9A24A; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font: 17px/1.6 -apple-system, "Helvetica Neue", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 64px; }
header { margin-bottom: 28px; display:flex; align-items:center; gap:12px; }
header img { width:40px; height:40px; border-radius:9px; }
header a { color: var(--ink); text-decoration: none; font: 700 22px/1 Futura, "Avenir Next", sans-serif; letter-spacing:.02em; }
h1 { font: 700 32px/1.2 Futura, "Avenir Next", sans-serif; margin: 0 0 6px; }
h2 { font: 700 20px/1.3 Futura, "Avenir Next", sans-serif; margin: 28px 0 6px; }
.card { background: var(--card); border-radius: 18px; padding: 24px; box-shadow: 0 3px 12px rgba(0,0,0,.08); }
.meta { color: var(--soft); font-size: 14px; margin: 0 0 20px; }
a { color: var(--accent); }
nav { margin-top: 24px; font-size: 15px; color: var(--soft); }
nav a { margin-right: 16px; }