/* ==========================================================================
   List blocks — Statistics Row, Schedule, Detail List, FAQs, Marked List.

   The component styling already lives in site.css. This file only carries the
   few rules the static design expressed as inline styles, plus the small
   adjustments needed now these components render inside the shared section
   wrapper.
   ========================================================================== */

/* The statistics band is drawn flush so its two hairline rules sit tight to
   the content, but the design still gives it its own vertical padding. The
   flush spacing class would otherwise win on source order. */
.site-section.stats { padding-block: clamp(2.6rem, 5vw, 4rem); }

/* …but a statistics band straight under a page banner keeps the wider
   hero-to-content rhythm the design uses everywhere else. */
.sparkle-band + .site-section.stats { padding-top: clamp(4.5rem, 9vw, 8rem); }

/* Optional heading above a list. Headings carry no margin in the design, so
   the gap is added only when a heading is actually present. */
.list-head + .def-rows,
.list-head + .faq,
.list-head + .gold-list { margin-top: 1.8rem; }

/* The schedule carries its own top offset for the split layout it came from;
   drop it when there is no heading above. */
.site-section--timeline .timeline:first-child { margin-top: 0; }

/* Small print beneath the schedule. Inline styles in the static design. */
.timeline-footnote {
  margin-top: 1.4rem;
  font-size: 0.85rem;
  color: var(--faint);
}
.timeline-note {
  margin-top: 1rem;
  color: var(--muted);
}
.timeline-note strong {
  color: var(--gold-bright);
  font-weight: 500;
}

/* Marked list in two columns, as used for the event organiser's services. */
.gold-list--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.4rem;
}

@media (max-width: 760px) {
  .gold-list--two { grid-template-columns: 1fr; }
}