/* Índice das páginas jurídicas: no celular e no tablet vira uma caixa rolável curta,
   em vez de empurrar o texto por mais de mil pixels. */
@media (max-width: 900px) {
  .legal-toc {
    max-height: 296px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 12px 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px #0f172a0a;
  }
  .legal-toc ol { margin: 0; }
  .legal-toc-title { margin-bottom: 8px; }
}