/* Ajustes exclusivos do indice do blog; preservar componentes compartilhados. */
.blog-index .blog-intro p a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.blog-index .blog-feature-section { padding-top: 0; }
.blog-index .blog-feature-label { margin-bottom: 20px; }
.blog-index .blog-card-featured { min-height: 320px; height: auto; }

/* Alinhamento dos CTAs na base dos cards */
.blog-index .blog-grid .blog-card {
  display: flex;
  flex-direction: column;
}
.blog-index .blog-grid .blog-card-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.blog-index .blog-grid .link-arrow {
  margin-top: auto;
  padding-top: 12px;
}

/* Escala existente de 8px; imagem com a altura dos demais cards. */
@media (max-width: 600px) {
  .blog-index .blog-intro { margin-bottom: 24px; }
  .blog-index .blog-feature-label { margin-bottom: 16px; }
  .blog-index .blog-feature-label .eyebrow { margin-bottom: 0; }
  .blog-index .blog-feature-section { padding-bottom: 32px; }
  .blog-index .blog-card-featured { margin-bottom: 24px; }
  .blog-index .blog-card-featured .blog-card-image { height: 160px; }
  .blog-index .blog-card-featured .blog-card-body { padding: 24px; }
  .blog-index > .section-alt { padding-top: 40px; }
}