/* Textos legales: lectura larga, columna estrecha y sin adornos. */
body { padding: 0 var(--s-5) var(--s-16); font-size: 16px; line-height: 1.7; }
.top { max-width: 680px; margin: 0 auto; padding: var(--s-6) 0; border-bottom: 1px solid var(--line); }
main { max-width: 680px; margin: 0 auto; }
.brand { display: inline-flex; align-items: center; gap: var(--s-3); color: var(--ink); text-decoration: none; font-size: var(--fs-lg); font-weight: 800; font-stretch: var(--wdth-wide); letter-spacing: -.02em; }
.brand img { border-radius: 8px; }
.brand b { color: var(--accent-text); font-weight: 800; }
h1 { margin: var(--s-10) 0 var(--s-1); font-size: var(--fs-3xl); line-height: var(--lh-tight); font-weight: 750; font-stretch: var(--wdth-wide); letter-spacing: -.025em; }
h2 { margin: var(--s-8) 0 var(--s-2); font-size: var(--fs-lg); font-weight: 700; }
p, li { margin: 0 0 var(--s-3); color: var(--ink-2); max-width: 68ch; }
ul { padding-left: var(--s-6); margin: 0 0 var(--s-3); }
.updated { color: var(--ink-3); font-size: var(--fs-md); }
a { color: var(--accent-text); text-underline-offset: 3px; }
nav { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-6); margin-top: var(--s-12); padding-top: var(--s-5); border-top: 1px solid var(--line); font-size: var(--fs-md); }
nav a { color: var(--ink-2); }
nav a:hover { color: var(--ink); }