:root{--bg:#e9e2d3;--ink:#2e2820;--muted:#7a6e58;--card:#f8f4e8;--line:#d8cdb4;--red:#a4552f}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#27221a;--ink:#ece5d4;--muted:#a89a7e;--card:#332c21;--line:#4c4232}}
:root[data-theme="dark"]{--bg:#27221a;--ink:#ece5d4;--muted:#a89a7e;--card:#332c21;--line:#4c4232}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.9;padding:40px 20px 80px}
main{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:30px 34px}
h1{font-size:26px;margin-bottom:4px}
.back{display:inline-block;margin-bottom:18px;color:var(--muted);text-decoration:none;font-size:13.5px}
.back:hover{color:var(--ink)}
h2{font-size:17px;margin:22px 0 6px}
p,li{font-size:14.5px;color:var(--ink)}
ul{padding-inline-start:22px}
.note{margin-top:26px;padding:12px 16px;border:1px dashed var(--red);border-radius:6px;color:var(--red);font-size:13px}
.muted{color:var(--muted);font-size:13px;margin-bottom:20px}