.filtro-categorias { margin-bottom: 36px; }
.filtro-categorias ul { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.filtro-categorias a { display: inline-block; padding: 6px 0; font-size: 0.9375rem; font-weight: 500; color: var(--cor-texto-claro); border-bottom: 2px solid transparent; }
.filtro-categorias a:hover, .filtro-categorias__ativo { color: var(--cor-tinta); border-bottom-color: var(--cor-destaque); }

/* Artigo: sumário lateral + coluna de leitura em serifa */
.artigo { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 8fr); gap: clamp(28px, 5vw, 80px); border-top: 0; padding-bottom: var(--espaco-secao); }
.artigo__cabecalho { padding-block: clamp(28px, 4vw, 56px) clamp(28px, 4vw, 48px); }
.artigo__cabecalho .card-artigo__categoria { display: block; margin-bottom: 18px; }
.artigo__cabecalho h1 { max-width: 20ch; font-size: clamp(2rem, 4.4vw, 3.4rem); }
.artigo__meta { margin-top: 22px; font-size: 0.875rem; color: var(--cor-texto-claro); }

.artigo__banner-principal { height: 8px; background: var(--cor-destaque); margin-bottom: 40px; }
.artigo__imagem-principal { width: 100%; margin-bottom: 40px; }

.artigo__corpo { max-width: var(--largura-leitura); font-family: var(--fonte-base); font-size: 1.06rem; line-height: 1.75; color: var(--cor-texto); }
.artigo__corpo > p:first-child { font-size: 1.22rem; line-height: 1.6; color: var(--cor-tinta-2); }
.artigo__corpo h2 { font-size: clamp(1.6rem, 2.6vw, 2rem); margin: 2.2em 0 0.5em; padding-top: 1.2em; border-top: 1px solid var(--cor-linha); }
.artigo__corpo h2:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
.artigo__corpo p + p, .artigo__corpo ul + p, .artigo__corpo p + ul { margin-top: 1.2em; }
.artigo__corpo ul { padding-left: 1.2em; list-style: none; }
.artigo__corpo li { position: relative; padding: 4px 0; }
.artigo__corpo li::before { content: ''; position: absolute; left: -1.2em; top: 0.85em; width: 8px; height: 8px; background: var(--cor-destaque); }

@media (max-width: 900px) { .artigo { grid-template-columns: 1fr; } .artigo .documento__lateral { position: static; } }
