/* Visual acadêmico, carregado por último.
   Texto corrido, títulos, legendas e notas em serifa; controles e números de tabela em sans.
   Seções numeradas; tabelas com fios horizontais; caixas sem sombra. Fontes do sistema, sem download (o CSP não permite). */
:root{--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",serif;--bg:#ffffff}
body{background:var(--bg)}
.panel{box-shadow:none}

/* cabeçalho da página */
.page-heading .eyebrow{letter-spacing:0;font-family:var(--serif);font-style:italic;font-size:14.5px;font-weight:400;color:var(--muted);margin-bottom:6px}
#pageTitle,body.eld-ativa #pageTitle{font-family:var(--serif);font-weight:600;letter-spacing:0}
#pageDescription,body.eld-ativa #pageDescription{font-family:var(--serif);font-size:15.5px;line-height:1.6;max-width:84ch}

/* seções numeradas */
.eld-root{counter-reset:secao}
.eld-root>.eld-secao>h2{font-family:var(--serif);font-weight:600;letter-spacing:0;font-size:22px;line-height:1.3;padding-bottom:6px;border-bottom:1px solid var(--line)}
.eld-root>.eld-secao>h2::before{counter-increment:secao;content:counter(secao) ". ";color:var(--muted);font-weight:500}
.eld-subtitulo,.mtd-sub>h3{font-family:var(--serif);font-weight:600;font-size:17px;letter-spacing:0}

/* texto corrido, notas e legendas */
.eld-texto,.mtd-lista,.mtd-referencias{font-family:var(--serif);font-size:15px;line-height:1.65;color:#29323d}
.eld-destaque{font-family:var(--serif);font-size:15px;background:#f3f5f8;border-color:#e6e0d0;color:#3d3423}
.eld-destaque>strong:first-child{font-size:15.5px}
.eld-tab-titulo,.eld-fig figcaption{font-family:var(--serif)}
.eld-tab-titulo{font-size:14px}
.eld-fonte-fig,.eld-nota{font-family:var(--serif);font-size:13px;line-height:1.55}
.eld-evidencias,.eld-marco{font-family:var(--serif)}

/* tabelas: título acima, fonte abaixo, fios só horizontais */
.eld-tb{font-size:13px}
.mtd-tb-texto td,.mtd-tb-texto tbody th{white-space:normal;vertical-align:top;line-height:1.5}
.mtd-tb-texto td{min-width:110px}

/* página Métodos e dados */
.mtd-root{gap:30px}
.mtd-secao{gap:14px}
.mtd-sub{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.mtd-tabela{display:flex;flex-direction:column;gap:4px;max-width:100%}
.mtd-lista{margin:0;padding-left:22px;max-width:92ch}
.mtd-lista li+li{margin-top:9px}
.mtd-referencias{font-size:13px;line-height:1.55;padding-left:22px;max-width:110ch}
.mtd-referencias li+li{margin-top:6px}
.mtd-detalhe>summary{cursor:pointer;font-weight:600;color:var(--primaria);padding:4px 0}
.mtd-detalhe[open]>summary{margin-bottom:10px}
.mtd-seletor{max-width:340px}
@media print{.mtd-detalhe{display:block}.mtd-detalhe>summary{display:none}}
.eld-tb th.mtd-txt{text-align:left}
.eld-tb td.mtd-txt{text-align:left;white-space:normal;line-height:1.5}
.eld-dois-tipos p{margin-top:6px}

/* ---------- texto ocupa a largura do painel (pedido do usuário, 09/11/2026) ---------- */
.eld-texto,.eld-pos-cards,.eld-avisos,.eld-cuidado p,.mtd-lista,.mtd-referencias,.eld-destaque,.eld-nota,.eld-fonte-fig,
#pageDescription,body.eld-ativa #pageDescription,.page-heading p{max-width:none}
body.eld-ativa #pageTitle{max-width:none}

/* ---------- acessibilidade ---------- */
#main{zoom:var(--mp-zoom,1)}
:focus-visible{outline:3px solid var(--primaria);outline-offset:2px}
.a11y{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.a11y-rotulo{font-size:10px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-right:4px}
.a11y-botao{border:1px solid #d0d6de;border-radius:6px;padding:5px 9px;font-size:12px;line-height:1.2;background:#fff;color:var(--ink);min-height:30px}
.a11y-botao:hover{background:#f2f5f9}
.a11y-botao[aria-pressed="true"]{background:var(--primaria);border-color:var(--primaria);color:#fff}
.a11y-botao:disabled{opacity:.45}
@media(max-width:900px){.a11y-rotulo{display:none}.topbar{height:auto;min-height:63px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}}

html[data-sem-serifa]{--serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[data-links-sublinhados] a{text-decoration:underline;text-underline-offset:3px}
html[data-espaco-amplo] .eld-texto,html[data-espaco-amplo] .eld-destaque,html[data-espaco-amplo] .eld-nota,html[data-espaco-amplo] .eld-fonte-fig,
html[data-espaco-amplo] .mtd-lista,html[data-espaco-amplo] .eld-avisos,html[data-espaco-amplo] .eld-cuidado p,html[data-espaco-amplo] #pageDescription,
html[data-espaco-amplo] .eld-marco p,html[data-espaco-amplo] .panel-subtitle{line-height:2;letter-spacing:.03em;word-spacing:.12em}
html[data-espaco-amplo] .mtd-lista li+li,html[data-espaco-amplo] .eld-avisos>*+*{margin-top:14px}

/* contraste alto: texto preto sobre branco, bordas fortes; cores das séries mantidas (conferidas para daltonismo) */
html[data-contraste-alto]{--text:#000;--ink:#000;--muted:#1d1d1d;--line:#000;--bg:#fff;--primaria:#243d5e;--eld-rotulo:#000;--eld-grade:#8a8a8a;--eld-eixo:#000;--eld-cinza:#3a3a3a}
html[data-contraste-alto] body{background:#fff;color:#000}
html[data-contraste-alto] .panel,html[data-contraste-alto] .metric-card,html[data-contraste-alto] .eld-destaque{background:#fff;border:2px solid #000;color:#000}
html[data-contraste-alto] .eld-destaque strong,html[data-contraste-alto] .metric-note,html[data-contraste-alto] .panel-subtitle,html[data-contraste-alto] .eld-fonte-fig,html[data-contraste-alto] .eld-nota{color:#000}
html[data-contraste-alto] .sidebar{background:#fff;border-bottom:2px solid #000}
html[data-contraste-alto] .nav-button,html[data-contraste-alto] .brand{color:#000}
html[data-contraste-alto] .nav-button.active{color:#000;border-bottom-color:#000;text-decoration:underline}
html[data-contraste-alto] .eld-st{outline:1px solid #000;color:#000}
html[data-contraste-alto] .eld-tb th,html[data-contraste-alto] .eld-tb td{color:#000;border-color:#000}
html[data-contraste-alto] .eld-svg text{fill:#000}
html[data-contraste-alto] .a11y-botao{border-color:#000;color:#000}
html[data-contraste-alto] .a11y-botao[aria-pressed="true"]{background:#000;color:#fff}
html[data-contraste-alto] :focus-visible{outline:3px solid #000}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* os tokens da tela P01 são definidos em .eld-root: o contraste alto precisa sobrescrevê-los no mesmo escopo */
html[data-contraste-alto] .eld-root{--eld-rotulo:#000;--eld-grade:#8a8a8a;--eld-eixo:#000;--eld-cinza:#3a3a3a;--eld-np-tx:#000;--eld-ok-tx:#000;--eld-nl-tx:#000;--eld-pub-tx:#000;--eld-nh-tx:#000}
html[data-contraste-alto] .eld-pos-cards,html[data-contraste-alto] .eld-dica-campo,html[data-contraste-alto] .eld-marco-ev{color:#000}
