:root{--bg:#0f1835;--deep:#080e22;--linen:#f0e7cc;--dim:#c9bd9f;--ochre:#fbbf4b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--linen);font-family:"Spectral",Georgia,serif;font-weight:300;font-size:1.05rem;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--ochre)}
:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,56px);border-bottom:1px solid rgba(240,231,204,.12);background:var(--deep)}
.top img{height:34px;width:auto;display:block}
.lang{display:flex;border:1px solid rgba(240,231,204,.25);border-radius:999px;overflow:hidden}
.lang button{all:unset;cursor:pointer;padding:3px 10px;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:.78rem;color:var(--dim)}
.lang button[aria-pressed="true"]{background:var(--linen);color:#16131a}
main{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,4vw,32px) 64px}
article[hidden]{display:none}
h1{font-weight:300;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 8px}
h2{font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:600;font-size:1rem;color:var(--ochre);margin:36px 0 8px}
.updated,.note{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:.85rem;color:var(--dim);margin:0 0 6px}
.note{font-style:italic}
ul,ol{padding-left:1.3em}
li{margin-bottom:.35em}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:760px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 48px;border-top:1px solid rgba(240,231,204,.12);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:.9rem}
footer a{color:var(--dim);text-decoration:none}
footer a:hover{color:var(--linen)}