:root{--bg:#f4f1ea;--ink:#16221b;--ink2:#56645b;--line:#cfc9ba;--card:#fffdf7;--ac:#1c6b45;--acink:#fff}
[data-theme=dark]{--bg:#0f1712;--ink:#e9f1ea;--ink2:#a0b3a6;--line:#27382d;--card:#16221b;--ac:#6bd49a;--acink:#0f1712}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--ac)}.w{max-width:760px;margin:0 auto;padding:0 18px 60px}
.t{float:right;margin:14px 0;background:none;border:2px solid var(--ink);color:var(--ink);padding:5px 10px;font-weight:700;border-radius:6px;cursor:pointer}
h1{font-size:clamp(28px,7vw,44px);line-height:1.1;margin:30px 0 10px}.card{background:var(--card);border:2px solid var(--ink);border-radius:8px;padding:14px 16px;margin:14px 0}
.btn{display:inline-block;background:var(--ac);color:var(--acink);padding:11px 18px;font-weight:700;text-decoration:none;border-radius:6px}code{background:var(--card);padding:2px 5px;border:1px solid var(--line)}