:root{--bg:#fbf7f2;--ink:#3b2f2a;--muted:#7a6a61;--accent:#b8743f;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#1f1a17;--ink:#f3ebe4;--muted:#b9a99f;--accent:#e0a77c;--card:#2a2420}}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
main{max-width:760px;margin:0 auto;padding:40px 16px 64px}h1{font-size:2.2rem;margin:.2em 0}h2{margin-top:2em}
a{color:var(--accent)}.card{background:var(--card);border-radius:16px;padding:24px;margin:24px 0;box-shadow:0 2px 12px rgba(0,0,0,.06)}
nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.95rem;margin-top:32px}footer{color:var(--muted);font-size:.85rem;margin-top:48px}.muted{color:var(--muted)}