:root{--ink:#212020;--white:#FFF;--paper:#F7F7F5;--line:#E4E4E1;--slate:#5C5C58;--mute:#8E8E89;--flame:#FF621E;--dp:'Archivo',system-ui,sans-serif;--bd:'Inter',system-ui,sans-serif;--mo:'IBM Plex Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--white);color:var(--ink);font-family:var(--bd);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--flame)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}
.nav-in{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}
.wm{display:block;line-height:0;text-decoration:none}
.wm img{height:36px;width:auto;display:block}
.nav-meta{font-family:var(--mo);font-size:10.5px;color:var(--mute);letter-spacing:.04em}
@media(min-width:820px){.wm img{height:42px}}
.hd{border-bottom:2px solid var(--ink);padding:44px 0 34px;background:var(--paper)}
.tag{font-family:var(--dp);font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--flame);margin-bottom:12px}
h1{font-family:var(--dp);font-weight:900;font-size:clamp(1.9rem,6vw,2.7rem);letter-spacing:-.045em;line-height:1.02;text-transform:uppercase}
.upd{font-family:var(--mo);font-size:11px;color:var(--mute);margin-top:14px;letter-spacing:.03em}
main{padding:44px 0 70px}
h2{font-family:var(--dp);font-weight:800;font-size:1.15rem;letter-spacing:-.025em;margin:34px 0 12px;padding-top:20px;border-top:1px solid var(--line)}
h2:first-of-type{margin-top:0;padding-top:0;border-top:none}
p{color:var(--slate);margin-bottom:14px}
ul{color:var(--slate);margin:0 0 14px 20px}
li{margin-bottom:7px}
b{color:var(--ink);font-weight:600}
.note{background:var(--paper);border-left:3px solid var(--flame);padding:16px 18px;margin:20px 0;font-size:14.5px;color:var(--slate)}
.ft{border-top:2px solid var(--ink);background:var(--paper);padding:28px 0}
.f-l{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;margin-bottom:16px}
.f-l a{color:var(--slate);text-decoration:none}
.f-l a:hover{color:var(--flame)}
.f-b{font-family:var(--mo);font-size:10.5px;color:var(--mute);line-height:1.85;border-top:1px solid var(--line);padding-top:16px}