/* Responsible Gambling page (frames responsible-gambling 1440 / responsible-gambling-mobile 390).
 * Every number is a fig-spec value; line-heights are the rounded text boxes.
 * Desktop and mobile frames use different copy in places: .rg-d shows on 1200+, .rg-m on the 390 branch. */

.rg-m { display: none; }
.rg-br-m { display: none; }

/* ── shared pieces ─────────────────────────────────────────────────────── */
.rg-eyebrow {
  display: inline-flex; align-items: center; gap: var(--space-8);
  font-family: var(--font-body); font-weight: 800; font-size: 11px; line-height: 12px;
  letter-spacing: 1.54px; color: var(--color-text-dark);
}
.rg-eyebrow::before { content: ""; width: 12px; height: 2px; background: var(--rg-bar, var(--color-ink)); }
.rg-eyebrow--brand { color: var(--color-brand); --rg-bar: var(--color-brand); }

.rg-head { display: flex; align-items: center; gap: var(--space-12); }
.rg-head__num { font-family: var(--font-mono); font-weight: 700; font-size: 18px; line-height: 23px; color: var(--color-brand-ink); }
.rg-sec--breakout .rg-head__num, .rg-head--dark .rg-head__num { color: var(--color-brand); }
.rg-head--dark .rg-eyebrow { color: var(--color-brand); --rg-bar: var(--color-brand); }

.rg-sec__title {
  font-family: var(--font-display); font-weight: 900; font-size: 32px; line-height: 40px;
  letter-spacing: -0.96px; color: var(--color-ink);
}
.rg-sec__lead { font-size: 16px; line-height: 26px; color: var(--color-text-dark); }

/* ── hero (section-3-hero) ─────────────────────────────────────────────── */
.rg-hero { display: flex; background: var(--color-surface); }
.rg-hero__left { width: 960px; flex: 0 0 960px; padding: 64px 48px 64px var(--container-pad); }
.rg-hero__copy { display: flex; flex-direction: column; gap: var(--space-24); width: 832px; max-width: 100%; }
.rg-hero__title {
  font-family: var(--font-display); font-weight: 900; font-size: 48px; line-height: 53px;
  letter-spacing: -1.92px; color: var(--color-text);
}
.rg-hero__lead { font-size: 18px; line-height: 27px; font-weight: 500; color: var(--color-muted-4); }
.rg-hero__desc { font-size: 14px; line-height: 22px; color: var(--color-muted); }
.rg-hero__media { width: 480px; flex: 0 0 480px; height: 600px; background: var(--color-bg); overflow: hidden; }
.rg-hero__pic, .rg-hero__pic img { width: 100%; height: 100%; }
.rg-hero__pic img { object-fit: cover; }

/* ── quick access (quick-access-help-row) ─────────────────────────────── */
.rg-quick {
  background: var(--color-surface-2);
  box-shadow: inset 0 1px 0 var(--color-line-dark), inset 0 -1px 0 var(--color-line-dark);
}
.rg-quick__list { display: flex; align-items: flex-start; min-height: 88px; padding: var(--space-24) var(--container-pad); }   /* 24 + 40 (divider height) + 24 */
.rg-quick__col { position: relative; width: 326px; flex: 0 0 326px; padding-inline: var(--space-24); }
.rg-quick__col--1 { width: auto; flex: 1 1 0; padding-inline: 0; }
.rg-quick__col + .rg-quick__col::before { content: ""; position: absolute; left: 0; top: 0; height: 40px; border-left: 1px solid var(--color-line-dark); }
.rg-quick__link { display: flex; flex-direction: column; gap: var(--space-4); text-decoration: none; }
.rg-quick__title { font-family: var(--font-display); font-weight: 900; font-size: 11px; line-height: 14px; color: var(--color-text); transition: color var(--dur-fast) var(--ease); }
.rg-quick__title--brand2 { color: var(--color-brand-2); }
.rg-quick__title--brand { color: var(--color-brand); }
.rg-quick__desc { font-size: 13px; line-height: 14px; color: var(--color-muted-4); }
.rg-quick__desc--strong { font-weight: 600; color: var(--color-text); }
.rg-quick__link:hover .rg-quick__title { color: var(--color-brand-2); }
.rg-quick__link:hover .rg-quick__desc { text-decoration: underline; }

