/* Page-specific rules for responsible-gambling.html */

.legal-toc-nav a.is-active { color: #A53232; border-left-color: #A53232; }

html { scroll-behavior: smooth; }

@media (max-width: 1240px) {
    .header-nav { display: none; }
    .hamburger-button { display: flex; }
  }

@media (max-width: 768px) {
    .header-cta, .header-cta-primary { display: none; }
    .mobile-menu-cta { display: flex; }
  }

.rg-tools { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }

.rg-support { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }

@media (max-width: 1200px) { .rg-tools { grid-template-columns: repeat(2,minmax(0,1fr)); } .rg-support { grid-template-columns: 1fr; } }

@media (max-width: 520px) { .rg-tools { grid-template-columns: 1fr; } }

@media (max-width: 900px) {
    .legal-grid { grid-template-columns: 1fr; }
    .legal-grid aside { position:relative; top:auto; }
    .legal-grid aside nav { flex-direction: row; flex-wrap: wrap; border-left:none; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:8px; }
    .legal-grid aside nav a { border-left:none; }
  }

@media (max-width: 960px) {
    .footer-cols { grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 680px) {
    header > div { padding: 0 20px; gap: 16px; }
    section.section { padding-left: 20px; padding-right: 20px; }
    div.page-hero-content-tall { width: calc(100% - 40px); padding: 30px 20px 72px; }
    div.page-hero-content-tall h1 { font-size: 36px; }
    .footer-cols { grid-template-columns: 1fr; gap: 32px; padding: 48px 20px 28px; }
    .footer-legal { padding: 48px 20px 28px; }
    .rg-tools { grid-template-columns: 1fr; }
  }