/* As páginas de Termos, Privacidade e Ajuda na estrutura das páginas legais do Scroll The Bible: fundo escuro, título
   grande, a linha com o tempo de leitura e a data, a caixa "Nesta página" que abre a lista das seções, o cartão de resumo
   destacado e o texto em seções numeradas. */
.legal-pg { --escuro: #132416; --osso: #F6F1E2; --areia: #B9C2B2; --fio: rgba(246,241,226,.10); background: var(--escuro); color: rgba(246,241,226,.78); }
.legal-pg .pagina { max-width: 47.5rem; padding-bottom: 5rem; }
.legal-pg .topo { min-height: 44px; }
.legal-pg .marca span, .legal-pg h1, .legal-pg h2, .legal-pg h3, .legal-pg strong { color: var(--osso); }
.legal-pg a { color: var(--bronze-claro); }
.legal-pg .idioma { color: var(--areia); }
.legal-pg h1 { font-weight: 600; font-size: clamp(2.5rem, 10vw, 3.75rem); line-height: 1.02; margin: 2.5rem 0 0; letter-spacing: -0.01em; }
.legal-pg h2 { font-weight: 600; font-size: 1.5rem; margin: 3rem 0 0.75rem; scroll-margin-top: 1rem; }
.legal-pg h3 { font-weight: 600; }
.legal-pg p, .legal-pg li { font-size: 1.0625rem; line-height: 1.7; }
.legal-pg .data { display: none; }
.meta { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin: 1.75rem 0 2.5rem; font-size: 0.9375rem; color: var(--areia); }
.sumario { border: 1px solid var(--fio); border-radius: 16px; background: #1B301D; margin-bottom: 3rem; }
.sumario summary { min-height: 48px; padding: 0 1.25rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 600; color: var(--osso); list-style: none; }
.sumario summary::-webkit-details-marker { display: none; }
.sumario summary::after { content: "+"; font-size: 1.25rem; color: var(--areia); }
.sumario[open] summary::after { content: "−"; }
.sumario ol { margin: 0; padding: 0 1.25rem 1.25rem 2.5rem; }
.sumario li { font-size: 0.9375rem; margin-bottom: 0.375rem; }
.sumario a { color: var(--areia); text-decoration: none; }
.legal-pg .cartao { background: #1B301D; border: 1px solid #3B5640; box-shadow: none; color: rgba(246,241,226,.85); }
.legal-pg .rodape { border-top: 1px solid var(--fio); margin-top: 4rem; padding-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; }
.legal-pg .rodape a { color: var(--areia); min-height: 44px; display: inline-flex; align-items: center; }
.legal-pg a:focus-visible { outline: 2px solid var(--bronze-claro); outline-offset: 3px; }
