:root{
  --ink:#17140F; --ink-soft:#4A453C; --paper:#F1EDE3; --panel:#FFFFFF;
  --line:#D9D2C1; --gold:#C8862A; --gold-ink:#17140F;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){
  --ink:#EFEAE0; --ink-soft:#B4AC9B; --paper:#131110; --panel:#1C1917;
  --line:#35302B; --gold:#F2B33A; --gold-ink:#17140F;
}}
:root[data-theme="dark"]{
  --ink:#EFEAE0; --ink-soft:#B4AC9B; --paper:#131110; --panel:#1C1917;
  --line:#35302B; --gold:#F2B33A; --gold-ink:#17140F;
}
*{box-sizing:border-box;}
html,body{background:var(--paper);}
body{
  margin:0; color:var(--ink);
  font-family:'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
.wrap{max-width:720px; margin:0 auto; padding:0 24px;}
a{color:var(--gold);}
a:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
header.site{border-bottom:1px solid var(--line); padding:18px 0;}
header.site .wrap{display:flex; justify-content:space-between; align-items:center;}
.mark{font-family:'Anton',sans-serif; text-transform:uppercase; font-size:17px; letter-spacing:.01em; text-decoration:none; color:var(--ink);}
.mark span{color:var(--gold);}
main{padding:44px 0 90px;}
h1{font-family:'Anton',sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.01em; font-size:clamp(28px,4vw,40px); line-height:1.05; margin:0 0 6px;}
.updated{font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--ink-soft); margin-bottom:34px;}
h2{font-family:'IBM Plex Sans',sans-serif; font-weight:700; font-size:19px; margin:36px 0 10px;}
h3{font-size:15.5px; font-weight:600; margin:20px 0 6px;}
p, li{color:var(--ink-soft); font-size:15px;}
ul{padding-left:20px;}
li{margin:5px 0;}
.lead{color:var(--ink); font-size:16px;}
.box{background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:18px 20px; margin:22px 0;}
strong{color:var(--ink);}
footer{border-top:1px solid var(--line); padding:26px 0 60px; font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:var(--ink-soft);}
footer a{color:var(--ink-soft);}
