.responsible-gaming-page {
  overflow: clip;
}

.responsible-gaming-page .section {
  position: relative;
}

.rg-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 1fr) minmax(0, 4fr);
  gap: var(--space-6);
  align-items: start;
}

.rg-intro__copy,
.rg-intro__media,
.rg-age__content,
.rg-approach__intro,
.rg-guidance-card,
.rg-support__explanation,
.rg-support__contacts,
.rg-step-back__content,
.rg-regulation__content,
.rg-dining__copy,
.rg-dining__media,
.rg-visit__panel,
.rg-commitment__panel,
.rg-related__heading,
.rg-related__item {
  min-width: 0;
}

.rg-intro__copy {
  grid-column: 1 / span 1;
}

.rg-intro h1 {
  max-width: 48.75rem;
  font-size: clamp(2.5rem, 5.4vw, 4rem);
}

.rg-intro__lead {
  max-width: 45rem;
}

.rg-intro__scope {
  max-width: 45rem;
  margin: var(--space-6) 0 0;
  padding: var(--space-5);
  border-inline-start: 2px solid var(--color-champagne);
  background: var(--color-linen);
}

.rg-intro__scope p {
  margin: 0;
}

.rg-intro__media {
  grid-column: 3 / span 1;
  width: 100%;
  margin: var(--space-8) 0 0;
}

.rg-intro__media img,
.rg-dining__media img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.rg-intro__media img {
  aspect-ratio: 3 / 2;
  object-position: 72% center;
}

.rg-age__content {
  width: calc((100% - (11 * 1.5rem)) * 0.5833 + (6 * 1.5rem));
  max-width: 46.5rem;
  margin-left: calc(((100% - (11 * 1.5rem)) / 12) + 1.5rem);
}

.rg-age__policy {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
  padding: var(--space-6);
  border: var(--border-hairline);
  border-top: 4px solid var(--color-bronze);
  background: var(--color-pearl);
}

.rg-age__policy p,
.rg-fact-row p,
.rg-age__note p {
  margin: 0;
}

.rg-age__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  border-top: var(--border-hairline);
}

.rg-fact-row {
  display: grid;
  grid-template-columns: minmax(9rem, 0.32fr) minmax(0, 1fr);
  gap: var(--space-5);
  padding: var(--space-5) 0;
  border-bottom: var(--border-hairline);
}

.rg-fact-row__label {
  color: var(--color-titanium);
  font-size: var(--text-meta);
  font-weight: 700;
}

.rg-age__note {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: 40rem;
  margin-top: var(--space-6);
  color: var(--color-titanium);
}

.rg-approach__intro {
  max-width: 41.25rem;
  margin-bottom: var(--space-7);
}

.rg-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.rg-guidance-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6);
}

.rg-guidance-card h3,
.rg-guidance-card p {
  margin: 0;
}

.rg-guidance-card--linen {
  background: var(--color-linen);
}

.rg-support__panel {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 3fr);
  gap: var(--space-7);
  width: min(100%, 53.25rem);
  margin-inline: auto;
  padding: var(--space-8);
  background: var(--color-sage);
  border: var(--border-hairline);
}

.rg-support__explanation {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding-right: var(--space-7);
  border-right: var(--border-hairline);
}

.rg-support__explanation :is(h2, p) {
  margin: 0;
}

.rg-support__contacts {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.rg-support__phone-panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--color-pearl);
  border: var(--border-hairline);
}

.rg-support__phone-panel p {
  margin: 0;
  color: var(--color-titanium);
  font-size: var(--text-meta);
}

.rg-support__phone {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--color-charcoal-slate);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-weight: 500;
  line-height: 1;
  text-decoration-color: var(--color-champagne);
  text-underline-offset: 0.2em;
}

.rg-support__web-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-top: var(--space-4);
  border-top: var(--border-hairline);
  color: var(--color-titanium);
  font-size: var(--text-meta);
}

.rg-support__web-row a {
  color: var(--color-charcoal-slate);
  overflow-wrap: anywhere;
  text-decoration-color: var(--color-champagne);
  text-underline-offset: 0.3em;
}