/* ── article: sticky nav + content ─────────────────────────────────────── */
.rg-article { display: flex; gap: var(--space-64); padding: 80px var(--container-pad); background: var(--color-light); color: var(--color-ink); }

.rg-nav { width: 280px; flex: 0 0 280px; align-self: flex-start; position: sticky; top: 96px; display: flex; flex-direction: column; gap: var(--space-24); }
.rg-nav__toggle { display: none; }
.rg-nav__label { font-family: var(--font-display); font-weight: 900; font-size: 11px; line-height: 14px; letter-spacing: .99px; color: var(--color-text-dark); }
.rg-nav .rg-nav__body { display: block; }
.rg-nav .rg-nav__body > * { visibility: visible; overflow: visible; transition: none; }   /* no fold on desktop → no 0.2s visibility delay after a resize */
.rg-nav__list { display: flex; flex-direction: column; gap: var(--space-12); }
.rg-nav__link {
  display: flex; align-items: center; gap: var(--space-12);
  height: 16px; padding-inline: var(--space-8);
  text-decoration: none; color: var(--color-muted-light);
  transition: color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
.rg-nav__num { font-family: var(--font-mono); font-weight: 700; font-size: 12px; line-height: 16px; }
.rg-nav__text { font-size: 13px; line-height: 14px; font-weight: 700; }
.rg-nav__link:hover { color: var(--color-ink); }
.rg-nav__link:focus-visible { outline: none; color: var(--color-ink); box-shadow: inset 2px 0 0 var(--color-brand); transition: none; }   /* the ring shows at once, no fade-in */
.rg-nav__item.is-active .rg-nav__link { color: var(--color-brand-ink); box-shadow: inset 2px 0 0 var(--color-brand); }

.rg-content { width: 936px; flex: 1 1 936px; min-width: 0; display: flex; flex-direction: column; gap: 80px; }
.rg-rule { height: 1px; margin: 0 0 -1px; border: 0; background: var(--color-line-light); }   /* 0-height LINE in the mockup: 80 + line + 80 */
.rg-sec { display: flex; flex-direction: column; gap: var(--space-24); scroll-margin-top: 88px; }
.rg-sec .rg-sec__title { max-width: 720px; }
.rg-sec--tools .rg-sec__title { max-width: 664px; }

/* 01 guidelines */
.rg-bullets { display: flex; flex-direction: column; gap: var(--space-16); }
.rg-bullet { display: flex; gap: var(--space-16); }
.rg-bullet__dot { font-family: var(--font-mono); font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-brand); }
.rg-bullet__body { display: flex; flex-direction: column; gap: var(--space-4); flex: 1 1 0; min-width: 0; }
.rg-bullet__title { font-size: 15px; line-height: 16px; font-weight: 700; color: var(--color-ink); }
.rg-bullet__desc { font-size: 14px; line-height: 21px; color: var(--color-text-dark); }

/* 02 tools directory */
.rg-dir { display: flex; flex-direction: column; }
.rg-dir__row { display: flex; align-items: center; gap: var(--space-40); padding-block: var(--space-20); box-shadow: inset 0 -1px 0 var(--color-line-light); scroll-margin-top: 88px; }
.rg-dir__num { width: 40px; flex: 0 0 40px; font-family: var(--font-mono); font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-muted-light); }
.rg-dir__body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); flex: 1 1 0; min-width: 0; }
.rg-dir__title { font-size: 16px; line-height: 17px; font-weight: 700; color: var(--color-ink); }
.rg-dir__desc { font-size: 14px; line-height: 21px; color: var(--color-text-dark); }
.rg-dir__link {
  padding: 0; border: 0; background: none; cursor: pointer; position: relative;
  font-family: var(--font-body); font-size: 13px; line-height: 14px; font-weight: 700; color: var(--color-brand-ink); text-decoration: none;
}
.rg-dir__link::after { content: ""; position: absolute; inset: -5px 0; }   /* 24px tap zone */
.rg-dir__link:hover { text-decoration: underline; }

