/* Tipografía y ritmo de las páginas legales. Mismo sistema que la landing:
   solo añade lo que un documento largo necesita y la home no. */
.legal { max-width: 760px; margin: 0 auto; padding: clamp(32px,5vw,72px) clamp(18px,5vw,32px); }
.legal h1 { font-family: 'Archivo', sans-serif; font-weight: 800; letter-spacing: -.03em;
            font-size: clamp(30px,5vw,42px); margin: 0 0 10px; color: var(--ink); }
.legal .updated { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px;
                  color: var(--ink-3); margin: 0 0 36px; }
.legal h2 { font-family: 'Archivo', sans-serif; font-weight: 700; letter-spacing: -.02em;
            font-size: 20px; margin: 38px 0 12px; color: var(--ink); }
.legal p, .legal li { font-size: 16px; line-height: 1.65; color: var(--ink-2); }
.legal ul { padding-left: 20px; }
.legal li { margin-bottom: 6px; }
.legal dl { display: grid; grid-template-columns: minmax(150px,auto) 1fr; gap: 9px 22px; margin: 0; }
.legal dt { font-weight: 600; color: var(--ink); font-size: 15px; }
.legal dd { margin: 0; font-size: 15px; color: var(--ink-2); }
.legal .back { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px;
               display: inline-block; margin-bottom: 28px; }
.legal .note { border-left: 3px solid var(--brand); padding: 4px 0 4px 16px; margin: 22px 0; }
.legal .note p:last-child { margin-bottom: 0; }
@media (max-width: 560px) {
  .legal dl { grid-template-columns: 1fr; gap: 2px 0; }
  .legal dd { margin-bottom: 10px; }
}