/* Páginas legais (privacidade e termos): texto longo, leitura confortável. Usa os tokens do site.css. */
.legal{background:var(--canvas);padding:56px 0 88px}
.legal .container{max-width:820px}
.legal-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:48px 56px}
.legal h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.03em;margin:8px 0 6px}
.legal .atualizado{color:var(--muted);font-size:14px;margin:0 0 28px}
.legal h2{font-size:21px;letter-spacing:-.015em;margin:40px 0 10px;scroll-margin-top:96px}
.legal h3{font-size:16px;margin:22px 0 6px}
.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--text)}
.legal ul{padding-left:22px;margin:8px 0}
.legal li{margin:4px 0}
.legal a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.legal .resumo{background:var(--brand-soft);border-radius:14px;padding:18px 22px;margin:0 0 8px}
.legal .resumo p{margin:0}
.legal .indice{columns:2;gap:28px;font-size:15px;padding-left:20px}
.legal table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
.legal th,.legal td{border-top:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.legal th{color:var(--ink);font-weight:600}
.legal .tabela{overflow-x:auto}
@media (max-width:700px){.legal{padding:24px 0 56px}.legal-card{padding:28px 20px;border-radius:16px}.legal .indice{columns:1}.legal .container{width:calc(100% - 32px)}}
/* No celular o menu do site some atrás do botão; nas páginas legais os dois links ficam sempre visíveis */
@media(max-width:900px){.nav nav.legal-nav{display:flex;position:static;flex-direction:row;padding:0;border:0;background:none;gap:14px}.nav nav.legal-nav a{padding:6px 0}}