/* 03 self-exclusion breakout (dark card) */
.rg-sec--breakout { gap: var(--space-32); padding: 40px; border-radius: var(--radius-xl); background: var(--color-surface); color: var(--color-text); }
.rg-breakout { display: contents; }
.rg-breakout__text { display: flex; flex-direction: column; gap: var(--space-16); }
.rg-breakout__title { font-family: var(--font-display); font-weight: 900; font-size: 28px; line-height: 35px; letter-spacing: -1.12px; color: var(--color-text); }
.rg-breakout__lead { font-size: 15px; line-height: 24px; color: var(--color-muted-4); }
.rg-betstop {
  display: flex; flex-direction: column; gap: var(--space-16);
  padding: var(--space-24); border-radius: var(--radius-lg);
  background: var(--color-surface-2); box-shadow: inset 0 0 0 1px var(--color-line-dark);
}
.rg-betstop__title { font-family: var(--font-display); font-weight: 900; font-size: 16px; line-height: 20px; color: var(--color-text); }
.rg-betstop__desc { font-size: 14px; line-height: 22px; color: var(--color-muted-4); }
.rg-betstop__actions { display: flex; align-items: center; gap: var(--space-16); height: 42px; padding-top: var(--space-8); }   /* mockup frame is fixed at 42: 8 + 34 button */
.rg-betstop__btn {
  display: inline-flex; align-items: center; padding: 10px 20px; border-radius: var(--radius-sm);
  background: var(--color-brand); color: var(--color-text); text-decoration: none;
  font-size: 13px; line-height: 14px; font-weight: 800;
  transition: background-color var(--dur-fast) var(--ease);
}
.rg-betstop__btn:hover { background: var(--color-brand-hover); }
.rg-betstop__more { font-size: 13px; line-height: 14px; font-weight: 700; color: var(--color-muted-4); text-decoration: none; }
.rg-betstop__more:hover { color: var(--color-text); text-decoration: underline; }
.tap-target { position: relative; }
.tap-target::after { content: ""; position: absolute; inset: -5px 0; }

/* 04 warning signs */
.rg-signs { display: flex; align-items: flex-start; gap: var(--space-32); }
.rg-signs__col { display: flex; flex-direction: column; gap: var(--space-16); width: 452px; flex: 1 1 0; }
.rg-sign { display: flex; gap: var(--space-12); }
.rg-sign__mark { font-family: var(--font-mono); font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-danger-2); }
.rg-sign__text { flex: 1 1 0; margin-right: -6px; font-size: 14px; line-height: 21px; color: var(--color-text-dark); }   /* mockup text boxes run 2px past the column; wrapping them adds a line */
.rg-check { display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-24); border-radius: var(--radius-lg); background: var(--color-light-2); }
.rg-check__title { font-family: var(--font-display); font-weight: 900; font-size: 16px; line-height: 20px; color: var(--color-ink); }
.rg-check__desc { font-size: 14px; line-height: 21px; color: var(--color-text-dark); }
.rg-check__phone { font-size: 14px; line-height: 15px; font-weight: 700; color: var(--color-ink); }
.rg-check__phone a { text-decoration: none; }
.rg-check__phone a:hover { text-decoration: underline; }

