/* Privacidad y términos: la misma mañana de papel que el final de la página, en una columna de lectura.
   Tokens, tipografías, encabezado y pie vienen de base.css. */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html:has(.legal-page){scrollbar-color:#B4B6B1 var(--paper)}
.legal-page{background:var(--paper);color:var(--ink)}
.legal-page :focus-visible{outline-color:var(--ink)}
.legal{padding:calc(var(--head) + clamp(48px,7vw,104px)) max(var(--gutter),env(safe-area-inset-right,0px)) clamp(72px,9vw,128px)}
.legal .wrap{width:min(100%,680px);margin-inline:auto}
.legal h1{margin-bottom:.42em;font-size:clamp(3rem,7vw,5rem)}
.legal h2{margin:2.1em 0 .5em;font-size:clamp(1.5rem,2.6vw,1.875rem);line-height:1.15;letter-spacing:-.03em}
.legal p,.legal ul{margin:0 0 1em;color:var(--ink-2);line-height:1.62}
.legal ul{padding-left:1.1em}
.legal li{margin-bottom:.4em}
.legal li::marker{color:var(--ink-3)}
.legal strong{color:var(--ink);font-weight:600}
.legal .lede{color:var(--ink);font-size:clamp(1.1875rem,1.8vw,1.375rem);line-height:1.45}
.legal-date{margin-top:3em;padding-top:1em;border-top:1px solid var(--line);font-size:.875rem}
.legal .legal-date{color:var(--ink-3)}