:root{--fondo:#fbfbfa;--texto:#1b1d21;--suave:#55595f;--linea:#d9dadc;--enlace:#1a4f8b}
@media (prefers-color-scheme:dark){:root{--fondo:#16181b;--texto:#e8e9eb;--suave:#a4a8ae;--linea:#2e3135;--enlace:#8fb8ea}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--texto);font:1.0625rem/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:40rem;margin:0 auto;padding:3rem 1rem 4rem}
h1{font-size:1.75rem;line-height:1.2;margin:0 0 .5rem}
h2{font-size:1.15rem;margin:2.25rem 0 .5rem}
p,li{margin:0 0 .75rem}
ul{padding-left:1.25rem}
a{color:var(--enlace);text-underline-offset:.15em}
a:focus-visible{outline:3px solid var(--enlace);outline-offset:2px;border-radius:2px}
code{font:.95em ui-monospace,Menlo,monospace;background:var(--linea);padding:.1em .35em;border-radius:3px;overflow-wrap:anywhere}
.idiomas{margin:0 0 2rem;color:var(--suave)}
.pie{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--linea);color:var(--suave);font-size:.9rem}
section+section{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--linea)}
.salto{position:absolute;left:-999px}.salto:focus{left:1rem;top:1rem;background:var(--fondo);padding:.5rem}