/* Artigo do blog (método editorial do DESIGN.md), 29/09/2026.
   Só ritmo de leitura sobre o .prose do bundle: mesma fonte, paleta e fio.
   Carregado pelas páginas de /blog/<slug>/ e pelo índice do blog. */
.page-artigo{padding-block:clamp(32px,4vw,56px) 0}
.page-artigo .prose h2{margin-top:clamp(2.5rem,4vw,3.5rem);margin-bottom:1rem;scroll-margin-top:96px}
.page-artigo .prose h3{margin-top:2rem;margin-bottom:.75rem;scroll-margin-top:96px}
.page-artigo .prose h2+p,.page-artigo .prose h3+p{margin-top:0}
.page-artigo .prose p+p,.page-artigo .prose ul+p,.page-artigo .prose ol+p,.page-artigo .prose p+ul,.page-artigo .prose p+ol,.page-artigo .prose .tabela-wrap+p,.page-artigo .prose blockquote+p,.page-artigo .prose nav+p{margin-top:1rem}
.page-artigo .prose ul,.page-artigo .prose ol{list-style-position:outside;padding-left:1.5rem;margin-top:1rem}
.page-artigo .prose li+li{margin-top:.5rem}
.page-artigo .tabela-wrap--larga{width:calc(min(100vw, 90rem) - 2 * var(--gutter))}
.page-artigo .tabela-wrap--larga th,.page-artigo .tabela-wrap--larga td{white-space:nowrap}
.page-artigo .prose details{margin:0}
.page-artigo .prose details summary h3{margin:0}
.artigo-sumario{margin-block:1.5rem;padding:1.25rem 1.5rem;border:var(--fio);background:var(--c-nevoa)}
.artigo-sumario ol{margin-top:.75rem}
.page-artigo__fim{padding-block:clamp(40px,5vw,72px)}
.page-artigo__fim .sec__nota{margin-top:24px}

/* índice do blog: o título do .indice é o link */
.indice h3 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--c-borda-campo)}
.indice h3 a:hover{color:var(--c-azul);text-decoration-color:currentColor}
.indice h3 a:focus-visible{border-radius:var(--r-1)}
.indice time{color:var(--c-texto-suave)}