/* Páginas de conteúdo — a notícia aberta (single) e as listagens
   (arquivo, busca, blog). O site em si é de página única; estas telas
   existem para os links "Ler notícia" terem um destino no mesmo visual.
   As cores e fontes vêm das variáveis já definidas no site.css. */

.conteudo{max-width:820px;margin:0 auto;padding:150px 24px 100px}
.conteudo-lista{max-width:var(--max);padding-top:150px}

.artigo-topo{margin-bottom:40px}
.artigo-topo .eyebrow{margin-bottom:14px}
.artigo-topo h1{
  font-family:var(--font-d);font-weight:600;line-height:1.12;
  font-size:clamp(28px,4vw,44px);color:var(--text);text-wrap:balance;margin:0 0 16px}
.artigo-meta{
  display:flex;gap:16px;flex-wrap:wrap;align-items:center;
  font-size:13px;color:var(--text-mute);letter-spacing:.04em}
.artigo-meta .cat{
  color:var(--gold-dark);text-transform:uppercase;letter-spacing:.14em;font-weight:600}

.artigo-capa{margin:0 0 44px;border:1px solid var(--line);overflow:hidden}
.artigo-capa img{width:100%;height:auto;display:block}

/* Corpo do texto: medida de leitura confortável e ritmo vertical. */
.artigo-corpo{color:var(--text-dim);font-size:17px;line-height:1.8}
.artigo-corpo > * + *{margin-top:1.25em}
.artigo-corpo h2,.artigo-corpo h3{
  font-family:var(--font-d);color:var(--text);line-height:1.25;
  margin-top:1.8em;text-wrap:balance}
.artigo-corpo h2{font-size:1.5em}
.artigo-corpo h3{font-size:1.25em}
.artigo-corpo a{color:var(--gold-dark);text-decoration:underline;text-underline-offset:3px}
.artigo-corpo img{max-width:100%;height:auto}
.artigo-corpo blockquote{
  border-left:3px solid var(--gold);padding:6px 0 6px 24px;margin-left:0;
  color:var(--text);font-style:italic}
.artigo-corpo ul,.artigo-corpo ol{padding-left:1.4em}
.artigo-corpo li + li{margin-top:.5em}

.artigo-rodape{
  margin-top:60px;padding-top:32px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}

/* Listagem (arquivo/busca): reaproveita o grid de cards das notícias. */
.lista-head{margin-bottom:40px}
.lista-head h1{
  font-family:var(--font-d);font-weight:600;font-size:clamp(26px,3.5vw,40px);
  color:var(--text);margin:0}
.lista-head p{color:var(--text-mute);margin-top:10px}