:root{--sand:#FAF6EF;--ink:#1F2A30;--muted:#5E6A70;--sea:#0B4F5C;--line:#E4DCCD}
@media (prefers-color-scheme:dark){:root{--sand:#0E1A20;--ink:#EDE6DA;--muted:#9AA6AB;--sea:#7FD1D9;--line:#24343B}}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:17px/1.6 -apple-system,system-ui,"Segoe UI",Roboto,sans-serif}
main,header,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{padding-top:28px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:baseline}
header .brand{font:600 1.3rem Georgia,serif;color:var(--ink);text-decoration:none;margin-right:auto}
nav a,a{color:var(--sea)}nav a{margin-right:14px;text-decoration:none}
h1,h2{font-family:Georgia,"New York",serif;line-height:1.25}h1{font-size:2rem;margin-top:1.4em}
.lang{border-top:1px solid var(--line);margin-top:2.5em;padding-top:.5em}
.note{border-left:4px solid var(--sea);padding:.6em 1em;background:rgba(11,79,92,.06)}
.badge{display:inline-block;border:1px solid var(--line);border-radius:12px;padding:.6em 1em;color:var(--muted)}
footer{color:var(--muted);font-size:.9rem;padding:40px 20px}