/* ============================================================
   report-list.css
============================================================ */

/* ── Report グリッド ── */
.report-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.5rem, 2.5vw, 2.5rem) clamp(1rem, 1.667vw, 1.5rem);
}
@media (max-width: 1024px) { .report-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px)  { .report-grid { grid-template-columns: 1fr; gap: 2rem 0; } }

/* ── Report カード ── */
.report-card {
  display: flex; flex-direction: column; gap: .5rem;
  color: var(--color-dark); transition: opacity .2s;
}
.report-card:hover         { opacity: .75; }
.report-card:focus-visible { outline: 2px solid var(--color-dark); outline-offset: 4px; }

/* 画像ラッパー */
.report-card__img-wrap {
  width: 100%; aspect-ratio: 4 / 3;
  overflow: hidden; background: var(--color-sub-bg);
}
.report-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.report-card:hover .report-card__img { transform: scale(1.04); }

/* タイトル */
.report-card__title {
  font-family: var(--font-ja); font-weight: var(--fw-ja);
  font-size: var(--ja-body-size); letter-spacing: var(--ja-body-ls); line-height: 1.6;
}

/* メタ情報（挙式日・ゲスト数） */
.report-card__meta        { display: flex; flex-direction: column; gap: .1rem; margin-top: .25rem; color: var(--color-border);}
.report-card__meta-row    { display: flex; align-items: baseline; gap: .75rem; }
.report-card__meta-label,
.report-card__meta-value  {
   font-size: var(--en-s-size); 
}
.report-card__meta-label  { min-width: 2.5em;  font-family: var(--font-latin); font-weight: var(--fw-latin);}