:root {
  --max: 760px;
  --pad: clamp(1.5rem, 5vw, 3rem);
}
/* Fuente, peso y color del body, el fondo/blur/borde del nav, `footer a` y el
   anillo :focus-visible vienen de base.css (dedup 13-09-2026). */
body { background: var(--white); line-height: 1.8; }
/* Los enlaces del cuerpo van sobre blanco -> --link. El nav y el footer
   redefinen su propio color porque van sobre oscuro. */
main a { color: var(--link); }

nav {
  padding: .9rem var(--pad);
  display: flex; align-items: center; justify-content: space-between;
}
/* El `width: auto` del logo vive en base.css (13-09-2026). */
.nav-logo { height: 48px; }
.nav-back { font-family: var(--f-head); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); border: 1.5px solid var(--gold); padding: .4rem 1rem; text-decoration: none; }
.nav-back:hover { background: var(--gold); color: var(--dark); }

main { max-width: var(--max); margin: 0 auto; padding: 3rem var(--pad) 5rem; }

h1 { font-family: var(--f-head); font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--dark); margin-bottom: 2rem; }
h2 { font-family: var(--f-head); font-size: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--dark); margin: 2rem 0 .6rem; border-left: 3px solid var(--gold); padding-left: .8rem; }
p  { color: var(--mid); margin-bottom: 1rem; font-size: .95rem; }
ul { color: var(--mid); font-size: .95rem; margin: .5rem 0 1rem 1.5rem; }
li { margin-bottom: .4rem; }
.updated { font-size: .85rem; color: var(--grey-text); margin-bottom: 2rem; }

footer { background: var(--dark); padding: 2rem var(--pad); text-align: center; }
footer p { color: var(--text-footer); font-size: .85rem; margin: 0; }