/* ============================================
   POST — artigo e páginas
   ============================================ */

.container--leitura { padding-top: 28px; }
.layout--artigo { margin-top: 28px; }

.post__cabecalho { display: grid; justify-items: start; gap: 14px; margin-bottom: 24px; }

.post__meta {
  display: flex; flex-wrap: wrap; gap: 4px 0;
  list-style: none; padding: 0;
  font-size: var(--tamanho-selo); font-weight: 700; line-height: 18px;
  color: var(--cor-texto-suave);
}
.post__meta li:not(:last-child)::after { content: '·'; margin: 0 8px; }
.post__meta a { color: var(--azul-noite); text-decoration: underline; text-underline-offset: 3px; }

.post__destaque { margin-bottom: 28px; }
.post__destaque img {
  width: 100%;
  border: var(--borda);
  border-radius: var(--raio);
  box-shadow: var(--sombra);
}

.post__aviso-afiliado {
  margin-bottom: 24px;
  padding: 12px 16px;
  background: var(--branco);
  border: 2px dashed var(--azul-noite);
  border-radius: var(--raio-pequeno);
  font-size: var(--tamanho-selo); font-weight: 700; line-height: 18px;
}
.post__aviso-afiliado a { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Conteúdo ---------- */

.post__body > * + * { margin-top: 20px; }
.post__body h2 { margin-top: 40px; }
.post__body h3 { margin-top: 32px; }
.post__body h4 { margin-top: 28px; font-size: 19px; line-height: 1.3; }

.post__body a:not(.btn) {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--manga);
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
}
.post__body a:not(.btn):hover { background: var(--manga); text-decoration-color: var(--azul-noite); }

.post__body ul,
.post__body ol { padding-left: 26px; }
.post__body li + li { margin-top: 8px; }
.post__body li::marker { font-weight: 800; }

.post__body img {
  border: var(--borda);
  border-radius: var(--raio-pequeno);
}
.post__body figure { max-width: 100%; }
.post__body figcaption { margin-top: 8px; font-size: var(--tamanho-selo); line-height: 18px; color: var(--cor-texto-suave); text-align: center; }

/* Citações viram um balão de dica, em verde-limão */
.post__body blockquote {
  padding: 18px 22px;
  background: var(--branco);
  border: var(--borda);
  border-left: 12px solid var(--verde-limao);
  border-radius: var(--raio-pequeno);
  box-shadow: var(--sombra-pequena);
  font-weight: 700;
}
.post__body blockquote > * + * { margin-top: 10px; }
.post__body blockquote cite { font-size: var(--tamanho-selo); font-style: normal; font-weight: 400; }

.post__body table {
  display: block; width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: 15px;
}
.post__body th,
.post__body td { padding: 10px 12px; border: 2px solid var(--azul-noite); text-align: left; }
.post__body th { background: var(--turquesa); font-weight: 800; }
.post__body td { background: var(--branco); }

.post__body hr { height: 3px; border: 0; background: var(--azul-noite); border-radius: 2px; }
.post__body iframe,
.post__body video { max-width: 100%; }
.post__body .alignleft,
.post__body .alignright,
.post__body .aligncenter { margin-inline: auto; }

.post__paginas { display: flex; gap: 10px; font-weight: 800; }