:root { --bg: #f5f3ee; --panel: #fff; --ink: #1d2420; --ink2: #4b554f; --line: #e3ded2; --brand: #1f2421; }
@media (prefers-color-scheme: dark) { :root { --bg: #121714; --panel: #1a211d; --ink: #e9efe9; --ink2: #b2beb6; --line: #2b352f; --brand: #3fae79; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; padding: 24px max(16px, env(safe-area-inset-left)) 60px; }
main { max-width: 720px; margin: 0 auto; background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: clamp(20px, 5vw, 44px); }
h1 { font-size: 30px; margin: 10px 0 0; letter-spacing: -.01em; }
h2 { font-size: 18px; margin: 28px 0 6px; }
.meta { color: var(--ink2); font-size: 14px; margin-top: 4px; }
p, li { color: var(--ink2); }
b { color: var(--ink); }
ul { padding-left: 20px; }
a { color: var(--brand); }
.back { font-weight: 600; text-decoration: none; font-size: 14px; }