/* 05 keeping track */
.rg-track { display: flex; gap: var(--space-40); }
.rg-track__text { display: flex; flex-direction: column; gap: var(--space-16); width: 576px; flex: 1 1 0; align-self: center; }
.rg-track__lead { font-size: 16px; line-height: 26px; color: var(--color-text-dark); }
.rg-track__desc { font-size: 14px; line-height: 21px; color: var(--color-muted-light); }
.rg-activity {
  display: flex; flex-direction: column; gap: 14px; width: 320px; flex: 0 0 320px;
  padding: var(--space-20); border-radius: var(--radius-lg);
  background: var(--color-surface); color: var(--color-text); box-shadow: inset 0 0 0 1px var(--color-line-dark);
}
.rg-activity__head { display: flex; justify-content: space-between; align-items: flex-start; }
.rg-activity__label { font-family: var(--font-display); font-weight: 900; font-size: 11px; line-height: 14px; color: var(--color-brand); }
.rg-activity__period { font-size: 11px; line-height: 12px; color: var(--color-muted); margin-top: 1px; }
.rg-activity__rule { height: 1px; margin: 0 0 -1px; border: 0; background: var(--color-line-dark); }   /* a 0-height line in the mockup */
.rg-activity__rows { display: flex; flex-direction: column; gap: 10px; }
.rg-activity__row { display: flex; justify-content: space-between; align-items: flex-start; }
.rg-activity__row dt { font-size: 13px; line-height: 14px; color: var(--color-muted-4); }
.rg-activity__row dd { font-family: var(--font-mono); font-weight: 700; font-size: 13px; line-height: 17px; color: var(--color-text); }
.rg-activity__neg { color: var(--color-danger-2) !important; }
.rg-activity__time { color: var(--color-brand-2) !important; }
.rg-activity__note { font-size: 10px; line-height: 11px; color: var(--color-muted); text-align: center; }

/* 06 restrictions */
.rg-restrict { display: flex; gap: var(--space-32); }
.rg-restrict__col { display: flex; flex-direction: column; gap: var(--space-12); width: 452px; flex: 1 1 0; }
.rg-restrict__head { display: flex; align-items: center; gap: var(--space-8); }
.rg-restrict__title { font-size: 16px; line-height: 17px; font-weight: 700; color: var(--color-ink); }
.rg-restrict__badge {
  display: inline-block; padding: 2px 6px; border-radius: var(--radius-xs); margin-top: 1px;
  background: var(--color-brand); color: var(--color-text);
  font-family: var(--font-display); font-weight: 900; font-size: 9px; line-height: 11px;
}
.rg-restrict__desc { font-size: 14px; line-height: 22px; color: var(--color-text-dark); }
.rg-restrict__rule { display: none; }

/* ── 07 support (section-07-dark-support) ─────────────────────────────── */
.rg-support { display: flex; gap: var(--space-48); padding: 80px var(--container-pad); background: var(--color-surface); color: var(--color-text); scroll-margin-top: 72px; }
.rg-support__left { display: flex; flex-direction: column; gap: var(--space-32); width: 752px; flex: 1 1 0; min-width: 0; }
.rg-support__title { font-family: var(--font-display); font-weight: 900; font-size: 40px; line-height: 50px; letter-spacing: -2px; color: var(--color-text); }
.rg-support__lead { font-size: 16px; line-height: 26px; color: var(--color-muted-4); }
.rg-helplines { display: flex; gap: var(--space-16); }
.rg-helpline {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-12); flex: 1 1 0;
  padding: var(--space-20); border-radius: var(--radius-md);
  background: var(--color-surface-2); box-shadow: inset 0 0 0 1px var(--color-line-dark);
  transition: background-color var(--dur-fast) var(--ease);
}
.rg-helpline:hover { background: var(--color-surface-3); }
.rg-helpline__name { font-family: var(--font-display); font-weight: 900; font-size: 14px; line-height: 17px; color: var(--color-text); }
.rg-helpline__phone { font-family: var(--font-mono); font-weight: 800; font-size: 20px; line-height: 26px; color: var(--color-brand); text-decoration: none; }
.rg-helpline__phone--2 { color: var(--color-brand-2); }
.rg-helpline__phone:hover { text-decoration: underline; }
.rg-helpline__desc { font-size: 12px; line-height: 13px; color: var(--color-muted); }
.rg-helpline__link { font-size: 13px; line-height: 14px; font-weight: 700; color: var(--color-text); text-decoration: none; }
.rg-helpline__link:hover { color: var(--color-brand-2); text-decoration: underline; }
.rg-support__media { width: 480px; flex: 0 0 480px; height: 360px; border-radius: var(--radius-lg); background: var(--color-bg); overflow: hidden; }
.rg-support__pic, .rg-support__pic img { width: 100%; height: 100%; }
.rg-support__pic img { object-fit: cover; }

