:root{--ink:#1E2A2B;--ink-2:#3A4A4B;--ink-3:#6B7A7A;--paper:#EEF0EE;--paper-2:#FFFFFF;--line:#CBD2CE;--sand:#8F7048}
@media (prefers-color-scheme:dark){:root{--ink:#EDEFEC;--ink-2:#C9D0CC;--ink-3:#8E9995;--paper:#141B1C;--paper-2:#1B2425;--line:#37474A;--sand:#D8BC95}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink-2);font:400 1rem/1.7 "Instrument Sans",system-ui,sans-serif;padding:0 16px}
header,main,footer{max-width:760px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding:28px 0}
header a{color:var(--ink);text-decoration:none}
.wm{font:700 1.25rem/1 Outfit,sans-serif;letter-spacing:.14em}
.back{font-size:.875rem;color:var(--ink-3)}
main{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:40px clamp(18px,5vw,48px) 48px}
h1,h2,h3{font-family:Outfit,sans-serif;color:var(--ink);line-height:1.25}
h1{font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 6px}
h2{font-size:1.2rem;margin:2.2em 0 .5em;padding-top:1.2em;border-top:1px solid var(--line)}
h3{font-size:1rem;margin:1.6em 0 .3em}
.stand{color:var(--ink-3);font-size:.875rem;margin:0 0 1.5em}
.toc{columns:2;column-gap:28px;padding-left:1.2em;font-size:.95rem}
@media (max-width:560px){.toc{columns:1}}
a{color:var(--sand)}
ol,ul{padding-left:1.3em}
li{margin:.25em 0}
.box{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:1.2em 0}
footer{padding:28px 0 40px;font-size:.875rem;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--ink-3)}