/* Documentos legais - mesma identidade das demais páginas.
   As cores vêm dos tokens definidos em reference-site.css, que este
   arquivo sempre acompanha; antes cada regra trazia o próprio hex e
   as páginas legais eram as únicas fora da paleta do app. */

.legal-meta{
  margin:0 auto 38px;padding:15px 19px;
  border:1px solid var(--glass-border);border-radius:var(--r-field);
  background:rgba(255,255,255,.9);box-shadow:var(--shadow);
  color:var(--ink-soft);font-size:.83rem;line-height:1.58;
}
.legal-toc{
  margin:0 0 38px;padding:23px 25px;
  border:1px solid var(--glass-border);border-radius:var(--r-tactile);
  background:rgba(255,255,255,.94);box-shadow:var(--shadow);
}
.legal-toc strong{display:block;margin-bottom:10px;font-size:.9rem}
.legal-toc ol{margin:0;padding-left:20px;columns:2}
.legal-toc li{margin:5px 0;break-inside:avoid}
.legal-toc a{color:var(--seed);text-decoration:underline;text-underline-offset:2px}

.inside-legal h2{scroll-margin-top:104px}
.inside-legal h3{margin:25px 0 8px;font-size:1.06rem;letter-spacing:-.025em}
.inside-legal table{width:100%;margin:16px 0 24px;border-collapse:collapse;font-size:.83rem}
.inside-legal th,.inside-legal td{
  padding:12px;border:1px solid var(--hairline);
  text-align:left;vertical-align:top;line-height:1.5;
}
.inside-legal th{background:var(--scaffold);color:var(--ink);font-weight:800}

/* Aviso: a barra à esquerda é a cor da marca; a variante de atenção
   usa o âmbar de `warning`, o mesmo par do app. */
.legal-callout{
  margin:24px 0;padding:20px 22px;
  border-left:3px solid var(--brand-teal);border-radius:0 var(--r-field) var(--r-field) 0;
  background:var(--brand-soft);color:var(--ink-soft);line-height:1.64;
}
.legal-warning{
  border-left-color:var(--warning-fill);
  background:#FFF3E2;color:var(--warning);
}
.legal-footer-links{margin-top:18px;font-size:.76rem}

@media(max-width:620px){
  .legal-toc ol{columns:1}
  .inside-legal table{display:block;overflow-x:auto}
}
@media(max-width:900px){
  .inside-legal h2{scroll-margin-top:140px}
}