/* KSC CONTENT HUB cards for MASQUERADE CLUB KUMAMOTO. */
.mck-hub-feed__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1.4rem; }
.mck-hub-feed__card { min-width: 0; overflow: hidden; border: 1px solid rgba(212,175,55,.28); background: rgba(20,16,18,.78); }

/* EVENT: Vertical card (Image Top, Text Below) */
.mck-hub-feed__card--event { display: flex; flex-direction: column; }
.mck-hub-feed__card--event .mck-hub-feed__media { width: 100%; aspect-ratio: 5 / 2; overflow: hidden; background: #161214; }
.mck-hub-feed__card--event .mck-hub-feed__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mck-hub-feed__card--event .mck-hub-feed__body { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; padding: 1.2rem; overflow-wrap: anywhere; }

/* REPORT & JOURNAL: 1-column grid on Desktop, Large Horizontal card (Left Image ~44%, Right Text ~56%) */
.mck-hub-reports .mck-hub-feed__grid,
.mck-hub-journal .mck-hub-feed__grid { grid-template-columns: 1fr; gap: 1.5rem; }

.mck-hub-feed__card--report,
.mck-hub-feed__card--journal { display: flex; flex-direction: row; }
.mck-hub-feed__card--report .mck-hub-feed__media,
.mck-hub-feed__card--journal .mck-hub-feed__media { flex: 0 0 44%; aspect-ratio: 5 / 2; align-self: flex-start; overflow: hidden; background: #161214; }
.mck-hub-feed__card--report .mck-hub-feed__media img,
.mck-hub-feed__card--journal .mck-hub-feed__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mck-hub-feed__card--report .mck-hub-feed__body,
.mck-hub-feed__card--journal .mck-hub-feed__body { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; padding: 1.5rem 1.8rem; overflow-wrap: anywhere; }

/* Shared typography & links */
.mck-hub-feed__title { margin: 0 0 .7rem; color: #fff; font-size: 1.1rem; line-height: 1.45; }
.mck-hub-feed__title a { color: inherit; text-decoration: none; }
.mck-hub-feed__excerpt { margin: 0 0 1.2rem; color: rgba(255,255,255,.68); font-size: .92rem; line-height: 1.6; }
.mck-hub-feed__link { margin-top: auto; color: #d4af37; font-size: .88rem; font-weight: 600; text-decoration: none; }
.mck-hub-feed__link:hover, .mck-hub-feed__title a:hover { text-decoration: underline; }
.mck-hub-reports,
.mck-hub-journal { margin-top: 2.4rem; padding-top: 2.1rem; border-top: 1px solid rgba(212,175,55,.3); }

/* Responsive adjustments */
@media (max-width: 767px) {
  .mck-hub-feed__grid { grid-template-columns: 1fr; }
  .mck-hub-feed__card--report,
  .mck-hub-feed__card--journal { display: flex; flex-direction: column; }
  .mck-hub-feed__card--report .mck-hub-feed__media,
  .mck-hub-feed__card--journal .mck-hub-feed__media { width: 100%; flex: none; aspect-ratio: 5 / 2; }
  .mck-hub-feed__card--report .mck-hub-feed__body,
  .mck-hub-feed__card--journal .mck-hub-feed__body { padding: 1.2rem; }
}
