/* ==========================================================================
   home.css — index.html overrides
   ========================================================================== */

/* Hero copy column gets a touch more breathing room on wide screens */
@media (min-width: 1200px) {
  .hero__copy { padding-right: var(--space-8); }
}

/* Keep the hero stage from ever pushing the layout wide */
.hero__stage { max-width: 100%; }

/* Marquee band sits on a faint rule so it reads as a divider, not a section */
.marquee.section--tight {
  border-block: 1px solid var(--color-border);
  background: rgba(255, 255, 255, 0.015);
  padding-block: var(--space-5);
}

/* OG banner: gold hairline frame follows the section rhythm */
#og-banner .og-banner { max-width: 100%; }

/* Screenshot slider: nudge the caption typography on larger screens */
@media (min-width: 1024px) {
  .shots__caption { font-size: var(--text-sm); }
}

/* Stats sit inside the diagonal band — keep them clear of the clipped edges */
.section--diagonal .stats { margin-top: var(--space-4); }

/* Responsible-gaming cards align their icons to the top of the copy */
#responsible-gaming .info-card { align-items: flex-start; }

/* Keyword cloud reads as supporting text, not a nav */
.keyword-cloud__item { cursor: default; }

/* Guide prose: slightly wider measure than the default narrow container */
#guide .prose { max-width: 72ch; }

/* CTA band: give the buttons room to wrap on small screens */
@media (max-width: 520px) {
  .cta-band .btn-row .btn { width: 100%; }
}