:root { --fondo: #f6f7f5; --texto: #1d2420; --suave: #56605a; --acento: #2f6b4f; --linea: #d9ddd8; }
@media (prefers-color-scheme: dark) {
  :root { --fondo: #141816; --texto: #e4e8e5; --suave: #a3ada7; --acento: #7cc4a0; --linea: #2c332f; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--texto); padding-inline: 16px;
       font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 42rem; margin: 0 auto; padding-block: 3rem 4rem; }
h1 { font-size: 1.8rem; line-height: 1.2; margin: 0 0 .4rem; letter-spacing: -.01em; }
h2 { font-size: 1.05rem; margin: 1.8rem 0 .3rem; }
p { margin: .6rem 0; }
.lema { color: var(--suave); margin-top: 0; }
.en { color: var(--suave); font-size: .95rem; }
a { color: var(--acento); }
code { font-size: .9em; padding: .1em .35em; border: 1px solid var(--linea); border-radius: 4px; }
hr { border: 0; border-top: 1px solid var(--linea); margin: 2rem 0; }