/* ============================================================
   Historic Rivermill — things-to-do.css
   The /things-to-do-gold-coast/ hub. Layers on home.css and
   celebrate.css (sub-hero, bands, tiles).
   ============================================================ */

/* A hero that answers the search: photo, one line, hours, two buttons. */
.hr-subhero--tall { min-height: 560px; height: 92svh; }
.hr-subhero__lede {
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.55;
  max-width: 62ch;
  margin: 20px 0 0;
  color: rgba(255,255,255,0.94);
}
.hr-subhero__hours {
  font-family: var(--rm-font-ui);
  font-size: 14px;
  letter-spacing: 0.06em;
  margin: 14px 0 0;
  color: rgba(255,255,255,0.86);
}
.hr-subhero .hr-hero__actions { margin-top: 26px; }

/* Good-to-know strip: four ticks in a row, one column on a phone. */
.hr-ttd-facts { padding: 26px 0; }
.hr-facts__grid--4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 24px; }
@media (max-width: 900px) { .hr-facts__grid--4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .hr-facts__grid--4 { grid-template-columns: 1fr; } }

/* The day's groups. */
.hr-ttd-group { scroll-margin-top: 110px; }
.hr-ttd-tiles { margin-top: clamp(28px, 4vw, 44px); }
@media (max-width: 700px) { .hr-exp--2up.hr-ttd-tiles { grid-template-columns: 1fr; } }

/* Proof strip. */
.hr-proof { padding: 36px 0; }
.hr-proof__row { display: flex; align-items: center; gap: 28px; max-width: 860px; margin: 0 auto; }
.hr-proof__badge img { display: block; width: 104px; height: 104px; }
.hr-proof__line { font-size: 18px; line-height: 1.6; color: #3E463E; margin: 0; }
@media (max-width: 600px) { .hr-proof__row { flex-direction: column; text-align: center; } }

/* Getting here alone in its band, centred. */
.hr-info--single { display: block; max-width: 860px; margin: 0 auto; }
.hr-ttd-hours { text-align: center; margin: 28px 0 0; }