:root { --fondo: #fbf7f2; --texto: #2b1d18; --suave: #6b5a52; --acento: #c4553f; --linea: #e6dcd3; }
@media (prefers-color-scheme: dark) {
  :root { --fondo: #16151a; --texto: #ece8e4; --suave: #a8a19b; --acento: #f08a72; --linea: #2c2a31; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--fondo); color: var(--texto); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 2rem 0 0.4rem; color: var(--acento); }
p, li { margin: 0.4rem 0; }
.fecha, nav { color: var(--suave); font-size: 0.95rem; }
nav { margin-bottom: 24px; }
a { color: var(--acento); }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid var(--linea); color: var(--suave); font-size: 0.9rem; }
nav span { font-weight: 600; color: var(--texto); }
section[hidden] { display: none; }