:root{
  --bg:#fbfaf8; --fg:#16150f; --muted:#5e5b52; --line:#e2ded4;
  --accent:#7a4b1e; --card:#ffffff; --code:#f2efe8;
  --max:44rem;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#131210; --fg:#ece8df; --muted:#a09a8d; --line:#2c2a25;
    --accent:#d19a61; --card:#1a1917; --code:#201e1a;
  }
}
:root[data-theme="dark"]{
  --bg:#131210; --fg:#ece8df; --muted:#a09a8d; --line:#2c2a25;
  --accent:#d19a61; --card:#1a1917; --code:#201e1a;
}
*{box-sizing:border-box}
body{
  background:var(--bg); color:var(--fg); margin:0;
  font:16px/1.65 ui-serif,Georgia,"Iowan Old Style","Times New Roman",serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--max); margin:0 auto; padding:0 20px; padding-block:3.5rem 5rem}
header.top{display:flex; justify-content:space-between; align-items:baseline; gap:1rem; flex-wrap:wrap; margin-bottom:3.5rem}
.sig{font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); font-family:ui-sans-serif,system-ui,sans-serif}
nav.lang{font-size:.82rem; font-family:ui-sans-serif,system-ui,sans-serif}
nav.lang a{color:var(--muted); text-decoration:none; margin-left:.7rem; border-bottom:1px solid transparent}
nav.lang a:hover{color:var(--fg); border-bottom-color:var(--accent)}
nav.lang a[aria-current]{color:var(--fg); border-bottom-color:var(--accent)}
h1{font-size:clamp(2.1rem,6vw,3rem); line-height:1.1; margin:0 0 1.25rem; letter-spacing:-.02em}
.lede{font-size:clamp(1.12rem,2.6vw,1.3rem); line-height:1.5; margin:0 0 2.5rem}
h2{font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--accent);
   font-family:ui-sans-serif,system-ui,sans-serif; font-weight:600;
   margin:3.25rem 0 1rem; padding-bottom:.5rem; border-bottom:1px solid var(--line)}
h3{font-size:1.02rem; margin:2rem 0 .4rem; font-weight:600}
p{margin:0 0 1.15rem}
a{color:var(--fg); text-decoration:underline; text-decoration-color:var(--accent); text-underline-offset:3px}
a:hover{color:var(--accent)}
.facts{list-style:none; padding:0; margin:0; border-top:1px solid var(--line)}
.facts li{display:flex; gap:1rem; padding:.7rem 0; border-bottom:1px solid var(--line); flex-wrap:wrap}
.facts .k{flex:0 0 11rem; color:var(--muted); font-size:.85rem;
          font-family:ui-sans-serif,system-ui,sans-serif; padding-top:.15rem}
.facts .v{flex:1 1 14rem; min-width:0}
dl.faq{margin:0}
dl.faq dt{font-weight:600; margin:1.75rem 0 .4rem}
dl.faq dd{margin:0; color:var(--fg)}
.tags{display:flex; flex-wrap:wrap; gap:.4rem; padding:0; margin:.6rem 0 0; list-style:none;
      font-family:ui-sans-serif,system-ui,sans-serif; font-size:.8rem}
.tags li{background:var(--code); border:1px solid var(--line); border-radius:2rem; padding:.2rem .7rem; color:var(--muted)}
footer{margin-top:4rem; padding-top:1.5rem; border-top:1px solid var(--line);
       font-size:.85rem; color:var(--muted); font-family:ui-sans-serif,system-ui,sans-serif}
footer a{color:var(--muted)}
footer ul{list-style:none; padding:0; margin:.5rem 0 0; display:flex; gap:1rem; flex-wrap:wrap}