/* Páginas de leitura (privacidade, termos, reembolso, obrigado): sempre Tinta sobre Papel. */
body.legal { --page-bg: var(--c-papel); --page-ink: var(--c-tinta); --page-ink-2: var(--c-cinza-papel); --focus: var(--c-tinta); background: var(--c-papel); color: var(--c-tinta); }
.legal__top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.25rem var(--margin); }
.legal__main { max-width: 46rem; margin-inline: auto; padding: clamp(2rem, 6vw, 4.5rem) var(--margin) clamp(4rem, 10vw, 7rem); }
.legal__main > .meta { margin-bottom: 1rem; }
.legal__main h1 { font: 800 clamp(2.5rem, 7vw, 4.5rem)/.98 var(--f-display); letter-spacing: -.04em; text-wrap: balance; }
.legal__lead { font-size: var(--fs-lead); line-height: 1.4; margin-top: 1.5rem; }
.legal__main h2 { font: 700 clamp(1.4rem, 3vw, 1.85rem)/1.15 var(--f-display); letter-spacing: -.02em; margin-top: 3rem; scroll-margin-top: 1.5rem; }
.legal__main p, .legal__main ul, .legal__main ol { margin-top: 1rem; }
.legal__main ul, .legal__main ol { padding-left: 1.25rem; display: grid; gap: .5rem; }
.legal__main a:not(.btn) { color: inherit; text-underline-offset: 3px; }
.legal__main code { font: 500 .85em var(--f-mono); }
.legal__main .btn { margin-top: 1.5rem; }
.legal__tabela { margin-top: 1.25rem; overflow-x: auto; }
.legal__tabela table { border-collapse: collapse; width: 100%; min-width: 40rem; font-size: .92rem; line-height: 1.4; }
.legal__tabela th, .legal__tabela td { text-align: left; vertical-align: top; padding: .75rem .75rem .75rem 0; border-top: 1px solid var(--c-tinta); }
.legal__tabela thead th { font: 500 .72rem/1.3 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; }
.legal__tabela tbody th { font-weight: 500; }