/* Páginas de texto longo: compliance, privacidade e termos. */
.legal { max-width: 48rem; }

/*
 * Medida da linha. A coluna de 760px dava 104 caracteres por linha, bem acima da
 * faixa confortável de leitura (45 a 80): o olho se perde ao voltar para o
 * começo da linha seguinte.
 *
 * ARMADILHA: `ch` é a largura do caractere ZERO, não a média das letras. Em
 * Montserrat o zero é largo, então `70ch` computou 770px -- mais do que a
 * própria coluna, e a regra não teve efeito nenhum. O valor abaixo foi calibrado
 * medindo o texto renderizado, não estimado.
 */
.legal p, .legal li, .legal dd { max-width: 50ch; }
.legal h2 { margin-top: 2.5rem; scroll-margin-top: 6rem; }
.legal h3 { margin-top: 1.75rem; }
.legal h2:first-child { margin-top: 0; }
.legal ul, .legal ol { padding-left: 1.35rem; }
.legal li { margin-bottom: .5rem; }
.legal dl { margin: 0; }
.legal dt { font-family: var(--heading-font); font-weight: 700; color: var(--heading-color); margin-top: 1.25rem; }
.legal dd { margin: .25rem 0 0; color: var(--default-color); }

.legal-meta {
  color: var(--muted-color);
  font-size: .9rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 2rem;
}

/* Índice de navegação interna das páginas longas */
.toc {
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-md);
  padding: 1.25rem 1.5rem;
  margin-bottom: 2.5rem;
}
.toc h2 { font-size: 1rem; margin: 0 0 .75rem; }
.toc ol { margin: 0; padding-left: 1.2rem; }
.toc li { margin-bottom: .35rem; }

.badge-destaque { width: 9rem; margin: 0 auto 1.5rem; }