/* Direct DispariX · páginas públicas (docs/produto/painel.md §11.2; meta-revisao.md §3.3): /privacidade, /privacy,
   /termos, /terms, /exclusao, /deletion e /exclusao/status. Tipografia de documento sobre os tokens do app.css.
   - as 4 pub-*.html não têm JavaScript: o tema escuro vem só do prefers-color-scheme (os tokens do app.css já trocam);
   - 375 px sem rolagem lateral: largura de leitura em ch, nenhuma largura fixa em px; a tabela rola dentro da caixa;
   - sem @import e sem nada de fora. */

/* ── Documento ───────────────────────────── */
.pg.pub-doc{max-width:72ch;gap:16px;font-size:16px;line-height:1.65}
.pub-doc .titulo{font-size:26px;line-height:1.25}
.pub-doc h2{font-size:19px;line-height:1.35;margin-top:14px;scroll-margin-top:16px}
.pub-doc h3{font-size:17px;line-height:1.4;margin-top:6px}
.pub-doc p,.pub-doc li{max-width:72ch}
.pub-doc ol,.pub-doc ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.pub-doc strong{font-weight:700}
.pub-versao{font-size:14px;color:var(--muted)}

/* Link do par pt ↔ EN: o 1º elemento do <main> (meta-revisao.md §3.3 regra 3). */
.link-par{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;font-size:15px;font-weight:600;color:var(--link)}

/* Tabelas (finalidades e retenção): rolam dentro da própria caixa no celular. */
.pub-tabela{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
.pub-tabela table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.pub-tabela th,.pub-tabela td{padding:8px 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.pub-tabela thead th{border-top:0;background:var(--surface-2);color:var(--ink-2);font-weight:700}

/* ── Topo e rodapé ───────────────────────── */
.topo .pub-idioma{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 6px;color:var(--side-ink);font-size:14px;font-weight:600}
.pub-rodape{flex-direction:column;gap:4px;text-align:center}
.pub-rodape .pub-links{display:flex;flex-wrap:wrap;gap:0 16px;justify-content:center}

/* ── /exclusao/status: pt e EN na mesma página (meta-revisao.md §4.3) ── */
.ex-en{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.ex-en .ex-titulo-en{font-size:18px;font-weight:700;line-height:1.3}
/* No caminho do revisor (?lang=en), o i18n já traduz o bloco pt: o bloco EN some para não repetir. */
:root[lang="en"] .ex-en,:root[lang="en"] .ex-msg-en{display:none}

/* Tema escuro sem JavaScript: só o que os tokens do app.css não cobrem. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .pub-tabela thead th{background:var(--surface-3)}
}
:root[data-theme="dark"] .pub-tabela thead th{background:var(--surface-3)}

@media (min-width:720px){
  .pub-doc .titulo{font-size:30px}
  .pub-doc h2{font-size:21px}
}
@media print{
  .link-par,.topo .pub-idioma{display:none}
}