/* World IT Mission: páginas legais (privacidade, termos, reembolso, cookies, LGPD). Só classes novas, prefixo .legal-.
   Usa os tokens de tokens.css; carregado depois de forms.css. Sem estilos inline (CSP). */
.legal-steps { counter-reset: legal-step; list-style: none; padding: 0; margin: var(--s-4) 0; display: grid; gap: var(--s-3); }
.legal-steps li { counter-increment: legal-step; position: relative; margin: 0; padding: var(--s-4) var(--s-4) var(--s-4) calc(var(--s-4) + 44px); border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--ink-2); max-width: none; }
.legal-steps li::before { content: counter(legal-step); position: absolute; left: var(--s-4); top: var(--s-4); width: 28px; height: 28px; border-radius: 999px; background: var(--acid); color: var(--ink); font-weight: 900; display: grid; place-items: center; font-size: var(--fs-small); }
.legal-steps strong { color: var(--text); }
.legal-callout { margin: var(--s-5) 0; padding: var(--s-4) var(--s-5); border: 1px solid var(--line-strong); border-left: 4px solid var(--acid); border-radius: var(--r-sm); background: var(--ink-2); }
.legal-callout > :first-child { margin-top: 0; }
.legal-callout > :last-child { margin-bottom: 0; }
.legal-form { margin: var(--s-5) 0; padding: var(--s-5); border: 1px solid var(--line-strong); border-radius: var(--r); background: var(--ink-2); }
.legal-form h2 { margin-top: 0; }
.legal-form .field > label { color: var(--text); }
.legal-textarea { min-height: 128px; padding: var(--s-3) var(--s-4); resize: vertical; line-height: 1.5; }
.legal-count { justify-self: end; color: var(--text-faint); font-size: var(--fs-small); }
.legal-done { padding: var(--s-5); border: 1px solid var(--acid); border-radius: var(--r); background: rgba(217, 255, 63, .06); }
.legal-done[hidden] { display: none; }
.legal-done h3 { margin-top: 0; }
.legal-done:focus { outline: none; }
.legal-nav { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); margin: 0 0 var(--s-5); padding: 0; list-style: none; }
.legal-nav li { margin: 0; }
.legal-nav a { display: inline-flex; align-items: center; min-height: 44px; }
.legal a:focus-visible, .legal summary:focus-visible, .legal [tabindex="0"]:focus-visible { outline: var(--focus); outline-offset: 2px; }

/* Navegação entre documentos legais: alinhada ao conteúdo e com a página atual destacada */
nav[aria-label="Documentos legais"] .legal-nav { padding-left: 0; }
.legal-nav a[aria-current="page"] { color: #d9ff3f; font-weight: 900; text-decoration: underline; text-underline-offset: 6px; }
/* Tabelas largas no celular: sombra nas bordas indica rolagem lateral */
.table-wrap { background: linear-gradient(to right, #111315 30%, rgba(17,19,21,0)) left center / 28px 100% no-repeat local, linear-gradient(to left, #111315 30%, rgba(17,19,21,0)) right center / 28px 100% no-repeat local, linear-gradient(to right, rgba(239,239,234,.28), rgba(239,239,234,0)) left center / 12px 100% no-repeat scroll, linear-gradient(to left, rgba(239,239,234,.28), rgba(239,239,234,0)) right center / 12px 100% no-repeat scroll; }