/* ── 08 responsibilities ───────────────────────────────────────────────── */
.rg-resp { display: flex; flex-direction: column; gap: var(--space-32); padding: 80px var(--container-pad); background: var(--color-light); color: var(--color-ink); scroll-margin-top: 72px; }
.rg-resp .rg-sec__title { max-width: 757px; }
.rg-resp__list { display: flex; flex-direction: column; }
.rg-resp__row { display: flex; gap: var(--space-40); padding-block: var(--space-20); box-shadow: inset 0 -1px 0 rgba(26, 26, 34, .102); }
.rg-resp__num { width: 40px; flex: 0 0 40px; font-family: var(--font-mono); font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-muted-light); }
.rg-resp__body { display: flex; flex-direction: column; gap: var(--space-4); flex: 1 1 0; min-width: 0; }
.rg-resp__title { font-size: 16px; line-height: 17px; font-weight: 700; color: var(--color-ink); }
.rg-resp__desc { font-size: 14px; line-height: 21px; color: var(--color-text-dark); }

/* ── 09 regulation ─────────────────────────────────────────────────────── */
.rg-legal { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-32); padding: 0 var(--container-pad) 80px; background: var(--color-light); color: var(--color-ink); scroll-margin-top: 72px; }
.rg-legal .rg-sec__title { max-width: 794px; }
.rg-legal__table { display: flex; flex-direction: column; width: 100%; }
.rg-legal__row { display: flex; gap: var(--space-40); padding-block: 14px; box-shadow: inset 0 -1px 0 rgba(26, 26, 34, .102); }
.rg-legal__row dt { width: 200px; flex: 0 0 200px; font-size: 11px; line-height: 12px; font-weight: 800; color: var(--color-muted-light); padding-top: 1px; }
.rg-legal__row dd { flex: 1 1 0; font-size: 14px; line-height: 15px; color: var(--color-text-dark); }
.rg-legal__link { font-size: 14px; line-height: 15px; font-weight: 700; color: var(--color-brand-ink); text-decoration: none; }
.rg-legal__link:hover { text-decoration: underline; }

/* ── floating help pill (mockup: bottom right, above the to-top button) ── */
.rg-float {
  position: fixed; right: 40px; bottom: 120px; z-index: var(--z-float);
  display: inline-flex; align-items: center; gap: var(--space-8);
  padding: 10px 16px; border-radius: var(--radius-pill);
  background: var(--color-brand); color: var(--color-text); text-decoration: none;
  box-shadow: 0 4px 12px rgba(124, 111, 255, .251);
  transition: background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
}
.rg-float:hover { background: var(--color-brand-hover); transform: translateY(-2px); }
.rg-float__label { font-size: 13px; line-height: 14px; font-weight: 700; }
.rg-float__phone { font-family: var(--font-mono); font-size: 11px; line-height: 14px; }

