@font-face{font-family:"Figtree";font-weight:400;font-display:swap;src:url(/fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-display:swap;src:url(/fonts/figtree-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Fredoka";font-weight:700;font-display:swap;src:url(/fonts/fredoka-latin-700-normal.woff2) format("woff2")}
:root{--bg:#FFFCF2;--fg:#24113F;--muted:#6B5E80;--line:#E3DAF0;--purple:#4B1D8F;--deep:#2A0E57;--yellow:#FFD23F;--card:#fff;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#170A2E;--fg:#F4EEFF;--muted:#B7A9D1;--line:#3A2560;--purple:#B79BFF;--card:#21103F;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#170A2E;--fg:#F4EEFF;--muted:#B7A9D1;--line:#3A2560;--purple:#B79BFF;--card:#21103F;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 "Figtree",system-ui,sans-serif}
header{background:var(--deep);display:flex;justify-content:space-between;align-items:center;padding:14px 16px;padding-inline:max(16px,calc((100vw - 760px)/2))}
.brand{font:700 28px/1 "Fredoka",system-ui,sans-serif;color:#fff;text-decoration:none}
.back{color:var(--yellow);font-weight:700;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:36px 16px 56px}
h1{font:800 clamp(30px,6vw,44px)/1.1 "Bricolage Grotesque",system-ui,sans-serif;margin:0 0 6px}
h2{font:800 22px/1.25 "Bricolage Grotesque",system-ui,sans-serif;margin:34px 0 8px;scroll-margin-top:16px}
.upd{color:var(--muted);margin:0 0 22px;font-size:14px}
a{color:var(--purple)}
ul{padding-left:22px}li{margin:0 0 8px}
.toc{display:flex;flex-wrap:wrap;gap:6px 14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14px}
.toc a{text-decoration:none}
.also{margin-top:36px;padding-top:16px;border-top:1px solid var(--line)}
footer{background:var(--deep);color:#D9CCF2;text-align:center;font-size:13px;padding:22px 16px}