.rg-step-back__content {
  width: min(100%, 45rem);
  margin-inline: auto;
}

.rg-step-back__intro {
  max-width: 42.5rem;
}

.rg-accordion {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.rg-accordion__item {
  min-width: 0;
  border: var(--border-hairline);
  background: var(--color-pearl);
}

.rg-accordion__item h3 {
  margin: 0;
}

.rg-accordion__button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
  min-width: 0;
  min-height: 3.5rem;
  padding: var(--space-4) var(--space-5);
  border: 0;
  border-radius: 0;
  color: var(--color-charcoal-slate);
  font-family: var(--font-heading);
  font-size: var(--text-heading-small);
  font-weight: 500;
  line-height: var(--line-heading-small);
  text-align: left;
}

.rg-accordion__indicator {
  width: 1.5rem;
  color: var(--color-bronze);
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.rg-accordion__button[aria-expanded="true"] .rg-accordion__indicator {
  transform: rotate(45deg);
}

.rg-accordion__panel {
  padding: 0 var(--space-5) var(--space-5);
}

.rg-accordion__panel p {
  max-width: 42.5rem;
  margin: 0;
}

.rg-step-back__reminder {
  margin-top: var(--space-5);
  color: var(--color-titanium);
  font-size: var(--text-meta);
}

.rg-regulation__content {
  width: min(100%, 53.25rem);
  margin-inline: auto;
}

.rg-regulation h2 {
  color: var(--color-pearl);
}

.rg-regulation__notice {
  padding: var(--space-7);
  background: var(--color-pearl);
  color: var(--color-charcoal-slate);
  font-family: var(--font-heading);
  font-size: clamp(1.7rem, 3vw, 2.25rem);
  font-weight: 500;
  line-height: 1.18;
}

.rg-regulation__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  width: min(100%, 39.5rem);
  margin: var(--space-7) auto 0;
}

.rg-regulation__copy p,
.rg-regulation__copy hr {
  margin: 0;
}

.rg-dining__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr);
  gap: var(--space-6);
  align-items: center;
}

.rg-dining__copy {
  grid-column: 1 / span 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
  max-width: 35rem;
}

.rg-dining__copy :is(h2, p) {
  margin: 0;
}

.rg-dining__link {
  min-height: 3rem;
}

.rg-dining__media {
  grid-column: 3 / span 1;
  width: 100%;
  margin: 0;
}

.rg-dining__media img {
  aspect-ratio: 4 / 5;
  object-position: center;
}

.rg-visit__panel {
  width: min(100%, 53.25rem);
  margin-inline: auto;
  padding: var(--space-7);
  background: var(--color-pearl);
  border: var(--border-hairline);
}

.rg-visit__address {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-6);
  padding-bottom: var(--space-6);
  border-bottom: var(--border-hairline);
}

.rg-visit__address address {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-heading-small);
  line-height: var(--line-heading-small);
}

.rg-visit__hours {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
}

.rg-visit__hour-row {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  gap: var(--space-5);
  padding: var(--space-5) 0;
  border-bottom: var(--border-hairline);
}

.rg-visit__hour-row dt,
.rg-visit__hour-row dd {
  margin: 0;
}

.rg-visit__hour-row dd {
  color: var(--color-charcoal-slate);
}

.rg-visit__note {
  max-width: 37.5rem;
  margin-top: var(--space-5);
  color: var(--color-titanium);
}

.rg-visit__note p {
  margin: 0;
}

.rg-commitment__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  width: min(100%, 45rem);
  margin-inline: auto;
  padding: var(--space-8);
  background: var(--color-pearl);
  border: var(--border-hairline);
}

.rg-commitment__panel :is(h2, p, hr) {
  margin: 0;
}

.rg-commitment__statement {
  max-width: 38.75rem;
  font-size: var(--text-body-large);
  line-height: var(--line-body-large);
}

.rg-commitment__support {
  display: flex;
  align-items: center;
  min-height: 3rem;
  width: 100%;
  padding: var(--space-3) var(--space-4);
  background: var(--color-sage);
  font-size: var(--text-meta);
  font-weight: 700;
}

