/* site/assets/legal-termos.css
   O termos.html usa o destaque neutro (--paper-2); privacidade.html e
   exclusao-de-dados.html usam o verde. Só estas tres regras diferem, e elas
   sobrepoem o legal.css, carregado antes. */
.legal-box-highlight{background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;padding:20px 24px;margin:24px 0}
.legal-box-highlight b{color:var(--ink);font-size:16px;display:block;margin-bottom:6px}
.legal-box-highlight p{margin:0;color:var(--ink-2);font-size:14.5px}