/* MING LIFE community */
@import url('./ming-life-community.css');

/* Stable landscape story covers on tablet and desktop. */
.ml-community .mlc-stories-grid { align-items: stretch; }
.ml-community .mlc-story-card { display: flex; flex-direction: column; min-width: 0; height: 100%; }
.ml-community .mlc-story-card .mlc-story-photo {
  position: relative; display: block; flex: 0 0 auto;
  width: 100%; height: auto; aspect-ratio: 16 / 10;
  overflow: hidden; background: #f5f1e8;
}
.ml-community .mlc-story-card .mlc-story-photo > img {
  position: absolute; inset: 0; display: block;
  width: 100% !important; height: 100% !important;
  max-height: none !important; aspect-ratio: auto !important;
  object-fit: cover; object-position: center;
}
.ml-community .mlc-story-card h3 { margin: 14px 0 9px; line-height: 1.36; }
.ml-community .mlc-story-card > p { margin-bottom: 14px; line-height: 1.7; }
.ml-community .mlc-story-card > span { align-self: flex-start; margin-top: auto; }
@media (min-width: 768px) and (max-width: 1199.98px) {
 .ml-community .mlc-stories-grid { gap: 20px; }
 .ml-community .mlc-story-card h3 { font-size: clamp(1.2rem, 2.15vw, 1.7rem); }
 .ml-community .mlc-story-card > p { font-size: .9rem; }
}
@media (max-width: 767.98px) {
 .ml-community .mlc-stories-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
 .ml-community .mlc-story-card .mlc-story-photo { aspect-ratio: 16 / 10; }
 .ml-community .mlc-story-card h3 { font-size: clamp(1.5rem, 5vw, 1.85rem); }
}