.rg-commitment__support a {
  margin-left: var(--space-2);
  color: var(--color-charcoal-slate);
  text-decoration-color: var(--color-champagne);
  text-underline-offset: 0.3em;
}

.rg-related__heading {
  max-width: 35rem;
  margin-bottom: var(--space-7);
}

.rg-related__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: var(--border-hairline);
  border-bottom: var(--border-hairline);
}

.rg-related__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-6) var(--space-7) var(--space-6) 0;
}

.rg-related__item + .rg-related__item {
  padding-right: 0;
  padding-left: var(--space-7);
  border-left: var(--border-hairline);
}

.rg-related__item :is(h3, p) {
  margin: 0;
}

.rg-related__item h3 a {
  display: inline-flex;
  align-items: center;
  min-height: 3rem;
  color: var(--color-charcoal-slate);
  text-decoration-color: var(--color-champagne);
  text-underline-offset: 0.25em;
}

.rg-related__item h3 a:hover,
.rg-support__web-row a:hover,
.rg-support__phone:hover,
.rg-commitment__support a:hover {
  color: var(--color-bronze);
}

@media (max-width: 62.5rem) {
  .rg-intro__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .rg-intro__copy,
  .rg-intro__media {
    grid-column: 1;
  }

  .rg-intro__media {
    margin-top: 0;
  }

  .rg-intro__media img {
    aspect-ratio: 3 / 2;
  }

  .rg-age__content {
    width: min(100%, 46.5rem);
    margin-left: 0;
  }

  .rg-guidance-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rg-guidance-card:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 56.25rem) {
  .rg-support__panel {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .rg-support__explanation {
    padding-right: 0;
    padding-bottom: var(--space-6);
    border-right: 0;
    border-bottom: var(--border-hairline);
  }

  .rg-dining__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }

  .rg-dining__media,
  .rg-dining__copy {
    grid-column: 1;
  }

  .rg-dining__media {
    grid-row: 1;
  }

  .rg-dining__copy {
    grid-row: 2;
    width: min(100%, 45rem);
  }
}

@media (max-width: 52rem) {
  .rg-related__links {
    grid-template-columns: minmax(0, 1fr);
  }

  .rg-related__item,
  .rg-related__item + .rg-related__item {
    padding: var(--space-5) 0;
    border-left: 0;
  }

  .rg-related__item + .rg-related__item {
    border-top: var(--border-hairline);
  }
}

@media (max-width: 45rem) {
  .rg-intro h1 {
    font-size: clamp(2.5rem, 12vw, 3rem);
    line-height: 1.02;
  }

  .rg-intro__media img {
    aspect-ratio: 4 / 5;
    object-position: 68% center;
  }

  .rg-intro__scope,
  .rg-age__policy,
  .rg-guidance-card,
  .rg-support__phone-panel,
  .rg-visit__panel,
  .rg-commitment__panel {
    padding: var(--space-5);
  }

  .rg-fact-row,
  .rg-visit__hour-row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }

  .rg-guidance-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .rg-guidance-card:first-child {
    grid-column: 1;
  }

  .rg-support__panel {
    padding: var(--space-5);
  }

  .rg-support__phone {
    font-size: clamp(1.875rem, 9vw, 2.125rem);
  }

  .rg-accordion__button {
    min-height: 3.5rem;
    padding: var(--space-4);
  }

  .rg-accordion__panel {
    padding: 0 var(--space-4) var(--space-5);
  }

  .rg-regulation__notice {
    padding: var(--space-5);
    font-size: clamp(1.7rem, 8vw, 1.9rem);
  }

  .rg-regulation__copy {
    margin-top: var(--space-6);
  }

  .rg-dining__media img {
    aspect-ratio: 4 / 5;
  }

  .rg-commitment__support {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .rg-commitment__support a {
    min-height: 2rem;
    margin-left: 0;
    flex-basis: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .rg-intro__media img,
  .rg-dining__media img {
    transition: transform var(--transition-base), filter var(--transition-base);
  }

  .rg-intro__media:hover img,
  .rg-dining__media:hover img {
    filter: brightness(1.03);
    transform: translateY(-2px);
  }

  .rg-accordion__indicator {
    transition: transform var(--transition-fast);
  }
}
