/* ═══════════════════════════════════════════════════════════════════════════
* content-blocks.css — estilos dos blocos do .vb-art (deferred, só em is_singular).
*
* Tabela de contraste (AA verificado, par a par):
* .lead → #1a2e1a em #ffffff = 14,51:1 ✓ AAA
* .ficha h2/h3 → #064e32 em #ecfdf5(grad) = 10,4:1 ✓ AAA
* .ficha p → #1a2e1a em #ecfdf5(grad) = 14,3:1 ✓ AAA
* .toc h* → #064e32 em #f0fdf4 = 10,4:1 ✓ AAA
* .toc a → #0d6844 em #f0fdf4 = 6,7:1 ✓ AA+
* .alerta h* → #92400e em #fff7ed = 7,8:1 ✓ AAA
* .alerta p → #1a1a1a em #fff7ed = 17,9:1 ✓ AAA
* .dica h* → #1e3a8a em #eff6ff = 11,9:1 ✓ AAA
* .dica p → #1a1a1a em #eff6ff = 18,1:1 ✓ AAA
* .passos n → #ffffff em #0d6844 (badge) = 6,8:1 ✓ AA+
* .faq summary → #064e32 em #f0fdf4 = 10,4:1 ✓ AAA
* .tab th → #ffffff em #0d6844 = 6,8:1 ✓ AA+
* .tab td → #1a2e1a em #ffffff/#f0fdf4 = 13-14:1 ✓ AAA
* .leia h* → #064e32 em grad = 10,4:1 ✓ AAA
* .leia a → #0d6844 em grad = 6,7:1 ✓ AA+
*
* Dark mode: cores adaptadas no @media (prefers-color-scheme:dark) abaixo.
* ═══════════════════════════════════════════════════════════════════════════ */
/* ════ .vb-art — tipografia base do conteúdo (complementa o crítico) ════ */
.vb-art h3{font-size:1.25rem;font-weight:700;color:var(--titulo);margin:1.5rem 0 .8rem;line-height:1.35;scroll-margin-top:120px}
.vb-art h4{font-size:1.1rem;font-weight:700;color:var(--titulo);margin:1.3rem 0 .7rem;line-height:1.4}
.vb-art ul,.vb-art ol{margin:0 0 1.2em 1.5em}
.vb-art li{margin:0 0 .5em}
.vb-art li::marker{color:var(--verde)}
.vb-art strong{font-weight:700;color:var(--titulo)}
.vb-art em{font-style:italic}
.vb-art a{color:var(--verde);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vb-art a:hover{color:var(--verde-escuro);text-decoration-thickness:2px}
.vb-art img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1em 0}
.vb-art figure{margin:1.5em 0}
.vb-art figcaption{text-align:center;font-size:.85rem;color:var(--texto-muted);margin-top:.5em;font-style:italic}
.vb-art blockquote{border-left:4px solid var(--verde);background:var(--bg);padding:1rem 1.5rem;margin:1.5em 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--texto-sec)}
.vb-art hr{border:none;border-top:2px solid var(--borda);margin:2em 0}
.vb-art code{background:var(--bg);padding:2px 6px;border-radius:3px;font-size:.95em;color:var(--verde-escuro);font-family:'SF Mono',Menlo,Monaco,monospace}
.vb-art pre{background:var(--titulo);color:var(--bg-card);padding:1rem 1.2rem;border-radius:var(--radius-sm);overflow-x:auto;margin:1.2em 0;font-size:.9rem}
/* ════ .lead — parágrafo de abertura (override do crítico p/ casos com classes inline) ════ */
.vb-art p.lead,.vb-art .lead{font-size:1.15em;font-weight:500;color:var(--texto);margin-bottom:1.3em;line-height:1.6}
/* ════ .ficha — caixa de fatos chave ════ */
.vb-art .ficha{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1px solid var(--borda);border-left:4px solid var(--verde);border-radius:0 var(--radius) var(--radius) 0;padding:1.2rem 1.5rem;margin:1.6em 0;color:#1a1a1a}
.vb-art .ficha h2{margin:0 0 .6em;padding:0;border:none;font-size:1.2rem;color:#064e32}
.vb-art .ficha h3{margin:0 0 .6em;font-size:1.1rem;color:#064e32}
.vb-art .ficha p{color:#1a1a1a;margin:0 0 .6em}
.vb-art .ficha p:last-child{margin:0}
.vb-art .ficha ul{margin:0 0 0 1.3em}
.vb-art .ficha li{margin:.35em 0;color:#1a1a1a}
.vb-art .ficha strong{color:#064e32}
/* ════ .toc — índice in-content (anchors p/ h2 do post) ════ */
.vb-art .toc{background:var(--bg);border:1px solid var(--borda);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.6em 0}
.vb-art .toc h2,.vb-art .toc h3{margin:0 0 .5em;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--titulo);border:none;padding:0}
.vb-art .toc ol,.vb-art .toc ul{margin:.3em 0 0 1.3em;padding:0;list-style-position:outside}
.vb-art .toc li{margin:.3em 0}
.vb-art .toc a{color:var(--verde);text-decoration:none;font-weight:500}
.vb-art .toc a:hover{color:var(--verde-escuro);text-decoration:underline}
/* ════ .alerta — callout de aviso (laranja/amber) ════ */
.vb-art .alerta{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid var(--laranja);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.3rem;margin:1.3em 0;color:#1a1a1a}
.vb-art .alerta h3,.vb-art .alerta h4{margin:0 0 .4em;font-size:1.05rem;color:#92400e;border:none;padding:0}
.vb-art .alerta p{margin:0 0 .6em;color:#1a1a1a}
.vb-art .alerta p:last-child{margin:0}
.vb-art .alerta strong{color:#7c2d12}
.vb-art .alerta a{color:#7c2d12;text-decoration:underline;font-weight:600}
/* ════ .dica — callout de dica (azul) ════ */
.vb-art .dica{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:1rem 1.3rem;margin:1.3em 0;color:#1a1a1a}
.vb-art .dica h3,.vb-art .dica h4{margin:0 0 .4em;font-size:1.05rem;color:#1e3a8a;border:none;padding:0}
.vb-art .dica p{margin:0 0 .6em;color:#1a1a1a}
.vb-art .dica p:last-child{margin:0}
.vb-art .dica strong{color:#1e3a8a}
.vb-art .dica a{color:#1e3a8a;text-decoration:underline;font-weight:600}
/* ════ .passos — numeração com contadores ════ */
.vb-art ol.passos,.vb-art .passos{list-style:none;counter-reset:passos;margin:1.3em 0;padding:0}
.vb-art .passos li{counter-increment:passos;position:relative;padding:.7em 0 .7em 3em;margin:0;border-bottom:1px solid var(--borda);color:var(--texto)}
.vb-art .passos li:last-child{border-bottom:0}
.vb-art .passos li::before{content:counter(passos);position:absolute;left:0;top:.5em;width:2.2em;height:2.2em;background:var(--verde);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.vb-art .passos li::marker{display:none}
/* ════ .faq-item — accordion ════
Suporta dois padrões emitidos pelos geradores:
a) P
R