:root{color-scheme:light;--paper:#ede5dc;--ink:#513d38;--muted:#75645c;--card:#f6f0e9;--accent:#775b50}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 system-ui,sans-serif}main{max-width:720px;margin:auto;padding:40px 22px 70px}header{margin-bottom:32px}h1{font-size:30px;line-height:1.4;font-weight:650}h2{font-size:21px;margin:0 0 12px}p{margin:10px 0}section{background:var(--card);border:1px solid #ddd1c5;border-radius:22px;padding:24px;margin:18px 0}a{color:var(--accent);text-underline-offset:4px}.button{display:inline-block;padding:10px 20px;border-radius:16px;background:var(--accent);color:#fff;text-decoration:none}.muted,footer{color:var(--muted);font-size:14px}li{margin:8px 0}nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#272421;--ink:#eee3d9;--muted:#c3b4a8;--card:#302b27;--accent:#dfbba6}section{border-color:#514238}.button{background:#775b50;color:#fff}}