:root{--ink:#16181d;--muted:#5b6170;--line:#e3e5ea;--accent:#d13b3b;--bg:#fff;--foot:#050505}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px}
.wrap{max-width:780px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);padding:16px 0}
.logo{font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:.01em}
main{padding-top:32px;padding-bottom:56px}
h1{font-size:clamp(26px,4.5vw,36px);line-height:1.2;margin:0 0 6px}
h2{font-size:21px;margin:32px 0 8px;line-height:1.3}
p,li{max-width:70ch}
.date{color:var(--muted);margin:0 0 24px;font-size:15px}
.note{color:var(--muted);font-size:15px;border-left:3px solid var(--line);padding-left:12px}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1b5fd1;outline-offset:2px}
mark.fill{background:#fff1a8;color:#111;padding:0 3px;border-radius:3px}
footer{background:var(--foot);color:#f2f2f2;padding:32px 0;font-size:15px}
footer a{color:#fff}
footer .links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0}