:root{--bg:#050607;--ink:#F2F3F5;--ink2:#A3A8B0;--muted:#6C727A;--hair:rgba(255,255,255,.08);--hair2:rgba(255,255,255,.14);
--signal:#8B6CFF;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"Golos Text","Segoe UI",system-ui,sans-serif;
--mono:"Fira Mono",ui-monospace,Consolas,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration-color:var(--hair2);text-underline-offset:3px}
a:hover{text-decoration-color:var(--signal)}
:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}
.head{display:flex;align-items:center;gap:18px;padding:24px 0 0}
.brand{font-weight:800;font-size:16px;letter-spacing:.34em;text-decoration:none}
.lang{margin-left:auto;display:flex;gap:4px}
.lang button{background:none;border:1px solid transparent;color:var(--muted);font:12.5px var(--mono);padding:4px 8px;border-radius:6px;cursor:pointer}
.lang button[aria-pressed=true]{color:var(--ink);border-color:var(--hair2)}
.kick{font:12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:9vh 0 0}
h1{font-family:var(--serif);font-size:clamp(34px,6vw,50px);line-height:1.1;margin:10px 0 6px;letter-spacing:-.01em}
.date{color:var(--muted);font:13px var(--mono);margin:0 0 36px}
h2{font-size:19px;font-weight:500;margin:38px 0 8px}
p,li{color:var(--ink2)}
p b,li b{color:var(--ink);font-weight:500}
ul{padding-left:20px}
li{margin:4px 0}
article[hidden]{display:none}
footer{margin-top:90px;border-top:1px solid var(--hair);padding:28px 0 56px;color:var(--muted);font-size:14px}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}
footer a{color:var(--ink2);text-decoration:none}
footer a:hover{color:var(--ink)}