article .post-card {
  margin-bottom: 2rem;
  overflow: hidden;
  /* Asegura que la imagen no se salga de los bordes redondeados */
}

article .post-card header hgroup {
  margin-bottom: 0;
}

/* Estilo para que la imagen ocupe todo el ancho del card si está arriba */
article .article-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
  max-height: 200px;
  margin-bottom: 1rem;
}

.post-card small {
  font-size: 0.8rem;
  color: var(--pico-muted-color);
}

.post-card h2 {
  font-size: 1.2rem;
}

.post-card p {
  font-size: 1rem;
}