:root{--paper:#FBFAF7;--ink:#14161C;--ink-soft:#4B4F5A;--rule:#DCD8CF;--madder:#A33A2C}
@media (prefers-color-scheme:dark){:root{--paper:#14161C;--ink:#F2F0EB;--ink-soft:#A0A4AE;--rule:#2B2F38;--madder:#D96A56}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Newsreader",Georgia,serif;font-size:18px;line-height:1.65;font-weight:300}
.wrap{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
a{color:var(--madder)}
a:focus-visible{outline:2px solid var(--madder);outline-offset:3px}
header{padding:28px 0;border-bottom:1px solid var(--rule);margin-bottom:44px}
.mark{display:inline-block;line-height:0}
.mark img{display:block;height:28px;width:auto}
.mark span{color:var(--madder)}
h1{font-size:clamp(1.9rem,4vw,2.6rem);font-weight:300;letter-spacing:-.02em;line-height:1.1;margin:0 0 6px}
.upd{font-family:"Inter Tight",system-ui,sans-serif;font-size:.8rem;color:var(--ink-soft);margin:0 0 40px}
h2{font-size:1.2rem;font-weight:400;margin:38px 0 10px;letter-spacing:-.01em}
p,li{max-width:66ch}
li{margin-bottom:8px}
footer{margin:72px 0 56px;border-top:1px solid var(--rule);padding-top:20px;font-family:"Inter Tight",system-ui,sans-serif;font-size:.8rem;color:var(--ink-soft)}
footer a{text-decoration:none}