:root{color-scheme:light dark;--bg:#f6f5f1;--card:#fff;--ink:#20221f;--muted:#62675e;--line:#daddd4;--accent:#314d3e;--on:#fff}@media(prefers-color-scheme:dark){:root{--bg:#151916;--card:#222923;--ink:#f4f5ed;--muted:#bfc8bc;--line:#485247;--accent:#d1e6cc;--on:#172018}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.8 system-ui,-apple-system,'Malgun Gothic',sans-serif}main,header,footer{max-width:760px;margin:auto;padding:24px}header{padding-bottom:0}nav{display:flex;gap:16px;flex-wrap:wrap}a{color:var(--accent);overflow-wrap:anywhere}h1{font-size:32px;line-height:1.35;letter-spacing:-.04em;margin:24px 0 12px}h2{font-size:22px;line-height:1.45;margin:32px 0 12px}p{margin:12px 0;word-break:keep-all;overflow-wrap:anywhere}.muted,footer{color:var(--muted)}section{margin:20px 0;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:20px}section h2:first-child{margin-top:0}.button{display:inline-block;background:var(--accent);color:var(--on);text-decoration:none;border-radius:16px;padding:14px 20px;font-weight:700;min-height:48px}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}li{margin-bottom:18px;padding-left:4px}ol{padding-left:24px}@media(max-width:400px){main,header,footer{padding:18px}h1{font-size:28px}section{padding:18px}}