:root{
  --bg:#0B0B0C;--surface:#141416;--border:#26262A;--text:#F5F5F4;
  --muted:#A1A1A6;--accent:#FFC400;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{width:100%;max-width:820px;margin:0 auto;padding:0 20px}
h1,h2,.mark{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:-.01em;line-height:1.08;margin:0}
h1{font-size:clamp(1.9rem,5vw,3rem);margin-bottom:14px}
h2{font-size:1.25rem;margin:44px 0 14px;color:var(--text)}
h2:first-of-type{margin-top:32px}
p,li{color:var(--muted)}
p{margin:0 0 1.1em}
ul{padding-left:22px;margin:0 0 1.2em}
li{margin-bottom:.5em}
strong{color:var(--text)}
a{color:var(--accent)}
header{border-bottom:1px solid var(--border);background:#0F0F11}
.hdr{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mark{font-size:1.02rem;text-decoration:none;color:var(--text)}
.mark span{color:var(--accent)}
.back{font-size:.9rem;font-weight:700;color:var(--muted);text-decoration:none}
.back:hover{color:var(--accent)}
main{padding:56px 0 80px}
.updated{font-size:.85rem;color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--border)}
.note{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);
  border-radius:10px;padding:20px 22px;margin:0 0 34px;font-size:.92rem}
.note b{color:var(--accent)}
footer{border-top:1px solid var(--border);padding:34px 0;background:#0F0F11;
  font-size:.85rem;color:var(--muted)}
footer a{color:var(--muted);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--accent)}