@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lexend-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lexend-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lexend";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lexend-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lexend";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lexend-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:dark;--bg:#0a1a17;--surface:#122723;--line:#24413b;--ink:#eaf7f1;--ink-muted:#a6c4bb;--real-text:#2ee0a4;--focus:#8fb2ff}
:root[data-theme=light]{color-scheme:light;--bg:#f3faf6;--surface:#fff;--line:#cfe3d9;--ink:#0f2e2a;--ink-muted:#46655e;--real-text:#08724f;--focus:#1f5cff}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink)}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{font:400 17px/1.6 Lexend,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
a{color:var(--real-text);text-underline-offset:3px}
main{width:min(100%,760px);margin:0 auto;padding:0 16px}
header{position:sticky;z-index:4;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px max(16px,4vw);background:var(--bg)}
.tools{display:flex;align-items:center;gap:6px}
.theme{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer;transition:color .2s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.theme:hover{color:var(--ink);transform:rotate(-20deg) scale(1.08)}
.theme svg{width:22px;height:22px}
:root[data-theme=light] .theme .sun,:root:not([data-theme=light]) .theme .moon{display:none}
.lang{display:flex;padding:4px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line)}
.lang a{display:grid;place-items:center;min-width:44px;min-height:36px;border-radius:999px;font-weight:600;font-size:15px;line-height:1;text-decoration:none;color:var(--ink-muted)}
.lang a[aria-current=page]{background:var(--ink);color:var(--bg)}
.mark{font:800 26px/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
main{padding-bottom:64px}
h1{margin:16px 0 4px;font:800 clamp(34px,6vw,52px)/1.05 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em}
h2{margin:36px 0 8px;font-size:20px;font-weight:600}
p,li{color:var(--ink-muted)}
strong{color:var(--ink);font-weight:600}
ul{padding-left:22px}
li{margin:6px 0}
.meta{margin:0;font-size:15px}
.box{margin:24px 0;padding:16px 20px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line)}
.box p{margin:4px 0}