.mode-facility-details { padding-top: 0; }
.mode-facility-details .mode-facility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; }
.mode-facility-details figure { margin: 0; min-width: 0; }
.mode-facility-details figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: #f5f6f4; }
.mode-facility-details figcaption { display: flex; gap: 14px; align-items: baseline; padding-top: 16px; color: #123b47; font-size: 15px; line-height: 1.6; }
.mode-facility-details figcaption span { color: #83959b; font-size: 11px; letter-spacing: .12em; }
@media (max-width: 900px) { .mode-facility-details .mode-facility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; } }
@media (max-width: 560px) { .mode-facility-details .mode-facility-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } .mode-facility-details figcaption { padding-top: 12px; font-size: 14px; } }
.mode-facility-gallery .facility-thumbs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
@media (max-width: 760px) {
  .mode-facility-gallery .facility-thumbs {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
  }
  .mode-facility-gallery .facility-thumb {
    flex: 0 0 124px;
    scroll-snap-align: start;
  }
  .mode-facility-gallery .facility-thumb > b {
    font-size: 10px;
    letter-spacing: 0;
  }
}
