:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#06211e;color:#f3eedf}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#165042,#06211e 72%);line-height:1.65}
header,main,footer{width:min(100% - 32px,760px);margin-inline:auto}
header{padding:20px 0 6px}
header img{display:block;width:150px;height:auto;max-height:76px;object-fit:contain;object-position:left}
main{padding:16px 0 28px}
.eyebrow{margin:0;color:#e9ca78;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15;margin:8px 0 12px}
h2{font-size:1.22rem;margin:30px 0 8px;color:#f3d582}
p{margin:0 0 13px;color:#d9e4db}
.intro{font-size:1.08rem;color:#f1eee3}
a{color:#f0d07d;text-underline-offset:3px}
a:focus-visible{outline:3px solid #f0d07d;outline-offset:4px}
.updated{margin-top:32px;font-size:.86rem;color:#abbfb3}
footer{border-top:1px solid #b7b58648;padding:18px 0 30px;display:flex;gap:20px;flex-wrap:wrap}

[data-language-controls]{margin:0 0 18px}[data-language-controls] label{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:13px}[data-language-controls] select{font:inherit;border:1px solid #9997;border-radius:8px;padding:7px 9px;background:#fff;color:#172b27}
.language-setting-label{display:inline-flex;align-items:center;gap:.45em}.language-setting-label svg{flex:none}