:root{
  --bg:#EDEEE8; --surface:#E2E1D5; --ink:#1B211F; --ink-soft:#4B534F;
  --accent:#A9782E; --teal:#2C5D57; --line:rgba(27,33,31,.16);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#14181A; --surface:#1C2224; --ink:#ECE8DE; --ink-soft:#A9AFA9;
    --accent:#D6A048; --teal:#4FA69C; --line:rgba(236,232,222,.14);
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--teal)}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.brand{font:700 1.15rem Georgia,"Iowan Old Style",serif;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.lang{display:flex;gap:6px}
.lang button{font:600 .8rem ui-monospace,Menlo,Consolas,monospace;background:transparent;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}
.lang button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1{font:700 clamp(1.8rem,5vw,2.4rem)/1.2 Georgia,"Iowan Old Style",serif;margin:40px 0 6px}
h2{font:700 1.2rem Georgia,"Iowan Old Style",serif;margin:30px 0 8px}
p,li{margin:0 0 10px}
ul{padding-left:22px;margin:0 0 10px}
.updated{color:var(--ink-soft);font-size:.9rem;margin-bottom:20px}
footer{padding:30px 0 50px;color:var(--ink-soft);font-size:.88rem;border-top:1px solid var(--line);margin-top:40px}
footer a{margin-right:14px}
[data-l]{display:none}
html[lang="es"] [data-l="es"],html[lang="en"] [data-l="en"]{display:revert}