:root{
  --bg:#141010; --ink:#EDE4D3; --smoke:#8C7F73;
  --chili:#C9341C; --gold:#C9A227; --line:rgba(237,228,211,.15);
  --grad1:#2B1512; --grad2:#141010;
}
@media (prefers-color-scheme: light){
  :root{--bg:#F4ECE0;--ink:#241B16;--smoke:#7A6A5C;--chili:#A8280F;--gold:#8A6B12;
        --line:rgba(36,27,22,.18);--grad1:#FBF5EA;--grad2:#EFE5D6}
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(125% 70% at 50% 0%,var(--grad1) 0%,var(--grad2) 60%);
  color:var(--ink);min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.6;padding:0 22px}
.wrap{max-width:720px;margin:0 auto;padding:44px 0 80px}
.display{font-family:"Palatino Linotype",Palatino,Georgia,serif;line-height:1.12;letter-spacing:-.01em}
h1{font-size:2.6rem;margin-bottom:10px}
h1 em{font-style:normal;color:var(--chili)}
h2{font-size:1.3rem;margin:34px 0 8px;font-weight:600}
h3{font-size:1.05rem;margin:22px 0 4px;font-weight:600}
p,li{color:var(--ink);margin-bottom:12px}
.lead{color:var(--smoke);font-size:1.05rem;margin-bottom:6px}
ul{padding-left:20px;margin-bottom:12px}
a{color:var(--gold)}
.meta{color:var(--smoke);font-size:.88rem}
.langs{display:flex;gap:8px;margin:22px 0 30px;flex-wrap:wrap}
.langs button{background:none;border:1px solid var(--line);color:var(--smoke);
  font:inherit;font-size:.88rem;padding:8px 15px;border-radius:18px;cursor:pointer}
.langs button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}
.box{border:1px solid var(--line);border-radius:6px;padding:18px 20px;margin:22px 0}
.box strong{display:block;margin-bottom:5px}
nav{display:flex;gap:18px;margin-bottom:28px;flex-wrap:wrap}
nav a{color:var(--smoke);text-decoration:none;font-size:.92rem;
  border-bottom:1px solid transparent;padding-bottom:2px}
nav a:hover,nav a[aria-current]{color:var(--gold);border-color:var(--gold)}
footer{border-top:1px solid var(--line);margin-top:54px;padding-top:20px;
  color:var(--smoke);font-size:.85rem}
[data-lang]{display:none}
[data-lang].on{display:block}
.mark{width:44px;height:44px;margin-bottom:18px}