/* Legal pages (privacidad, terminos): readable measure on top of site.css */
.legal { width: min(100% - 2 * var(--gutter), 70ch); margin: 0 auto; padding: 24px 0 40px; font-size: 17px; line-height: 1.65; }
.legal h1 { font-size: clamp(2rem, 7vw, 3rem); margin-bottom: .5em; }
.legal h2 { font-size: 1.6rem; margin: 1.8em 0 .5em; scroll-margin-top: 70px; }
.legal p, .legal ul, .legal ol { margin: 0 0 1em; }
.legal ul, .legal ol { padding-left: 1.3em; }
.legal li { margin-bottom: .45em; }
.legal a { color: var(--ink); text-decoration-color: var(--red); text-underline-offset: 3px; }
.legal a:hover { color: var(--red-2); }
.legal .toc { margin: 1.5em 0 0; padding: 16px 20px; }
.legal .toc h2 { margin: 0 0 .5em; font-size: 1.2rem; }
.legal .toc ol { margin: 0; padding-left: 1.4em; font-size: .95rem; line-height: 1.45; }
.legal .toc li { margin-bottom: .3em; }
.legal .tr-note { font-size: .9rem; font-style: italic; }
.legal mark.ph, .legal .ph { background: rgba(255,170,0,.16); color: #ffc247; padding: 0 .25em; border-radius: 4px; }
#draft-banner { margin-bottom: 1.2em; font-size: .95rem; line-height: 1.4; }
.legal-foot { text-align: center; padding-bottom: 40px; }