/* Estilos de las páginas legales (privacidad, términos).
   Texto largo: columna angosta, jerarquía clara y nada de decoración. */
.legal { max-width:760px; }
.legal h1 { font-size:29px; letter-spacing:-.5px; margin:0 0 8px; }
.legal .updated { color:var(--dim); font-size:13px; margin:0 0 30px; }
.legal .toc {
  background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 20px; margin-bottom:32px;
}
.legal .toc ol { margin:0; padding-left:20px; columns:2; column-gap:26px; }
.legal .toc li { font-size:13.5px; margin-bottom:5px; break-inside:avoid; }
@media (max-width:620px){ .legal .toc ol { columns:1; } }
.legal section { margin-bottom:30px; scroll-margin-top:20px; }
.legal h2 {
  font-size:17px; font-weight:650; letter-spacing:-.2px;
  margin:0 0 10px; text-transform:none; color:var(--txt);
}
.legal h3 {
  font-size:14.5px; font-weight:650; letter-spacing:-.1px;
  margin:20px 0 8px; color:var(--txt);
}
.legal p { margin:0 0 12px; font-size:14.5px; line-height:1.65; color:#c8cdd6; }
.legal ul { margin:0 0 12px; padding-left:20px; }
.legal li { font-size:14.5px; line-height:1.6; color:#c8cdd6; margin-bottom:7px; }
.legal b { color:var(--txt); }
.legal .callout {
  background:rgba(90,124,255,.09); border-left:3px solid var(--accent);
  border-radius:8px; padding:14px 16px; margin:0 0 14px;
}
.legal .callout p:last-child { margin-bottom:0; }
.legal code { color:var(--accent); font-size:13px; }