/* Estilos específicos para páginas legales — tema claro */
.legal-main { padding-top: 8rem; padding-bottom: 5rem; min-height: 70vh; background: var(--paper); }
.legal-main h1 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 0.6rem; color: var(--ink); }
.legal-main .updated { font-family: var(--font-mono); font-size: 0.75rem; color: var(--ink-3); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 3rem; display: block; }
.legal-main h2 { font-size: 1.4rem; margin: 2.5rem 0 1rem; font-family: var(--font-body); font-weight: 600; color: var(--ink); }
.legal-main p, .legal-main li { color: var(--ink-2); margin-bottom: 1rem; max-width: 75ch; }
.legal-main ul { padding-left: 1.3rem; margin-bottom: 1rem; }
.legal-main li { margin-bottom: 0.5rem; }
.legal-main a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.legal-main a:hover { color: var(--steel-lo); }
.legal-back { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 3rem; font-size: 0.85rem; color: var(--ink-2); }
.legal-back:hover { color: var(--ink); }