/* Two successive owner-requested 10% increases across all three landing pages.
   Container-relative artwork and text scale with the card's existing layout. */
.posts {
  --carousel-card-width: 250px;
}

.posts .social-card {
  width: calc(var(--carousel-card-width) * 1.21);
  display: flex;
  align-self: stretch;
}

/* The compact content sets the shared rail height, and each button fills
   its card. Keep the artwork at its original 4:5 proportions. */
.posts .social-card .post-open {
  height: auto;
}

.posts .platform-facebook .social-caption {
  height: auto;
  min-height: 0;
}

.posts .platform-facebook .facebook-actions {
  margin-top: 0;
}

/* Remove Instagram's reserved caption space and tighten its chrome so
   the Facebook cards determine the shorter, level row. */
.posts .platform-instagram .social-head {
  height: 21cqw;
}

.posts .platform-instagram .instagram-actions {
  height: 11cqw;
  padding-block: 2cqw;
}

.posts .platform-instagram .instagram-caption {
  height: auto;
  line-height: 1.4;
}

.posts .platform-instagram .instagram-date {
  padding-block: 1cqw;
}

@media (min-width: 1550px) {
  .posts { --carousel-card-width: 265px; }
}

@media (max-width: 1000px) {
  .posts { --carousel-card-width: 230px; }
}

@media (max-width: 760px) {
  .posts { --carousel-card-width: 40vw; }
}