/* ── mobile branch (frame responsible-gambling-mobile, 390) ───────────── */
@media (max-width: 1199px) {
  .rg-d { display: none !important; }
  .rg-m { display: initial; }
  .rg-br-m { display: inline; }
  p.rg-m, div.rg-m, hr.rg-m { display: block; }

  .rg-eyebrow { font-size: 10px; line-height: 11px; letter-spacing: 1px; color: var(--color-muted-light); }
  .rg-eyebrow::before { display: none; }
  .rg-eyebrow--brand { color: var(--color-brand); letter-spacing: 2px; }
  .rg-eyebrow--brand::before { display: block; }
  .rg-head { gap: var(--space-8); }
  .rg-head__num { font-family: var(--font-display); font-weight: 900; font-size: 32px; line-height: 40px; }
  .rg-head--dark .rg-eyebrow { color: var(--color-muted); }
  .rg-sec__title { font-size: 24px; line-height: 30px; letter-spacing: -.48px; }
  .rg-sec__lead { font-size: 15px; line-height: 24px; color: var(--color-ink); }

  .rg-hero { flex-direction: column; gap: var(--space-24); padding: 40px var(--container-pad-m); background: var(--color-bg); }
  .rg-hero__left { width: auto; flex: none; padding: 0; }
  .rg-hero__copy { gap: var(--space-16); width: auto; }
  .rg-hero__title { font-size: 32px; line-height: 35px; letter-spacing: -1.6px; }
  .rg-hero__lead { font-size: 14px; line-height: 21px; font-weight: 400; }
  .rg-hero__media { width: 100%; flex: none; height: 220px; border-radius: var(--radius-lg); }

  .rg-quick { display: flex; flex-direction: column; gap: var(--space-12); padding: var(--space-24) var(--container-pad-m); background: var(--color-bg); box-shadow: none; }
  .rg-quick__label { font-family: var(--font-display); font-weight: 800; font-size: 10px; line-height: 12px; letter-spacing: 1px; color: var(--color-muted); }
  .rg-quick__list { gap: var(--space-8); min-height: 0; padding: 0; margin-right: calc(var(--container-pad-m) * -1); padding-right: var(--container-pad-m); overflow-x: auto; scrollbar-width: none; }
  .rg-quick__list::-webkit-scrollbar { display: none; }
  .rg-quick__col, .rg-quick__col--1 { width: auto; flex: 0 0 auto; padding: 0; }
  .rg-quick__col + .rg-quick__col::before { display: none; }
  .rg-quick__link { padding: 8px 12px; border-radius: var(--radius-md); background: var(--color-surface-2); white-space: nowrap; }
  .rg-quick__title, .rg-quick__title--brand, .rg-quick__title--brand2 { font-family: var(--font-body); font-weight: 700; font-size: 11px; line-height: 12px; color: var(--color-text); }
  .rg-quick__link:hover { background: var(--color-surface-3); }

  .rg-article { display: block; padding: 0; }
  .rg-nav { position: static; width: auto; flex: none; gap: 0; padding: 32px var(--container-pad-m) 16px; }
  .rg-nav__toggle {
    display: flex; justify-content: space-between; align-items: center; width: 100%; height: 50px;
    padding: 16px; border: 0; border-radius: var(--radius-lg); background: var(--color-light-2); cursor: pointer;
    font-size: 14px; line-height: 15px; font-weight: 700; color: var(--color-bg);
  }
  .rg-nav__chev { width: 18px; height: 18px; transition: transform var(--dur-base) var(--ease); }
  .rg-nav__toggle[aria-expanded="true"] .rg-nav__chev { transform: rotate(180deg); }
  .rg-nav .rg-nav__body { display: grid; }
  .rg-nav .rg-nav__body > * { visibility: hidden; overflow: hidden; }
  .rg-nav .rg-nav__body.is-open > * { visibility: visible; }
  .rg-nav__item:first-child { padding-top: var(--space-12); }
  .rg-nav__item:last-child { padding-bottom: var(--space-4); }
  .rg-nav__link { margin-inline: var(--space-8); }
  .rg-nav__link { height: 24px; }

  .rg-content { width: auto; flex: none; display: block; }
  .rg-rule { display: none; }
  .rg-sec { gap: var(--space-20); padding: 48px var(--container-pad-m); box-shadow: inset 0 1px 0 var(--color-line-light); scroll-margin-top: 56px; }
  .rg-sec:first-child { box-shadow: none; }
  .rg-sec .rg-sec__title, .rg-sec--tools .rg-sec__title { max-width: none; }
  .rg-sec--tools { gap: var(--space-24); }

  .rg-bullet__desc { color: var(--color-text-dark); }

  .rg-dir__row { display: grid; grid-template-columns: auto 1fr; column-gap: var(--space-12); row-gap: var(--space-8); align-items: center; padding-block: var(--space-16); }
  .rg-dir__num { width: auto; flex: none; font-size: 16px; line-height: 21px; color: var(--color-brand); }
  .rg-dir__body { display: contents; }
  .rg-dir__title { font-size: 15px; line-height: 16px; }
  .rg-dir__desc, .rg-dir__link { grid-column: 1 / -1; }
  .rg-dir__desc { font-size: 13px; line-height: 20px; color: var(--color-muted-light); }
  .rg-dir__link { justify-self: start; }

  .rg-sec--breakout { padding: 48px var(--container-pad-m); border-radius: 0; background: var(--color-light); color: var(--color-ink); gap: var(--space-20); }
  .rg-breakout { display: flex; flex-direction: column; gap: var(--space-20); padding: var(--space-20); border-radius: var(--radius-lg); background: var(--color-bg); color: var(--color-text); }
  .rg-breakout__text { display: contents; }
  .rg-breakout__title { font-size: 22px; line-height: 26px; letter-spacing: 0; }
  .rg-breakout__lead { font-size: 14px; line-height: 21px; }
  .rg-betstop { gap: var(--space-12); padding: var(--space-16); box-shadow: none; }
  .rg-betstop__title { font-family: var(--font-body); font-weight: 700; font-size: 11px; line-height: 12px; letter-spacing: .99px; }
  .rg-betstop__desc { font-size: 13px; line-height: 20px; }
  .rg-betstop__actions { flex-direction: column; align-items: stretch; gap: var(--space-12); height: auto; padding: 0; }
  .rg-betstop__btn { justify-content: center; padding: 14px; border-radius: var(--radius-10); font-size: 14px; line-height: 15px; }
  .rg-betstop__more { font-family: var(--font-mono); font-size: 12px; line-height: 16px; }

  .rg-signs { flex-direction: column; gap: var(--space-12); }
  .rg-signs__col { width: auto; flex: none; gap: var(--space-12); }
  .rg-sign__text { margin-right: 0; color: var(--color-ink); }
  .rg-check { gap: var(--space-12); padding: var(--space-20); }
  .rg-check__title { font-family: var(--font-body); font-weight: 700; font-size: 16px; line-height: 17px; }
  .rg-check__desc { color: var(--color-ink); }
  .rg-check__phone { color: var(--color-brand-ink); }

  .rg-track { flex-direction: column; gap: var(--space-20); }
  .rg-track__text { width: auto; flex: none; gap: var(--space-20); align-self: stretch; }
  .rg-track__lead { font-size: 15px; line-height: 24px; color: var(--color-ink); }
  .rg-activity { width: auto; flex: none; }

  .rg-restrict { flex-direction: column; gap: var(--space-20); }
  .rg-restrict__col { width: auto; flex: none; gap: var(--space-8); }
  .rg-restrict__col--pay { gap: var(--space-12); }
  .rg-restrict__title { font-size: 13px; line-height: 14px; letter-spacing: 1.04px; }
  .rg-restrict__badge { padding: 3px 6px; margin-top: 0; }
  .rg-restrict__head .rg-restrict__title { padding-top: 1px; }
  .rg-restrict__desc { font-size: 15px; line-height: 24px; color: var(--color-ink); }
  .rg-restrict__rule { display: block; height: 0; margin: 0; border: 0; border-top: 1px solid #eeeeee; }
  .rg-sec--restrict { box-shadow: inset 0 1px 0 #eeeeee; }

  .rg-support { flex-direction: column; gap: var(--space-24); padding: 48px var(--container-pad-m); background: var(--color-bg); scroll-margin-top: 56px; }
  .rg-support__left { width: auto; flex: none; gap: var(--space-24); }
  .rg-support__title { font-size: 28px; line-height: 35px; letter-spacing: 0; }
  .rg-support__lead { font-size: 14px; line-height: 21px; }
  .rg-helplines { flex-direction: column; gap: var(--space-24); }
  .rg-helpline { flex: none; border-radius: var(--radius-lg); box-shadow: none; }
  .rg-helpline__name { font-family: var(--font-body); font-weight: 700; font-size: 11px; line-height: 12px; letter-spacing: .99px; color: var(--color-muted-4); }
  .rg-helpline__phone { font-size: 24px; line-height: 31px; }
  .rg-helpline__desc { font-size: 13px; line-height: 20px; }
  .rg-support__media { width: 100%; flex: none; height: 200px; }

  .rg-resp { gap: var(--space-20); padding: 48px var(--container-pad-m); box-shadow: inset 0 1px 0 var(--color-line-light-2); scroll-margin-top: 56px; }
  .rg-resp .rg-sec__title { max-width: none; }
  .rg-resp__row { display: grid; grid-template-columns: auto 1fr; column-gap: var(--space-12); row-gap: var(--space-8); align-items: center; padding-block: var(--space-16); box-shadow: inset 0 -1px 0 #eeeeee; }
  .rg-resp__num { width: auto; flex: none; font-size: 16px; line-height: 21px; color: var(--color-brand); }
  .rg-resp__body { display: contents; }
  .rg-resp__title { font-size: 15px; line-height: 16px; }
  .rg-resp__desc { grid-column: 1 / -1; font-size: 13px; line-height: 20px; color: var(--color-muted-light); }

  .rg-legal { gap: var(--space-20); padding: 48px var(--container-pad-m); box-shadow: inset 0 1px 0 var(--color-line-light-2); scroll-margin-top: 56px; }
  .rg-legal .rg-sec__title { max-width: none; }
  .rg-legal__row { flex-direction: column; gap: var(--space-4); padding-block: var(--space-12); box-shadow: inset 0 -1px 0 var(--color-line-light-2); }
  .rg-legal__row dt { width: auto; flex: none; font-size: 10px; line-height: 11px; padding-top: 0; text-transform: uppercase; }   /* the mobile frame draws every key UPPER */
  .rg-legal__row dd { flex: none; color: var(--color-ink); }
  .rg-legal__row .rg-legal__mono { font-family: var(--font-mono); font-weight: 700; line-height: 18px; }
  .rg-legal__row--op { order: 1; }
  .rg-legal__row--addr { order: 2; }
  .rg-legal__row--abn { order: 3; }
  .rg-legal__row--lic { order: 4; }
  .rg-legal__row--jur { order: 5; }
  .rg-legal__row--reg { order: 6; }
  .rg-legal__link { font-size: 13px; line-height: 14px; }

  .rg-float { display: none; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .rg-hero__copy { flex: 1 1 0; min-width: 0; width: auto; }
  .rg-hero__media { flex: 0 0 38%; width: auto; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .rg-hero__left { width: auto; flex: 1 1 0; min-width: 0; }
  .rg-hero__media { width: 38%; flex: 0 0 38%; }
  .rg-article { grid-template-columns: 240px minmax(0, 1fr); }
}

/* wider than the 1440 frame: the copy column keeps its frame width next to the centred content,
   the photo column takes the rest (the side padding sits on the full-bleed hero, so the token resolves right) */
@media (min-width: 1441px) {
  .rg-hero { padding-left: var(--container-pad); }
  .rg-hero__left { width: 880px; flex-basis: 880px; padding-left: 0; }
  .rg-hero__media { width: auto; flex: 1 1 auto; }
}