/* ========================================================================= */

:root {
	--rgd-maxw: 1200px;
	--rgd-card-border: 1px solid rgba(16, 30, 32, .12);
	--rgd-card-border-strong: 1px solid rgba(16, 30, 32, .22);
	--rgd-hairline: 1px solid rgba(16, 30, 32, .06);
}

/* ---- Base canvas & background glow ------------------------------------ */
body {
	background-color: var(--wp--preset--color--base);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/* clip (not hidden) prevents sideways scroll without creating a scroll
	   container that would break the sticky header */
	overflow-x: clip;
}

/* Front-end only: the ambient blue wash (re-shaped in the identity layer). */
.wp-site-blocks {
	position: relative;
}
.wp-site-blocks::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 600px at 78% -8%, rgba(201, 119, 11, .16), transparent 60%),
		radial-gradient(900px 500px at 12% 4%, rgba(16, 30, 32, .08), transparent 55%);
}
.wp-site-blocks > * {
	position: relative;
	z-index: 1;
}

::selection {
	background: rgba(155, 89, 3, .3);
	color: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

/* ---- Reusable section rhythm ------------------------------------------ */
.rgd-section {
	padding-top: clamp(40px, 6vw, 56px);
	padding-bottom: clamp(16px, 3vw, 24px);
}

/* ---- Eyebrow / labels -------------------------------------------------- */
.rgd-eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
}

/* ---- Live / license badge --------------------------------------------- */
.rgd-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 13px;
	border-radius: 100px;
	border: 1px solid rgba(155, 89, 3, .28);
	background: rgba(16, 30, 32, .06);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .4px;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-badge::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--bronze);
	box-shadow: 0 0 8px var(--wp--preset--color--bronze);
}

/* ---- Cards ------------------------------------------------------------- */
.rgd-card,
.rgd-card-raised {
	border-radius: 16px;
	background: var(--wp--preset--gradient--card);
	border: var(--rgd-card-border);
}
.rgd-card-raised {
	background: var(--wp--preset--gradient--card-panel);
	border: var(--rgd-card-border-strong);
	box-shadow: var(--wp--preset--shadow--card);
}

/* ---- Buttons ----------------------------------------------------------- */
.wp-block-button.rgd-btn-outline .wp-block-button__link,
.wp-block-button__link.rgd-btn-outline {
	background: rgba(16, 30, 32, .02) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid rgba(155, 89, 3, .3);
	box-shadow: none;
}
.wp-block-button.rgd-btn-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--amber-deep);
	color: var(--wp--preset--color--amber-deep) !important;
}
/* Copper buttons: explicit gradient (theme.json color.background renders a
   gradient token as a flat colour, so we set the real gradient here). */
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link {
	background: var(--wp--preset--gradient--amber) !important;
	color: var(--wp--preset--color--chalk) !important;
	border: none;
	box-shadow: var(--wp--preset--shadow--amber);
}
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:hover { filter: brightness(1.05); }
/* keep button labels on one line (fixes "Giri / ş" wrapping in the header) */
.wp-block-button__link { white-space: nowrap; }
/* button sizing by context (kept out of block attrs so markup stays valid) */
.rgd-hero .wp-block-buttons .wp-block-button__link { padding: 15px 30px; font-size: 16px; }
.rgd-header .wp-block-button__link { padding: 10px 16px; font-size: 14px; }
.rgd-flame-text { background: linear-gradient(120deg, #9B5903, #C9770B); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #9B5903; }
.wp-block-separator.rgd-sep { border: none; height: 1px; background: rgba(16, 30, 32, .12); opacity: 1; max-width: none; }

/* ---- Hero -------------------------------------------------------------- */
.rgd-hero {
	padding-top: clamp(36px, 6vw, 64px);
}
.rgd-hero__art img {
	border-radius: 20px;
	border: 1px solid rgba(16, 30, 32, .18);
	box-shadow: var(--wp--preset--shadow--soft);
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
}
.rgd-stats {
	gap: 26px 32px;
}
.rgd-stat__num {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 26px;
	color: var(--wp--preset--color--amber-deep);
	line-height: 1;
}
.rgd-stat__label {
	font-size: 12.5px;
	color: var(--wp--preset--color--ink-faint);
	font-weight: 600;
}

/* ---- Hero trust / payments row ---------------------------------------- */
/* Sits under the stats in the home hero so the (shorter) text column fills
   more of the height next to the tall image + offer card, killing the void
   that appeared when the columns were vertically centred. */
.rgd-trustrow {
	gap: 10px;
	margin-top: 24px;
	align-items: center;
}
.rgd-trust {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 13px;
	border-radius: 10px;
	background: rgba(16, 30, 32, .03);
	border: 1px solid rgba(16, 30, 32, .14);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--wp--preset--color--ink-soft);
	white-space: nowrap;
}
.rgd-trust b { color: var(--wp--preset--color--contrast); font-weight: 700; }

/* ---- Bonus offer card -------------------------------------------------- */
.rgd-offer {
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	padding: 34px 30px;
	background: var(--wp--preset--gradient--card-panel);
	border: var(--rgd-card-border-strong);
	box-shadow: var(--wp--preset--shadow--card);
}
.rgd-offer::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 22px;
	pointer-events: none;
	background: radial-gradient(400px 200px at 80% 0%, rgba(201, 119, 11, .22), transparent 65%);
}
.rgd-offer > * { position: relative; z-index: 1; }
.rgd-offer__amount {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: 46px;
	line-height: 1;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-offer__row {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 14px;
	padding: 9px 0;
	border-bottom: var(--rgd-hairline);
}
.rgd-offer__row span:first-child { color: var(--wp--preset--color--ink-soft); }
.rgd-offer__row span:last-child  { color: var(--wp--preset--color--contrast); font-weight: 700; }

/* Floating animation (respect reduced motion) */
@keyframes rgd-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.rgd-float { animation: rgd-float 6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .rgd-float { animation: none; } }

/* ---- Quick links ------------------------------------------------------- */
.rgd-quicklink {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px 18px;
	border-radius: 14px;
	background: var(--wp--preset--gradient--card);
	border: var(--rgd-card-border);
	transition: transform .18s ease, border-color .18s ease;
}
.rgd-quicklink:hover { transform: translateY(-3px); border-color: rgba(155, 89, 3, .35); }
.rgd-quicklink__icon { font-size: 26px; }
.rgd-quicklink__title { font-size: 15.5px; font-weight: 700; color: var(--wp--preset--color--contrast); }
.rgd-quicklink__sub { font-size: 12.5px; color: var(--wp--preset--color--ink-faint); }

/* ---- Game cards -------------------------------------------------------- */
.rgd-game {
	border-radius: 14px;
	overflow: hidden;
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(16, 30, 32, .1);
	transition: transform .18s ease, border-color .18s ease;
}
.rgd-game:hover { transform: translateY(-4px); border-color: rgba(155, 89, 3, .3); }
.rgd-game__media {
	position: relative;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}
.rgd-game__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rgd-game__body { padding: 12px 13px; }
.rgd-game__title {
	font-size: 14px; font-weight: 700; color: var(--wp--preset--color--contrast);
	/* Wrap to two lines instead of ellipsing: at 360px the grid tracks are ~150px
	   and titles like "Mini Roulette" were being truncated with no way to read them. */
	line-height: 1.25;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden;
}
.rgd-game__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.rgd-game__provider { font-size: 11.5px; color: var(--wp--preset--color--ink-faint); }
.rgd-game__play {
	/* Tap target: the 5px/12px pill rendered ~22px tall — under the 44px minimum.
	   Sized here rather than per-card so every game grid inherits the fix. */
	font-size: 12.5px; font-weight: 700; color: var(--wp--preset--color--chalk);
	background: var(--wp--preset--gradient--amber); padding: 10px 16px; border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 44px; text-decoration: none;
	/* Owns its own top gap so the game cards don't each repeat an inline style
	   (18 identical style="" attributes were a network footprint tell). */
	margin-top: 10px;
}
.rgd-tag {
	position: absolute; top: 9px; left: 9px; z-index: 2;
	padding: 3px 9px; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .5px;
}
/* Crash-red labels carry white ink, so the background has to be the DEEP red:
   #FFFFFF on #AB321A is 3.03:1 (fails AA at 10px) while #FFFFFF on #0B1719 is
   6.5:1. --wp--preset--color--alert stays reserved for red TEXT on petrol. */
:root { --rgd-danger-deep: #882511; }
.rgd-tag--hot { background: var(--rgd-danger-deep); color: #FFFFFF; }
.rgd-tag--jackpot { background: var(--wp--preset--gradient--amber); color: var(--wp--preset--color--chalk); }

/* ---- Filter chips ------------------------------------------------------ */
.rgd-chips .wp-block-button__link {
	padding: 9px 16px; border-radius: 9px; font-size: 13.5px; font-weight: 700;
	background: transparent !important; color: var(--wp--preset--color--ink-soft) !important;
	border: 1px solid rgba(16, 30, 32, .14); box-shadow: none;
}
.rgd-chips .wp-block-button.is-active .wp-block-button__link,
.rgd-chips .wp-block-button:first-child .wp-block-button__link {
	background: rgba(16, 30, 32, .12) !important; color: var(--wp--preset--color--amber-deep) !important;
	border-color: rgba(155, 89, 3, .4);
}

/* ---- Feature cards ----------------------------------------------------- */
.rgd-feature { padding: 26px 24px; border-radius: 16px; background: var(--wp--preset--gradient--card); border: var(--rgd-card-border); }
.rgd-feature__icon {
	width: 48px; height: 48px; border-radius: 12px; background: rgba(16, 30, 32, .1);
	display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px;
}
.rgd-feature__title { font-size: 17px; font-weight: 700; color: var(--wp--preset--color--contrast); margin-bottom: 7px; }
.rgd-feature__text { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--ink-soft); }

/* ---- App download ------------------------------------------------------ */
.rgd-app {
	position: relative; overflow: hidden;
	border-radius: 22px; padding: clamp(28px, 4vw, 44px);
	background: var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(16, 30, 32, .16);
}
.rgd-app::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(500px 300px at 90% 50%, rgba(201, 119, 11, .16), transparent 60%);
}
.rgd-app > * { position: relative; z-index: 1; }
.rgd-app__art img { border-radius: 18px; border: 1px solid rgba(16, 30, 32, .16); width: 100%; }
.rgd-store {
	display: inline-flex; align-items: center; gap: 10px; padding: 13px 22px; border-radius: 11px;
	background: rgba(16, 30, 32, .05); border: 1px solid rgba(155, 89, 3, .25);
	font-weight: 700; color: var(--wp--preset--color--contrast);
}
.rgd-store:hover { border-color: var(--wp--preset--color--amber-deep); color: var(--wp--preset--color--amber-deep); }

/* ---- Payments ---------------------------------------------------------- */
.rgd-pay {
	height: 64px; border-radius: 12px; background: var(--wp--preset--color--surface);
	border: 1px solid rgba(16, 30, 32, .1); display: flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: 14px; color: #9B5903;
}

/* ---- Steps ------------------------------------------------------------- */
.rgd-step { padding: 28px 24px; border-radius: 16px; background: var(--wp--preset--gradient--card); border: var(--rgd-card-border); }
.rgd-step__num { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 40px; color: rgba(155, 89, 3, .35); line-height: 1; margin-bottom: 14px; }
.rgd-step__title { font-size: 18px; font-weight: 700; color: var(--wp--preset--color--contrast); margin-bottom: 7px; }
.rgd-step__text { font-size: 14px; line-height: 1.55; color: var(--wp--preset--color--ink-soft); }

/* ---- Reviews & comparison --------------------------------------------- */
.rgd-review { padding: 20px 22px; border-radius: 14px; background: var(--wp--preset--gradient--card); border: var(--rgd-card-border); }
.rgd-avatar {
	width: 34px; height: 34px; border-radius: 50%; flex: 0 0 auto;
	background: var(--wp--preset--gradient--petrol);
	display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; color: #fff;
}
.rgd-stars { color: var(--wp--preset--color--amber-deep); font-size: 13px; letter-spacing: 1px; }
.rgd-rating-pill {
	padding: 6px 12px; border-radius: 100px; background: rgba(201, 119, 11, .12);
	color: var(--wp--preset--color--bronze); font-size: 13px; font-weight: 700;
}
/* top clears the sticky header (topbar 34 + bar 74 + 12 breathing room). */
.rgd-compare { padding: 28px 26px; border-radius: 18px; background: var(--wp--preset--gradient--card-panel); border: var(--rgd-card-border-strong); position: sticky; top: 124px; }
.rgd-compare__row { display: flex; justify-content: space-between; gap: 12px; font-size: 13.5px; padding: 8px 0; border-bottom: var(--rgd-hairline); }
.rgd-compare__row span:first-child { color: var(--wp--preset--color--ink-soft); }
.rgd-compare__row span:last-child { color: var(--wp--preset--color--bronze); font-weight: 700; }

/* ---- Blog cards -------------------------------------------------------- */
.rgd-post { border-radius: 16px; overflow: hidden; background: var(--wp--preset--color--surface); border: var(--rgd-card-border); display: block; transition: transform .18s ease, border-color .18s ease; }
.rgd-post:hover { transform: translateY(-4px); border-color: rgba(155, 89, 3, .3); }
.rgd-post__cover { aspect-ratio: 16 / 9; overflow: hidden; }
.rgd-post__cover img { width: 100%; height: 100%; object-fit: cover; }
.rgd-post__body { padding: 18px 20px; }
.rgd-post__cat { font-size: 12px; font-weight: 700; color: var(--wp--preset--color--amber-deep); }
.rgd-post__title { font-size: 16px; font-weight: 700; color: var(--wp--preset--color--contrast); line-height: 1.35; margin: 8px 0 6px; }
.rgd-post__date { font-size: 12.5px; color: var(--wp--preset--color--ink-faint); }

/* ---- FAQ (native <details>) ------------------------------------------- */
.rgd-faq { border-radius: 14px; background: var(--wp--preset--gradient--card); border: 1px solid rgba(16, 30, 32, .12); overflow: hidden; }
.rgd-faq + .rgd-faq { margin-top: 12px; }
.rgd-faq > summary {
	list-style: none; cursor: pointer; padding: 20px 22px;
	display: flex; justify-content: space-between; align-items: center; gap: 16px;
	font-size: 16px; font-weight: 700; color: var(--wp--preset--color--contrast);
}
.rgd-faq > summary::-webkit-details-marker { display: none; }
.rgd-faq > summary::after {
	content: "+"; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 7px;
	background: rgba(16, 30, 32, .12); color: var(--wp--preset--color--amber-deep);
	display: flex; align-items: center; justify-content: center; font-size: 18px; transition: transform .2s ease;
}
.rgd-faq[open] > summary::after { transform: rotate(45deg); }
.rgd-faq__answer { margin: 0; padding: 0 22px 20px; font-size: 15.5px; line-height: 1.65; color: var(--wp--preset--color--contrast); max-width: 62ch; }

/* ---- Responsible gaming banner ---------------------------------------- */
.rgd-18 {
	display: flex; align-items: center; gap: 16px; padding: 18px 24px; border-radius: 14px;
	background: rgba(201, 119, 11, .06); border: 1px solid rgba(201, 119, 11, .2);
}
.rgd-18__badge {
	width: 44px; height: 44px; flex: 0 0 auto; border-radius: 10px; background: rgba(201, 119, 11, .15);
	display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; color: var(--wp--preset--color--amber-deep);
}
.rgd-18__text { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--wp--preset--color--ink-soft); }

/* =========================================================================
   INTERIOR PAGES — shared helpers
   ========================================================================= */
.rgd-breadcrumb { font-size: 12.5px; color: var(--wp--preset--color--ink-faint); }
.rgd-breadcrumb a { color: var(--wp--preset--color--ink-soft); }
.rgd-lead { font-size: 18px; line-height: 1.6; color: var(--wp--preset--color--contrast); max-width: 660px; }

/* Interior page hero (breadcrumb + eyebrow + H1 + lead + CTA) */
.rgd-hero:has(.rgd-breadcrumb) {
	position: relative;
	overflow: clip;
	text-align: center;
	padding-top: clamp(48px, 6vw, 76px);
	padding-bottom: clamp(28px, 4vw, 44px);
}
.rgd-hero:has(.rgd-breadcrumb)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(680px 320px at 50% 8%, rgba(201, 119, 11, .16), transparent 62%),
		radial-gradient(420px 220px at 50% 4%, rgba(16, 30, 32, .07), transparent 60%);
}
.rgd-hero:has(.rgd-breadcrumb) > * { position: relative; z-index: 1; }
/* comfortable measure + real centring for the lead and buttons */
.rgd-hero:has(.rgd-breadcrumb) .rgd-lead {
	margin-left: auto;
	margin-right: auto;
}
.rgd-hero:has(.rgd-breadcrumb) .rgd-breadcrumb,
.rgd-hero:has(.rgd-breadcrumb) .rgd-eyebrow { text-align: center; }
.rgd-hero:has(.rgd-breadcrumb) .wp-block-buttons { justify-content: center; margin-top: 8px; }

/* Fallback for browsers without :has() — still readable, just left-aligned */
@supports not selector(:has(*)) {
	.rgd-hero .rgd-lead { margin-right: auto; }
}

/* generic stat tiles (aviator game info, payment facts) */
.rgd-statbox { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
.rgd-stat-tile {
	padding: 16px 18px; border-radius: 12px; background: var(--wp--preset--gradient--card);
	border: var(--rgd-card-border);
}
.rgd-stat-tile .k { font-size: 12px; color: var(--wp--preset--color--ink-faint); font-weight: 600; }
.rgd-stat-tile .v { font-family: var(--wp--preset--font-family--heading); font-weight: 700; font-size: 22px; color: var(--wp--preset--color--amber-deep); }

/* bonus card = feature card + a price line + button (reuses .rgd-feature look) */
.rgd-bonus__amount { font-family: var(--wp--preset--font-family--heading); font-weight: 800; font-size: 30px; color: var(--wp--preset--color--amber-deep); line-height: 1; margin: 6px 0 8px; }

/* CTA banner */
.rgd-cta {
	position: relative; overflow: hidden; text-align: center;
	padding: clamp(28px, 4vw, 44px); border-radius: 22px;
	background: var(--wp--preset--gradient--card-panel); border: var(--rgd-card-border-strong);
}
.rgd-cta::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(600px 240px at 50% 0%, rgba(201, 119, 11, .16), transparent 65%); }
.rgd-cta > * { position: relative; z-index: 1; }

/* comparison / payment tables (dense, kept in html blocks) */
.rgd-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* Pages emit <figure class="wp-block-table rgd-table">, so the figure itself is the
   horizontal scroll container on mobile; the inner <table> keeps the min width. */
.rgd-table { display: block; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 14px; }
.rgd-table > table { width: 100%; border-collapse: collapse; min-width: 560px; }
.rgd-table th, .rgd-table td { padding: 12px 14px; text-align: left; border-bottom: var(--rgd-hairline); }
.rgd-table thead th { color: var(--wp--preset--color--ink-strong); font-weight: 800; }
.rgd-table tbody th { color: var(--wp--preset--color--ink-soft); font-weight: 600; }
.rgd-table td { color: var(--wp--preset--color--contrast); }
.rgd-table .yes { color: var(--wp--preset--color--bronze); font-weight: 700; }
.rgd-table .no { color: var(--wp--preset--color--ink-faint); }
.rgd-table .rgd-col-hi { background: rgba(16, 30, 32, .08); color: var(--wp--preset--color--amber-deep); font-weight: 700; }
.rgd-table .rgd-badge-rec { display:inline-block; margin-left:6px; padding:1px 7px; border-radius:6px; font-size:10px; font-weight:800; background:var(--wp--preset--gradient--amber); color:var(--wp--preset--color--chalk); }

/* warning-sign / checklist rows */
.rgd-warn { list-style: none; padding-left: 0; margin: 0; display: grid; gap: 10px; }
.rgd-warn li { position: relative; padding: 13px 14px 13px 42px; border-radius: 12px; background: var(--wp--preset--gradient--card); border: var(--rgd-card-border); font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--contrast); }
/* U+FE0E forces the text (not emoji) presentation of the warning sign so it picks
   up the ice accent instead of rendering as a colour emoji on Win/Android. */
.rgd-warn li::before { content: "\26A0\FE0E"; position: absolute; left: 14px; top: 13px; color: var(--wp--preset--color--amber-deep); }

/* =========================================================================
   HEADER
   ========================================================================= */
.rgd-header {
	position: sticky; top: 0; z-index: 50;
	backdrop-filter: blur(14px);
	background: rgba(242, 245, 245, .86);
	border-bottom: 1px solid rgba(16, 30, 32, .14);
}
.rgd-header__inner {
	min-height: 74px;
	max-width: var(--rgd-maxw);
	margin: 0 auto;
	padding: 0 24px;
	width: 100%;
	gap: 20px;
}
.rgd-instruments {
	max-width: var(--rgd-maxw);
	margin: 0 auto;
	padding: 6px 24px;
	width: 100%;
}
.rgd-header__actions { margin-left: auto; }
/* the nav lives in the middle and can shrink/scroll before the burger kicks in */
.rgd-nav { min-width: 0; }
/* Wordmark base layout */
.rgd-brand {
	display: flex;
	align-items: center;
	gap: 11px;
	text-decoration: none;
}
.rgd-brand__crest {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: block;
	border-radius: 9px;
	/* num emboss: warm rim light on the top edge, shadow under the bottom */
	box-shadow:
		inset 0 1px 0 rgba(129, 82, 21, .55),
		inset 0 -1px 0 rgba(24, 45, 48, .45),
		0 4px 14px rgba(16, 30, 32, .22);
}
.rgd-brand__lock {
	display: flex;
	align-items: baseline;
	gap: 7px;
	line-height: 1;
	min-width: 0;
}
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 1;
	letter-spacing: -.6px;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-brand__cluster {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 400;
	font-size: 19px;
	line-height: 1;
	letter-spacing: -.6px;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-brand:hover .rgd-brand__cluster { color: var(--wp--preset--color--amber-deep); }
.rgd-brand--footer .rgd-brand__word,
.rgd-brand--footer .rgd-brand__cluster { font-size: 17px; }
/* Below 400px the lockup would push the burger off-screen. */
@media (max-width: 400px) {
	.rgd-brand__crest { width: 32px; height: 32px; }
	.rgd-brand__word,
	.rgd-brand__cluster { font-size: 16px; }
}

/* ---- Instrument rail under the header (replaces the sibling's topbar) ---- */
.rgd-instruments {
	max-width: var(--rgd-maxw);
	margin: 0 auto;
	padding: 8px 24px 10px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 22px;
	border-top: 1px solid rgba(16, 30, 32, .05);
}
.rgd-instruments__rail {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0;
}
.rgd-instruments__cell {
	display: inline-flex;
	align-items: baseline;
	gap: 6px;
	padding: 3px 9px;
	border-radius: 4px;
	background: rgba(16, 30, 32, .07);
	border: 1px solid rgba(16, 30, 32, .16);
}
.rgd-instruments__cell dt {
	font-size: 11px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-faint);
}
.rgd-instruments__cell dd {
	margin: 0;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	font-weight: 600;
	color: #0F545E;
}
.rgd-instruments__legal { margin: 0; font-size: 12px; color: var(--wp--preset--color--ink-faint); }
.rgd-instruments__legal a { color: var(--wp--preset--color--amber-deep); }
.rgd-instruments__age {
	display: inline-block;
	padding: 1px 6px;
	margin-right: 4px;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 800;
	color: #FFFFFF;
	background: var(--rgd-danger-deep, #882511);
}

/* ---- Footer payment rail (mirrors the header rail, sits at the bottom) --- */
.rgd-payrail {
	max-width: var(--rgd-maxw);
	margin: 34px auto 0;
	padding-top: 24px;
	border-top: 1px solid rgba(201, 119, 11, .16);
}
.rgd-payrail__title {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .6px;
	color: var(--wp--preset--color--contrast);
}
.rgd-payrail__row { display: flex; flex-wrap: wrap; gap: 9px; }
.rgd-payrail__note { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: var(--wp--preset--color--ink-faint); }

/* Navigation */
.rgd-nav { flex-wrap: nowrap; }
.rgd-nav .wp-block-navigation-item__content { font-size: 14px; font-weight: 600; color: var(--wp--preset--color--contrast); padding: 8px 11px; border-radius: 8px; white-space: nowrap; }
.rgd-header__inner .wp-block-navigation__responsive-container:not(.is-menu-open) { background: transparent; }
.rgd-nav .current-menu-item .wp-block-navigation-item__content,
.rgd-nav .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--contrast); background: rgba(16, 30, 32, .08); }

/* Language pills */
.rgd-lang { display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(16, 30, 32, .2); border-radius: 9px; background: rgba(16, 30, 32, .02); }
.rgd-lang a { padding: 5px 10px; border-radius: 6px; font-size: 12.5px; font-weight: 700; color: var(--wp--preset--color--ink-faint); }
.rgd-lang a.is-active { background: rgba(16, 30, 32, .16); color: var(--wp--preset--color--amber-deep); }

.rgd-instruments { min-height: 34px; font-size: 12px; color: var(--wp--preset--color--ink-faint); }
.rgd-instruments__legal b { color: var(--wp--preset--color--amber-deep); }

/* =========================================================================
   FOOTER
   ========================================================================= */
.rgd-footer { border-top: 1px solid rgba(16, 30, 32, .12); background: var(--wp--preset--color--base-deep); }
.rgd-footer__col-title { font-size: 13px; font-weight: 800; letter-spacing: .6px; color: var(--wp--preset--color--contrast); margin-bottom: 14px; }
.rgd-footer a { font-size: 13px; color: var(--wp--preset--color--ink-soft); }
.rgd-footer a:hover { color: var(--wp--preset--color--amber-deep); }
.rgd-footer .rgd-footer__links { list-style: none; padding-left: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.rgd-footer .rgd-brand__name { color: var(--wp--preset--color--ink-strong); }
.rgd-footer__legal { font-size: 12px; color: var(--wp--preset--color--ink-faint); }
.rgd-chip {
	padding: 8px 14px; border-radius: 8px; background: rgba(16, 30, 32, .03);
	border: 1px solid rgba(16, 30, 32, .06); font-size: 12px; font-weight: 600; color: var(--wp--preset--color--ink-faint);
}

/* =========================================================================
   RESPONSIVE  — the piece the original inline markup was missing entirely
   ========================================================================= */

/* Tablet */
@media (max-width: 900px) {
	.rgd-compare { position: static; }
	.rgd-offer__amount { font-size: 40px; }
}

/* Mobile */
@media (max-width: 600px) {
	body { --rgd-side: 16px; }
	.rgd-section { padding-top: 36px; }

	/* tighten root padding on small screens */
	.rgd-header__inner { min-height: 60px; }
	.rgd-brand__mark { width: 18px; height: 18px; }
	.rgd-brand__name { font-size: 17px; }

	/* stat row wraps to 2-up */
	.rgd-stats { gap: 18px 28px; }

	.rgd-offer { padding: 26px 20px; }
	.rgd-offer__amount { font-size: 38px; }

	/* buttons go full width so they are tappable */
	.rgd-hero .wp-block-buttons .wp-block-button,
	.rgd-app .wp-block-buttons .wp-block-button { width: 100%; }
	.rgd-hero .wp-block-buttons .wp-block-button__link,
	.rgd-app .wp-block-buttons .wp-block-button__link { display: block; text-align: center; }

	.rgd-faq > summary { font-size: 15px; padding: 16px 18px; }
	.rgd-18 { flex-direction: row; align-items: flex-start; }
}

/* Mobile header: keep only logo, burger and the primary CTA; the language
   switch and secondary link move out of the cramped bar. Core Navigation
   shows its hamburger below 600px. */
@media (max-width: 600px) {
	.rgd-header__inner { gap: 10px; padding: 0 16px; }
	.rgd-instruments { padding: 6px 16px; }
	.rgd-lang { display: none; }
	.rgd-header__actions .rgd-btn-outline { display: none; }
	.rgd-header__actions { gap: 10px; }
	/* let the nav (burger) sit just before the CTA on the right */
	.rgd-nav { order: 3; margin-left: auto; }
	.rgd-header__actions { order: 4; margin-left: 0; }
	.rgd-instruments { font-size: 11px; gap: 4px 12px; }
}

/* Very small */
@media (max-width: 400px) {
	.rgd-brand__name { display: none; }
	.rgd-header__actions .wp-block-button__link { padding: 9px 14px !important; }
}

/* =========================================================================== */

/* Skip-to-content: off-screen until it receives keyboard focus. */
.rgd-skip-link {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -130%);
	z-index: 2000;
	padding: 12px 22px;
	background: #08363D;
	color: #FFFFFF;
	font-family: "Sarabun", system-ui, sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 8px 24px rgba(24, 45, 48, .45);
	transition: transform .18s ease-out;
}
.rgd-skip-link:focus {
	transform: translate(-50%, 0);
	outline: none;
}

/* Visible keyboard focus on every interactive element (WCAG 2.4.7).
   Only shows for keyboard users via :focus-visible, so mouse clicks stay clean. */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-close:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid #9B5903;
	outline-offset: 3px;
	border-radius: 6px;
}

/* Mobile: guarantee 44px tap targets and remove the 300ms tap delay (WCAG 2.5.5). */
@media (max-width: 600px) {
	.wp-block-button__link,
	.rgd-nav .wp-block-navigation-item__content,
	.rgd-header__actions a,
	.rgd-lang a {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		touch-action: manipulation;
	}
}

/* Honour prefers-reduced-motion globally, not just the floating hero art. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---- Supplement: native wp:table dark styling + mobile scroll, notes (added by builder) ---- */
.wp-block-table{margin:18px 0;}
.wp-block-table.rgd-table,.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wp-block-table table{width:100%;border-collapse:collapse;min-width:520px;font-size:14px;}
.wp-block-table th,.wp-block-table td{padding:12px 14px;text-align:left;border-bottom:var(--rgd-hairline,1px solid rgba(16, 30, 32,.08));}
.wp-block-table thead th{color:var(--wp--preset--color--ink-strong);font-weight:800;font-family:var(--wp--preset--font-family--mono);letter-spacing:.3px;}
.wp-block-table tbody td{color:var(--wp--preset--color--contrast);}
.wp-block-table tbody td:nth-child(n+2){font-family:var(--wp--preset--font-family--mono);color:var(--wp--preset--color--contrast);}
.rgd-note{font-size:13px;line-height:1.6;color:var(--wp--preset--color--ink-faint);border-left:2px solid rgba(155, 89, 3, .3);padding:2px 0 2px 14px;margin:14px 0;}
.rgd-rating-pill{white-space:nowrap;}
@media (max-width:600px){.wp-block-table table{min-width:480px;}}

/* Static single-language marker (AZ-only site). */
.rgd-langtag {
	display: inline-flex; align-items: center; padding: 6px 11px; border-radius: 7px;
	border: 1px solid rgba(155, 89, 3, .3); background: rgba(16, 30, 32, .07);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px; font-weight: 400; letter-spacing: 1px;
	color: var(--wp--preset--color--amber-deep);
}

/* ---- Multiplier scale strip (green cash-out zone -> red crash zone) ------- */
.rgd-mult {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 10px;
	list-style: none; padding-left: 0; margin: 0;
}
.rgd-mult li {
	padding: 14px 12px; border-radius: 10px; text-align: center;
	background: var(--wp--preset--gradient--card); border: 1px solid rgba(16, 30, 32,.06);
}
.rgd-mult .x {
	display: block; font-family: var(--wp--preset--font-family--mono);
	font-size: 22px; line-height: 1; color: var(--wp--preset--color--contrast);
}
.rgd-mult .t { display: block; margin-top: 7px; font-size: 12px; color: var(--wp--preset--color--ink-faint); }
.rgd-mult li.is-safe   { border-color: rgba(129, 82, 21, .34); }
.rgd-mult li.is-safe   .x { color: var(--wp--preset--color--bronze); }
.rgd-mult li.is-risky  { border-color: rgba(171, 50, 26, .3); }
.rgd-mult li.is-risky  .x { color: #AB321A; }

/* ---- RTP / provider fact card (mono figures) ----------------------------- */
.rgd-rtp {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px;
	background: rgba(16, 30, 32,.07); border: 1px solid rgba(16, 30, 32,.07);
	border-radius: 12px; overflow: hidden;
}
.rgd-rtp div { background: var(--wp--preset--color--surface); padding: 16px 18px; }
.rgd-rtp .k { font-size: 11.5px; letter-spacing: .8px; text-transform: uppercase; color: var(--wp--preset--color--ink-soft); }
.rgd-rtp .v {
	font-family: var(--wp--preset--font-family--mono); font-size: 21px; line-height: 1.25;
	color: var(--wp--preset--color--amber-deep); margin-top: 5px;
}

/* ---- Signal / predictor warning callout ---------------------------------- */
.rgd-alert {
	display: flex; gap: 16px; align-items: flex-start;
	padding: 20px 22px; border-radius: 12px;
	background: rgba(171, 50, 26, .07);
	border: 1px solid rgba(171, 50, 26, .28);
	border-left-width: 3px;
}
.rgd-alert__icon {
	flex: 0 0 auto; width: 38px; height: 38px; border-radius: 9px;
	display: flex; align-items: center; justify-content: center; font-size: 19px;
	background: rgba(171, 50, 26, .10); color: #AB321A;
}
.rgd-alert h3 {
	font-size: 16px; margin: 0 0 6px; color: #6D1B0B;
	letter-spacing: .4px;
}
.rgd-alert p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--wp--preset--color--contrast); }

/* ---- Demo vs real comparison strip --------------------------------------- */
.rgd-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rgd-vs > div {
	padding: 20px 20px 18px; border-radius: 12px;
	background: var(--wp--preset--gradient--card); border: 1px solid rgba(16, 30, 32,.07);
}
.rgd-vs > div.is-real { border-color: rgba(155, 89, 3, .3); }
.rgd-vs h3 { font-size: 15px; margin: 0 0 12px; letter-spacing: .6px; }
.rgd-vs ul { list-style: none; padding-left: 0; margin: 0; display: grid; gap: 9px; }
.rgd-vs li { position: relative; padding-left: 22px; font-size: 13.5px; line-height: 1.5; color: var(--wp--preset--color--contrast); }
.rgd-vs li::before { content: "\2013"; position: absolute; left: 4px; color: var(--wp--preset--color--ink-soft); }
.rgd-vs li.y::before { content: "\2713"; color: var(--wp--preset--color--bronze); }
.rgd-vs li.n::before { content: "\2715"; color: #AB321A; }
@media (max-width: 600px) { .rgd-vs { grid-template-columns: 1fr; } }

/* ---- Provider strip (Spribe & friends — text marks, no borrowed logos) ---- */
.rgd-provider {
	display: flex; align-items: center; justify-content: center; gap: 9px;
	height: 62px; border-radius: 10px;
	background: var(--wp--preset--color--surface); border: 1px solid rgba(16, 30, 32,.07);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 15px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}
.rgd-provider small {
	font-family: var(--wp--preset--font-family--mono); font-size: 11px;
	letter-spacing: 0; text-transform: none; color: var(--wp--preset--color--ink-soft);
}

/* Numeric emphasis: any mono run reads as instrument data. */
.rgd-num { font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--amber-deep); }

/* Eyebrows pick up the mono voice on this domain. */
.rgd-eyebrow {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400; letter-spacing: 2.6px; font-size: 12.5px;
	color: var(--wp--preset--color--amber-deep);
}

/* Skeleton placeholder for the heavier grids (no images shipped). */
@keyframes rgd-shimmer { 0% { background-position: -420px 0; } 100% { background-position: 420px 0; } }
.rgd-skeleton {
	border-radius: 12px; min-height: 120px;
	background: linear-gradient(90deg, #ECF0F0 0%, #FCFCFC 50%, #ECF0F0 100%);
	background-size: 840px 100%;
	animation: rgd-shimmer 1.6s linear infinite;
}
@media (prefers-reduced-motion: reduce) { .rgd-skeleton { animation: none; } }
/* Aspect-ratio variants so a skeleton can reserve the exact box of the block it
   stands in for (no layout shift when the real content lands). */
.rgd-skeleton--card { aspect-ratio: 3 / 4; min-height: 0; }
.rgd-skeleton--wide { aspect-ratio: 16 / 9; min-height: 0; }
.rgd-skeleton--row  { min-height: 64px; }


/* =========================================================================== */

/* A. Fragment navigation must clear the sticky header */
html {
	scroll-padding-top: 124px;
}
@media (max-width: 600px) {
	html { scroll-padding-top: 88px; }
}

/* B. Root gutter: 24px is too much on a 360px screen */
@media (max-width: 600px) {
	body {
		--wp--style--root--padding-right: 16px;
		--wp--style--root--padding-left: 16px;
	}
}

/* ---- C. Skip link ------------------------------------------------------- */
/* Core adds a second skip link (#wp-skip-link) pointing at the same #rgd-main.
   Two identical first tab stops is noise — keep the theme's styled one. */
#wp-skip-link {
	display: none !important;
}
/* The theme's own link killed its outline; give it a ring for the moment it
   slides in, and pull the ring inside so the rounded corners don't clip it. */
.rgd-skip-link:focus,
.rgd-skip-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--amber-deep);
	outline-offset: -3px;
}

/* D. Interior page header */
.entry-content {
	position: relative;
}
.entry-content > .rgd-breadcrumb:first-child::after {
	content: "";
	position: absolute;
	left: 50%;
	top: -56px;
	transform: translateX(-50%);
	width: min(1180px, 132vw);
	height: 430px;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(640px 300px at 26% 22%, rgba(201, 119, 11, .15), transparent 62%),
		radial-gradient(430px 220px at 6% 6%, rgba(16, 30, 32, .08), transparent 60%);
}
.entry-content > .rgd-breadcrumb:first-child {
	margin-bottom: 16px;
}
.entry-content > .rgd-breadcrumb + h1 {
	margin-top: 0;
}

/* On these pages the eyebrow sits *after* the H1, so it reads as a kicker.
   Give it the flight-trail tick so it looks authored rather than misplaced. */
h1 + .rgd-eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
	margin-bottom: 0;
}
h1 + .rgd-eyebrow::before {
	content: "";
	flex: 0 0 auto;
	width: 34px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--amber), rgba(155, 89, 3, 0));
}
h1 + .rgd-eyebrow + .rgd-lead {
	margin-top: 14px;
}

/* E. Vertical rhythm + prose measure */
.entry-content > h2,
.rgd-section > h2 {
	margin-top: clamp(44px, 5vw, 68px);
}
.entry-content > h3,
.rgd-section > h3 {
	margin-top: clamp(28px, 3vw, 38px);
}
.entry-content > .rgd-breadcrumb + h1,
.entry-content > h2:first-child,
.rgd-section > h2:first-child {
	margin-top: 0;
}
/* Flight-trail rule under every section head: identity marker + rhythm cue. */
.entry-content > h2::after,
.rgd-section > h2::after,
.rgd-cta > h2::after {
	content: "";
	display: block;
	width: 46px;
	height: 2px;
	margin-top: 14px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--wp--preset--color--amber) 0%, rgba(201, 119, 11, .55) 68%, rgba(201, 119, 11, 0) 100%);
}
.rgd-cta h2::after,
h2.has-text-align-center::after {
	margin-left: auto;
	margin-right: auto;
}

.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.rgd-section > p,
.rgd-section > ul,
.rgd-section > ol {
	max-width: 62ch;
}
.entry-content > p.has-text-align-center,
.rgd-section > p.has-text-align-center,
.rgd-cta p {
	/* Match the content column exactly (NOT `none`: core sets max-width in the same
	   low-specificity :where() rule, so `none` here made prose full-bleed while the
	   headings stayed at 720px — the same misalignment mirrored). */
	max-width: var(--wp--style--global--content-size, 740px);
}
/* The lead already had its own 660px cap; keep whichever is narrower. */
.rgd-lead {
	max-width: min(660px, 62ch);
}

/* ---- F. Legibility: no prose below 15px --------------------------------- */
.rgd-feature__text,
.rgd-step__text,
.rgd-alert p {
	font-size: 15px;
	line-height: 1.6;
}
.rgd-vs li,
.rgd-18__text {
	font-size: 14.5px;
}
.rgd-note {
	font-size: 14px;
}
.rgd-breadcrumb {
	font-size: 13px;
}
.rgd-footer a {
	font-size: 14px;
}
.rgd-instruments {
	font-size: 12px;
}

/* ---- G. Tap targets: 44px everywhere, not just under 600px --------------
   WCAG 2.5.5 / 2.5.8. Inline links inside a sentence are exempt and are left
   alone; every standalone control below was under 44px. */
a,
button,
summary,
.wp-block-button__link {
	touch-action: manipulation;
}
.rgd-brand {
	min-height: 44px;
}
.rgd-nav .wp-block-navigation-item__content {
	min-height: 44px;
	display: flex;
	align-items: center;
}
.rgd-header .wp-block-button__link,
.rgd-chips .wp-block-button__link {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
/* Hamburger + overlay close button were 24px icon buttons. */
.rgd-nav .wp-block-navigation__responsive-container-open,
.rgd-nav .wp-block-navigation__responsive-container-close {
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--contrast);
	border-radius: 9px;
}
/* Overlay menu: core forces `padding:0` on the links at (0,4,0) specificity, so
   the burger menu inherited 14px links with no vertical reach. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .rgd-nav .wp-block-navigation-item__content {
	font-size: 19px;
	font-weight: 600;
	padding: 11px 4px;
	min-height: 48px;
	width: 100%;
}
/* Breadcrumb link was an 18px-tall inline target: pad the hit area out to 44px
   and pull it back with negative margin so the line box does not move. */
.rgd-breadcrumb a {
	display: inline-block;
	/* Grow the hit area to 44px tall without moving the text: the extra padding is
	   cancelled by an equal negative margin, and the left edge is left untouched so
	   the crumb still lines up with the H1 below it. */
	padding: 12px 8px 12px 0;
	margin: -12px -8px -12px 0;
}
.rgd-footer .rgd-footer__links {
	gap: 2px;
}
.rgd-footer .rgd-footer__links a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
/* 404 template: search field + pagination controls. */
.wp-block-search__input,
.wp-block-search__button {
	min-height: 44px;
}
.wp-block-search__input {
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(16, 30, 32, .22);
	color: var(--wp--preset--color--contrast);
	border-radius: 8px;
	padding: 0 14px;
}
.wp-block-search__input::placeholder {
	/* muted #33474A is 7.3:1 on surface — a placeholder, never body copy. */
	color: var(--wp--preset--color--ink-soft);
	opacity: 1;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	min-height: 44px;
	min-width: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 8px;
}
.wp-block-query-pagination .page-numbers.current {
	background: rgba(16, 30, 32, .12);
	color: var(--wp--preset--color--amber-deep);
}

/* ---- H. Focus rings that are actually visible --------------------------- … */
.rgd-faq > summary:focus-visible {
	outline-offset: -4px;
}
.rgd-game .rgd-game__play:focus-visible,
.rgd-post:focus-visible {
	outline-offset: 2px;
}

/* ---- I. Complete the state matrix (hover / focus / active / disabled) ---- */
.wp-block-button__link:active,
.rgd-store:active,
.rgd-game__play:active,
.rgd-quicklink:active,
.rgd-sticky a:active {
	transform: translateY(1px);
}
.rgd-quicklink:focus-visible,
.rgd-quicklink:focus-within {
	border-color: rgba(155, 89, 3, .4);
}
.rgd-game:focus-within,
.rgd-post:focus-visible {
	border-color: rgba(155, 89, 3, .35);
}
.rgd-nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--contrast);
	background: rgba(16, 30, 32, .1);
}
.rgd-faq > summary:hover {
	background: rgba(16, 30, 32, .045);
}
.rgd-faq > summary:hover::after,
.rgd-faq > summary:focus-visible::after {
	background: rgba(16, 30, 32, .22);
	color: var(--wp--preset--color--amber-deep);
}
.rgd-faq[open] > summary {
	border-bottom: var(--rgd-hairline);
}
.rgd-footer a:focus-visible,
.rgd-breadcrumb a:hover,
.rgd-breadcrumb a:focus-visible {
	color: var(--wp--preset--color--amber-deep);
}
button:disabled,
.wp-block-button__link[aria-disabled="true"],
.wp-block-button__link[disabled] {
	opacity: .45;
	cursor: not-allowed;
	box-shadow: none;
	filter: grayscale(.35);
	pointer-events: none;
}

/* J. Emoji are not an icon system */
.rgd-quicklink__icon {
	font-size: 0;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	background: rgba(16, 30, 32, .09);
	border: 1px solid rgba(16, 30, 32, .24);
	transition: background .18s ease, border-color .18s ease;
}
.rgd-quicklink__icon::before,
.rgd-quicklink__icon::after {
	content: "";
	width: 4px;
	height: 15px;
	border-radius: 2px;
	background: var(--wp--preset--color--amber);
	box-shadow: 7px 0 0 0 var(--wp--preset--color--rule);
}
.rgd-quicklink__icon::after {
	height: 9px;
	box-shadow: none;
	opacity: .55;
	margin-left: 7px;
}
.rgd-quicklink:hover .rgd-quicklink__icon,
.rgd-quicklink:focus-visible .rgd-quicklink__icon {
	background: rgba(16, 30, 32, .16);
	border-color: rgba(155, 89, 3, .42);
}
/* The alert callout's ⚠ comes from page markup — force text presentation so it
   inherits the crash-red tint rather than becoming a colour emoji. */
.rgd-alert__icon {
	font-variant-emoji: text;
}
/* J2. Two inherited rules carried latent contrast failures */
.rgd-brand__num {
	color: var(--wp--preset--color--chalk);
}
.rgd-avatar {
	background: rgba(16, 30, 32, .14);
	border: 1px solid rgba(155, 89, 3, .28);
	color: var(--wp--preset--color--amber-deep);
}

/* Footer age chip: was "🔞 18+" (emoji as an icon). Now a typographic ice chip. */
.rgd-chip--age {
	color: var(--wp--preset--color--amber-deep);
	background: rgba(16, 30, 32, .07);
	border-color: rgba(155, 89, 3, .28);
	font-weight: 700;
	letter-spacing: .4px;
}

/* ---- K. Tables: nested scrollers + a scroll affordance ------------------ … */
.rgd-table-wrap {
	position: relative;
	overflow: visible;
}
.rgd-table:focus-visible {
	outline: 3px solid var(--wp--preset--color--amber-deep);
	outline-offset: 2px;
}
@media (max-width: 600px) {
	/* Below 600px every table (min-width 520–560px) definitely overflows, so the
	   fade is always truthful. */
	.rgd-table-wrap::after {
		content: "";
		position: absolute;
		top: 0;
		right: -1px;
		bottom: 0;
		width: 34px;
		pointer-events: none;
		background: linear-gradient(to left, var(--wp--preset--color--base), rgba(242, 245, 245, 0));
	}
}

/* L. Header: collapse the nav before it runs out of room */
@media (min-width: 600px) and (max-width: 899px) {
	.rgd-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
	.rgd-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
	.rgd-nav {
		order: 3;
		margin-left: auto;
	}
	.rgd-header__actions {
		order: 4;
		margin-left: 0;
	}
}

/* ---- M. Small-screen layout fixes -------------------------------------- */
@media (max-width: 600px) {
	/* "10.00x+" at 22px mono overflowed a 3-up 96px track: go 2-up instead. */
	.rgd-mult {
		grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
	}
	/* The static AZ marker is decorative and repeated in the footer — reclaim the
	   space in a nowrap header instead of risking an overflow. */
	.rgd-header__actions .rgd-langtag {
		display: none;
	}
	.rgd-18 {
		gap: 12px;
		padding: 16px 16px;
	}
	.rgd-18__text {
		font-size: 14px;
	}
	.rgd-alert {
		padding: 16px 16px;
		gap: 12px;
	}
	.rgd-offer__row,
	.rgd-compare__row {
		/* long AZ labels + value on one 328px line: let the pair wrap. */
		flex-wrap: wrap;
	}
	/* `.rgd-rtp` clips its children, so "Provably fair" at 21px mono was being cut
	   off in a 128px cell at 360px. Same guard for the stat tiles ("20:00–21:00"). */
	.rgd-rtp .v {
		font-size: 17px;
	}
	.rgd-stat-tile .v {
		font-size: 19px;
	}
	.rgd-rtp .v,
	.rgd-stat-tile .v,
	.rgd-mult .x {
		line-height: 1.3;
		overflow-wrap: anywhere;
	}
	.entry-content > .rgd-breadcrumb:first-child::after {
		height: 340px;
	}
}

/* ---- N. Reduced motion: finish the job --------------------------------- */
@media (prefers-reduced-motion: reduce) {
	/* The global block above zeroes durations; also stop the two decorative
	   translate effects from moving at all and drop the blur work. */
	.rgd-quicklink:hover,
	.rgd-game:hover,
	.rgd-post:hover,
	.wp-block-button__link:active,
	.rgd-store:active,
	.rgd-game__play:active,
	.rgd-quicklink:active,
	.rgd-sticky a:active {
		transform: none !important;
	}
	.rgd-header {
		backdrop-filter: none;
	}
	html {
		scroll-behavior: auto !important;
	}
}

/* ---- O. Forced-colors / high-contrast safety net ----------------------- */
@media (forced-colors: active) {
	.rgd-card, .rgd-card-raised, .rgd-quicklink, .rgd-game, .rgd-feature, .rgd-step,
	.rgd-faq, .rgd-flight, .rgd-offer, .rgd-cta, .rgd-alert, .rgd-18, .rgd-stat-tile {
		border: 1px solid CanvasText;
	}
	a:focus-visible, button:focus-visible, summary:focus-visible {
		outline: 3px solid Highlight;
	}
}

/* Item/game card grid */
.rgd-games {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}
@media (max-width: 480px) {
	.rgd-games {
		grid-template-columns: 1fr;
	}
}

/* Tables authored as <div class="rgd-table-wrap"><table class="rgd-table"> */
.rgd-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
table.rgd-table {
	display: table;
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	overflow: visible;
}


/* =========================================================================== */

/* Reel strip: the signature hero ornament */
.rgd-reels {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 16px;
	aspect-ratio: 4 / 3;
	border-radius: 22px;
	background:
		radial-gradient(520px 260px at 82% 4%, rgba(201, 119, 11, .26), transparent 62%),
		var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(16, 30, 32, .22);
	box-shadow: var(--wp--preset--shadow--card);
}
.rgd-reels__reel {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	border-radius: 14px;
	background: rgba(242, 245, 245, .55);
	border: 1px solid rgba(16, 30, 32, .12);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(20px, 4.2vw, 30px);
	line-height: 1;
	color: var(--wp--preset--color--amber-deep);
	letter-spacing: 1px;
}
.rgd-reels__reel span { opacity: .38; }
.rgd-reels__reel span.is-hit { opacity: 1; text-shadow: 0 0 22px rgba(155, 89, 3, .55); }
.rgd-reels__line {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 50%;
	height: 2px;
	transform: translateY(-1px);
	background: linear-gradient(90deg, rgba(155, 89, 3, 0), var(--wp--preset--color--amber) 22%, var(--wp--preset--color--amber) 78%, rgba(155, 89, 3, 0));
	opacity: .8;
}
.rgd-reels__tag {
	position: absolute;
	left: 16px;
	bottom: 14px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .6px;
	color: var(--wp--preset--color--ink-faint);
}

/* ---- Provider / genre filter rail ---------------------------------------
   A real horizontal scroller (not JS tabs): on 360px it swipes, on desktop it
   wraps. Each chip is a link to the section it filters, so it works with JS off. */
.rgd-filter {
	display: flex;
	gap: 9px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding: 4px 0 10px;
	margin: 0;
	list-style: none;
}
.rgd-filter li { flex: 0 0 auto; }
.rgd-filter a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border-radius: 999px;
	background: rgba(16, 30, 32, .05);
	border: 1px solid rgba(16, 30, 32, .18);
	font-size: 13.5px;
	font-weight: 700;
	color: var(--wp--preset--color--ink-faint);
	text-decoration: none;
	white-space: nowrap;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.rgd-filter a:hover,
.rgd-filter a:focus-visible {
	background: rgba(16, 30, 32, .14);
	border-color: rgba(155, 89, 3, .46);
	color: var(--wp--preset--color--amber-deep);
}
.rgd-filter a[aria-current="true"] {
	background: var(--wp--preset--gradient--amber);
	border-color: transparent;
	color: var(--wp--preset--color--chalk);
}
@media (min-width: 782px) { .rgd-filter { flex-wrap: wrap; overflow: visible; } }

/* ---- Game tiles: portrait, blue light RTP badge --------------------------- */
.rgd-game { border-radius: 18px; }
.rgd-game__rtp {
	position: absolute;
	right: 9px;
	bottom: 9px;
	z-index: 2;
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(242, 245, 245, .82);
	border: 1px solid rgba(155, 89, 3, .34);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	color: var(--wp--preset--color--amber-deep);
}
/* Card art with no raster image: a reel-band gradient keeps the 3:4 box filled
   and palette-locked instead of shipping an empty grey well. */
.rgd-game__media--css {
	background:
		linear-gradient(115deg, rgba(16, 30, 32, .16), transparent 58%),
		repeating-linear-gradient(90deg, rgba(16, 30, 32, .045) 0 2px, transparent 2px 26px),
		var(--wp--preset--gradient--card-panel);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 30px;
	/* This label ("SLOT" / "CANLI") NAMES the game family, so it is content, not … */
	color: var(--wp--preset--color--amber-deep);
	letter-spacing: 2px;
}

/* ---- RTP meter: the number AND a bar, so the figure is scannable --------- */
.rgd-rtpbar { display: grid; gap: 12px; margin: 18px 0; }
.rgd-rtpbar__row {
	display: grid;
	grid-template-columns: minmax(120px, 1.4fr) minmax(90px, 3fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .12);
}
.rgd-rtpbar__name { font-size: 14.5px; font-weight: 700; color: var(--wp--preset--color--contrast); }
.rgd-rtpbar__track {
	position: relative;
	height: 8px;
	border-radius: 999px;
	background: rgba(16, 30, 32, .07);
	overflow: hidden;
}
.rgd-rtpbar__fill {
	position: absolute;
	inset: 0 auto 0 0;
	border-radius: 999px;
	background: var(--wp--preset--gradient--amber);
}
.rgd-rtpbar__val {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 15px;
	color: var(--wp--preset--color--amber-deep);
	white-space: nowrap;
}
@media (max-width: 600px) {
	.rgd-rtpbar__row { grid-template-columns: 1fr auto; }
	.rgd-rtpbar__track { grid-column: 1 / -1; }
}

/* ---- Jackpot tiers ------------------------------------------------------
   Tier NAMES and how the pool grows — deliberately NOT a live ticker: this site
   has no feed, and a fake counter would be a fabricated figure. */
.rgd-jackpot {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.rgd-jackpot li {
	padding: 18px 16px;
	border-radius: 16px;
	text-align: center;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(201, 119, 11, .22);
}
.rgd-jackpot .t {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 15px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-jackpot .r {
	display: block;
	margin-top: 9px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 17px;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-jackpot .d { display: block; margin-top: 8px; font-size: 13px; line-height: 1.5; color: var(--wp--preset--color--ink-soft); }

/* ---- Demo callout ------------------------------------------------------- */
.rgd-demo {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
	padding: 22px 24px;
	border-radius: 18px;
	background:
		radial-gradient(460px 200px at 92% 0%, rgba(201, 119, 11, .2), transparent 64%),
		var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(16, 30, 32, .22);
}
.rgd-demo__badge {
	flex: 0 0 auto;
	min-width: 62px;
	padding: 10px 12px;
	border-radius: 14px;
	text-align: center;
	background: rgba(16, 30, 32, .12);
	border: 1px solid rgba(155, 89, 3, .3);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-demo p { margin: 0; flex: 1 1 260px; font-size: 15px; line-height: 1.6; color: var(--wp--preset--color--contrast); }

/* ---- Amber grid (keno hit table / plinko rows) ------------------------- */
.rgd-amber {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(84px, 1fr));
	gap: 8px;
	list-style: none;
	padding-left: 0;
	margin: 16px 0;
}
.rgd-amber li {
	padding: 12px 8px;
	border-radius: 12px;
	text-align: center;
	background: var(--wp--preset--color--surface);
	border: 1px solid rgba(16, 30, 32, .06);
}
.rgd-amber .h {
	display: block;
	font-size: 11.5px;
	letter-spacing: .7px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-amber .x {
	display: block;
	margin-top: 6px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 17px;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
	overflow-wrap: anywhere;
}
.rgd-amber li.is-top { border-color: rgba(155, 89, 3, .42); }
.rgd-amber li.is-top .x { color: var(--wp--preset--color--amber-deep); }

/* ---- Provider mark: text-only, never a borrowed logo file --------------- */
.rgd-provider { border-radius: 14px; height: 66px; letter-spacing: 1.6px; }

/* ---- Section heads: swap the sibling's trail rule for a reel tick ------- */
.entry-content > h2::after,
.rgd-section > h2::after,
.rgd-cta > h2::after {
	width: 54px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--wp--preset--color--amber) 0%, rgba(201, 119, 11, .7) 62%, rgba(201, 119, 11, 0) 100%);
}
h1 + .rgd-eyebrow::before {
	background: linear-gradient(90deg, var(--wp--preset--color--amber), rgba(155, 89, 3, 0));
}

/* ---- Ambient wash (superseded by the identity layer at the tail) ---- */
.wp-site-blocks::before {
	background:
		radial-gradient(1100px 560px at 84% -10%, rgba(201, 119, 11, .22), transparent 62%),
		radial-gradient(860px 480px at 8% 2%, rgba(16, 30, 32, .07), transparent 58%);
}

/* ---- Skeletons re-based on the teal surfaces ------------------------ */
.rgd-skeleton {
	background: linear-gradient(90deg, #ECF0F0 0%, #FCFCFC 50%, #ECF0F0 100%);
	background-size: 840px 100%;
}

/* ---- Pill buttons need slightly tighter header padding ----------------- */
.rgd-header .wp-block-button__link { padding: 11px 20px; font-size: 14px; }
.rgd-game__play { border-radius: 999px; }
.rgd-chips .wp-block-button__link { border-radius: 999px; }

/* Trust rail sits BELOW the brand row on this domain (sibling-distinct) */
.rgd-header .rgd-instruments {
	border-top: 0;
	border-bottom: 1px solid rgba(16, 30, 32, .12);
	padding: 7px 24px;
	justify-content: flex-start;
}
@media (max-width: 600px) {
	.rgd-header .rgd-instruments { padding: 6px 16px; }
}

/* ---- Per-page last-updated line (inc/chrome.php appends it to the content) --- */
.rgd-updated {
	margin-top: clamp(34px, 4vw, 52px);
	padding-top: 16px;
	border-top: 1px solid rgba(16, 30, 32, .14);
	font-size: 13px;
	line-height: 1.6;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-updated .rgd-num { color: var(--wp--preset--color--amber-deep); }

/* UX pass: box-sizing for the raw (wp:html) components */
[class*="rgd-"],
[class*="rgd-"]::before,
[class*="rgd-"]::after {
	box-sizing: border-box;
}

/* UX pass: the interior-page glow must not widen the document */
.entry-content > .rgd-breadcrumb:first-child::after {
	left: 0;
	transform: none;
	width: 100%;
	height: 460px;
	top: -64px;
	background:
		radial-gradient(700px 330px at 24% 20%, rgba(201, 119, 11, .17), transparent 64%),
		radial-gradient(470px 240px at 4% 4%, rgba(16, 30, 32, .08), transparent 62%);
}
@media (max-width: 600px) {
	.entry-content > .rgd-breadcrumb:first-child::after {
		height: 360px;
	}
}

/* UX pass: one left edge for the whole text column */
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.rgd-section > p,
.rgd-section > ul,
.rgd-section > ol {
	/* Match the content column exactly (NOT `none`: core sets max-width in the same
	   low-specificity :where() rule, so `none` here made prose full-bleed while the
	   headings stayed at 720px — the same misalignment mirrored). */
	max-width: var(--wp--style--global--content-size, 740px);
}

/* UX pass: game-tile density */
.rgd-game__media {
	aspect-ratio: 4 / 5;
}
.rgd-games {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
@media (max-width: 480px) {
	.rgd-games {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.rgd-game__body { padding: 11px 11px 12px; }
	.rgd-game__media--css { font-size: 24px; }
	.rgd-game__rtp { right: 7px; bottom: 7px; padding: 3px 7px; font-size: 11px; }
	/* At ~150px the pill label would wrap; keep it one line and full width. */
	.rgd-game__play { width: 100%; padding: 10px 8px; font-size: 12px; }
}

/* UX pass: game cards keep their CTA on one baseline */
.rgd-game {
	display: flex;
	flex-direction: column;
}
.rgd-game__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.rgd-game__meta {
	margin-bottom: 2px;
}
.rgd-game__play {
	margin-top: auto;
}


/* =========================================================================== */
/* =========================================================================== */

/* Long-word safety net */
h1, h2, h3, .rgd-brand__word, .rgd-brand__cluster {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
}
h1 { -webkit-hyphens: auto; }

/* ---- Focus ring: rose-blue, visible on every surface -------------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--amber-deep);
	outline-offset: 2px;
	border-radius: 4px;
}

/* Dot-accent mark (header/footer wordmark) */
.rgd-brand__mark {
	flex: 0 0 auto;
	position: relative;
	width: 20px;
	height: 20px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 1px solid rgba(155, 89, 3, .38);
	background: transparent;
	transition: border-color .16s ease, box-shadow .16s ease;
}
.rgd-brand__mark::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--wp--preset--color--amber);
}
.rgd-brand:hover .rgd-brand__mark {
	border-color: var(--wp--preset--color--amber-deep);
	box-shadow: 0 0 0 3px rgba(16, 30, 32, .1);
}
/* the old inline SVG monogram is no longer shipped; belt-and-braces if cached */
.rgd-brand__mark svg { display: none; }

/* ---- Game-category grid (the hub's primary navigation) --------------------
   Four equal cards on desktop, two on tablet, one on phone. Each card is a whole
   link (44px+ tap target by construction) with a mono count in num. */
.rgd-catgrid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
	list-style: none;
	margin: 24px 0 0;
	padding-left: 0;
}
.rgd-cat {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 20px 18px 18px;
	border-radius: 16px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .14);
	transition: border-color .16s ease, transform .16s ease, background .16s ease;
}
.rgd-cat:hover { border-color: rgba(155, 89, 3, .42); transform: translateY(-2px); }
.rgd-cat__ico {
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	background: rgba(201, 119, 11, .14);
	border: 1px solid rgba(201, 119, 11, .3);
	font-size: 19px;
	line-height: 1;
}
.rgd-cat__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.4px;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-cat__title a { color: inherit; text-decoration: none; }
/* Stretch the title link over the whole card so the entire tile is clickable. */
.rgd-cat__title a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.rgd-cat__sub { font-size: 13.5px; line-height: 1.55; color: var(--wp--preset--color--ink-soft); margin: 0; }
.rgd-cat__count {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	color: var(--wp--preset--color--amber-deep);
}
@media (prefers-reduced-motion: reduce) {
	.rgd-cat:hover { transform: none; }
}

/* ---- Live-dealer table list ----------------------------------------------
   A list, not a grid: live tables are read by limit and language, both of which
   are figures, so they belong in a mono column that lines up vertically. */
.rgd-tables { display: grid; gap: 10px; list-style: none; padding-left: 0; margin: 22px 0 0; }
.rgd-tbl {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px 16px;
	padding: 14px 16px;
	border-radius: 13px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .06);
}
.rgd-tbl__name { font-weight: 600; font-size: 15px; color: var(--wp--preset--color--contrast); }
.rgd-tbl__prov { font-size: 13px; color: var(--wp--preset--color--ink-soft); }
.rgd-tbl__lim {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13.5px;
	color: var(--wp--preset--color--petrol);
	white-space: nowrap;
}
@media (max-width: 600px) {
	.rgd-tbl { grid-template-columns: 1fr auto; }
	.rgd-tbl__prov { grid-column: 1; }
	.rgd-tbl__lim { grid-column: 2; grid-row: 1 / span 2; }
}

/* ---- Crash-multiplier ladder (aviator) -----------------------------------
   Illustrates how a crash round ends, with the round-outcome bands the page
   explains in prose. Decorative bars only — no live data, no promised result. */
.rgd-ladder { display: grid; gap: 8px; list-style: none; padding-left: 0; margin: 22px 0 0; }
.rgd-ladder li {
	display: grid;
	grid-template-columns: 62px 1fr auto;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: var(--wp--preset--color--contrast);
}
.rgd-ladder .x {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 14.5px;
	color: var(--wp--preset--color--petrol);
}
.rgd-ladder .bar {
	height: 9px;
	border-radius: 999px;
	background: rgba(16, 30, 32, .07);
	overflow: hidden;
}
.rgd-ladder .bar i {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: var(--wp--preset--gradient--petrol);
}
.rgd-ladder .n { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--ink-soft); }

/* ---- Provider marks: wordmark chips, never a real brand logo file --------- */
.rgd-provider {
	display: grid;
	place-items: center;
	padding: 0 14px;
	border-radius: 12px;
	background: rgba(16, 30, 32, .035);
	border: 1px solid rgba(16, 30, 32, .16);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0;
	text-align: center;
	color: var(--wp--preset--color--ink-faint);
}

/* ---- Inline TOC on the long guide pages ---------------------------------- */
.rgd-toc {
	margin: 26px 0 0;
	padding: 18px 20px;
	border-radius: 14px;
	background: rgba(16, 30, 32, .03);
	border-left: 3px solid var(--wp--preset--color--amber-deep);
}
.rgd-toc p { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--wp--preset--color--ink-soft); }
.rgd-toc ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; }
.rgd-toc li { font-size: 14.5px; }

/* ---- UX pass: chip rail, category grid, wide catalogue --------------------
   Found by shooting the built pages at 360/768/1024/1440. See polish_game.py. */

/* `.rgd-provider` is display:grid, so an unstyled `.rgd-chips` container stacked the
   studio marks one per row. This is a chip RAIL. */
.rgd-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
}
.rgd-chips .rgd-provider {
	height: 44px;
	min-width: 138px;
	flex: 0 1 auto;
}
@media (max-width: 420px) {
	.rgd-chips .rgd-provider { min-width: 0; flex: 1 1 calc(50% - 5px); }
}

/* Four category cards in a 740px column: 260px lands on 2x2, not 3 + orphan. */
.rgd-catgrid {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

/* The catalogue grids get the wide column (see the alignwide wrappers in the page
   markup); inside it, ask for a denser tile so a row reads as a shelf. */
/* 272px resolves to FOUR tiles in the 1260px wide column, three at 1024 and two at */
.alignwide > .rgd-games,
.alignwide .rgd-games {
	grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
}

/* Azerbaijani headlines are long, so the last word of a hero regularly falls to a
   line of its own ("...Kazino / AZ"). Let the browser even the lines out instead of
   leaving a one-word widow under a 56px headline. */
h1, h2 { text-wrap: balance; }
.rgd-lead { text-wrap: pretty; }


/* =========================================================================== */

/* Squared geometry: knock ~40% off every inherited card radius. */
.rgd-cat,
.rgd-cat__title a::after,
.rgd-card,
.rgd-game,
.rgd-panel,
.rgd-note,
.rgd-steps li,
.rgd-faq,
.rgd-offer { border-radius: 10px; }
.rgd-cat__ico,
.rgd-game__thumb,
.rgd-provider,
.rgd-chip { border-radius: 7px; }

/* Wordmark: "game" is the weight-carrying half on this domain (royale-gold.com),
   so the emphasis order is flipped versus the sibling's "Royale"-first lockup. */
.rgd-brand__lock { gap: 4px; }
.rgd-brand__word {
	font-weight: 800;
	letter-spacing: -.2px;
	text-transform: lowercase;
}
.rgd-brand__cluster {
	font-weight: 500;
	letter-spacing: .6px;
	text-transform: lowercase;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-brand:hover .rgd-brand__cluster { color: var(--wp--preset--color--ink-faint); }

/* Mono figures: Space Mono runs small at a given px, so nudge the tracking in
   and the brightness up — every number on this site is a claim being cited. */
.rgd-num,
.rgd-num * {
	font-family: var(--wp--preset--font-family--mono);
	letter-spacing: -.2px;
	font-variant-numeric: tabular-nums;
	color: var(--wp--preset--color--petrol);
}

/* Ambient field: two cold rose-blue washes instead of the inherited warm pair.
   Muted to .07/.05 because on a #F2F5F5 canvas anything stronger greys the ink
   out and costs body copy its 4.5:1. */
.wp-site-blocks::before {
	background:
		radial-gradient(1100px 560px at 82% -10%, rgba(16, 30, 32, .07), transparent 62%),
		radial-gradient(820px 460px at 8% 2%, rgba(201, 119, 11, .05), transparent 58%);
}

/* Hairline rims read better than glows in a monochrome palette. */
.rgd-badge { border-radius: 6px; }
:root {
	--rgd-card-border: 1px solid rgba(16, 30, 32, .1);
	--rgd-card-border-strong: 1px solid rgba(16, 30, 32, .2);
}

/* Provider chip rows */
.rgd-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.rgd-chips .rgd-provider {
	display: inline-flex;
	width: auto;
	height: auto;
	min-height: 44px;
	padding: 10px 16px;
	flex: 0 0 auto;
}

/* Step lists */
.rgd-steps {
	list-style: none;
	padding-left: 0;
	margin: 24px 0 0;
	display: grid;
	gap: 14px;
	counter-reset: none;
}
.rgd-steps > li::marker { content: none; }
@media (min-width: 780px) {
	.rgd-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rgd-step__num { display: block; }
.rgd-step__title { margin-top: 0; }

/* Crash-mechanics panel */
.rgd-flight {
	position: relative;
	padding: 24px 22px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: var(--rgd-card-border);
	overflow: hidden;
}

/* RTP badge: work in BOTH slots it gets authored into */
.rgd-game__meta .rgd-game__rtp,
.rgd-game__body .rgd-game__rtp {
	position: static;
	right: auto;
	bottom: auto;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
}
/* The meta row is space-between with provider + tag + badge; let it wrap on the
   narrow tracks rather than squeeze the RTP figure out of legibility. */
.rgd-game__meta {
	flex-wrap: wrap;
	gap: 6px 8px;
}

/* Card labels outside the art: same escape, same fix */
.rgd-game__meta .rgd-tag,
.rgd-game__body .rgd-tag,
.rgd-tbl .rgd-tag,
.rgd-compare .rgd-tag,
p .rgd-tag,
li .rgd-tag {
	position: static;
	top: auto;
	left: auto;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	background: rgba(16, 30, 32, .09);
	border: 1px solid rgba(16, 30, 32, .16);
	color: var(--wp--preset--color--ink-faint);
	letter-spacing: .3px;
	font-weight: 700;
}
/* the semantic variants keep their own ink wherever they sit */
.rgd-game__meta .rgd-tag--hot,
.rgd-game__body .rgd-tag--hot,
p .rgd-tag--hot,
li .rgd-tag--hot {
	background: var(--rgd-danger-deep);
	border-color: var(--rgd-danger-deep);
	color: #FFFFFF;
}
.rgd-game__meta .rgd-tag--jackpot,
.rgd-game__body .rgd-tag--jackpot,
p .rgd-tag--jackpot,
li .rgd-tag--jackpot {
	background: var(--wp--preset--gradient--amber);
	border-color: transparent;
	color: var(--wp--preset--color--chalk);
}

/* Card monogram tile */
.rgd-game__mono,
.rgd-game__media--css > span:not([class]) {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	font-size: clamp(30px, 8vw, 44px);
	letter-spacing: 1px;
	line-height: 1;
	color: rgba(155, 89, 3, .3);
	user-select: none;
}
/* A monogram needs far less room than a poster: the inherited 3/4 portrait well left
   a ~370px empty column above a 3-line card body. Squarer reads as a shelf label. */
.rgd-game .rgd-game__media--css {
	aspect-ratio: 5 / 4;
}
@media (max-width: 480px) {
	.rgd-game .rgd-game__media--css { aspect-ratio: 4 / 3; }
}

/* Highlight column on a NATIVE core/table */
.rgd-table--hi3 thead th:nth-child(3),
.rgd-table--hi3 tbody td:nth-child(3) {
	background: rgba(16, 30, 32, .08);
	color: var(--wp--preset--color--amber-deep);
	font-weight: 700;
}

/* =========================================================================== */

/* Wordmark: crown over the letter */
.rgd-brand__lock {
	gap: 2px;
	align-items: flex-start;
	flex-direction: column;
}
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.05;
	letter-spacing: -0.4px;
	text-transform: none;
	color: var(--wp--preset--color--ink-strong);
	transition: color .18s ease;
}
.rgd-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 10.5px;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-brand:hover .rgd-brand__word { color: var(--wp--preset--color--amber-deep); }
.rgd-brand:hover .rgd-brand__cluster { color: var(--wp--preset--color--amber-deep); }
.rgd-brand--footer .rgd-brand__word { font-size: 19px; }
@media (max-width: 520px) {
	.rgd-brand__word { font-size: 17.5px; }
	.rgd-brand__cluster { font-size: 9.5px; letter-spacing: 1.8px; }
}

/* The crown mark: no ring, no dot */
.rgd-brand__mark {
	width: 30px;
	height: 30px;
	border: 0;
	background: transparent;
	box-shadow: none;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
}
.rgd-brand__mark::after { content: none; }
.rgd-brand__mark svg { display: block; }
.rgd-brand:hover .rgd-brand__mark { border-color: transparent; box-shadow: none; }
.rgd-shield { transition: transform .18s ease; }
.rgd-brand:hover .rgd-shield { transform: translateY(-1.5px); }
@media (max-width: 780px) {
	.rgd-brand__mark { width: 26px; height: 26px; }
	.rgd-shield { width: 26px; height: 26px; }
}
.rgd-brand { align-items: center; gap: 10px; }

/* Sharp geometry */
.rgd-card,
.rgd-card-raised,
.rgd-panel,
.rgd-cat,
.rgd-game,
.rgd-offer,
.rgd-flight,
.rgd-demo,
.rgd-statbox,
.rgd-stat-tile,
.rgd-quicklink,
.rgd-feature,
.rgd-step,
.rgd-alert,
.rgd-note,
.rgd-warn,
.rgd-jackpot,
.rgd-promo,
.rgd-table-wrap,
.rgd-toc { border-radius: 18px; }
.rgd-cat__ico,
.rgd-quicklink__icon,
.rgd-feature__icon,
.rgd-game__thumb { border-radius: 10px; }
.rgd-chip,
.rgd-provider,
.rgd-tag,
.rgd-badge,
.rgd-rating-pill,
.rgd-game__rtp,
.rgd-demo__badge,
.rgd-langtag,
.rgd-filter button,
.rgd-eyebrow { border-radius: 999px; }
.rgd-game__media,
.rgd-game__media--css { border-radius: 18px 18px 0 0; }
.wp-block-button__link,
.wp-element-button { border-radius: 9px; }

/* ---- Focus ring ------------------------------------------------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--amber-deep);
	outline-offset: 2px;
	border-radius: 6px;
}

/* Ambient field */
.wp-site-blocks::before {
	background:
		radial-gradient(900px 620px at 6% 104%, rgba(201, 119, 11, .16), transparent 62%),
		radial-gradient(1100px 300px at 60% -6%, rgba(16, 30, 32, .07), transparent 60%);
}

/* Sora headline guards */
h1, h2 {
	text-wrap: balance;
	-webkit-hyphens: auto;
	hyphens: auto;
}
h1 { word-break: break-word; }

/* ---- In-prose links: silver rule that thickens ------------------------------ */
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat) {
	text-decoration-color: rgba(155, 89, 3, .5);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color .16s ease, text-decoration-thickness .16s ease;
}
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat):hover {
	text-decoration-color: var(--wp--preset--color--amber-deep);
	text-decoration-thickness: 2px;
}

/* ---- Route/quick-nav tiles --------------------------------------------------
   Square-ish glyph plates in a steel tint rather than the sibling's warm accent
   circles, and four across at wide width. */
.rgd-cat__ico,
.rgd-feature__icon,
.rgd-quicklink__icon {
	width: 44px;
	height: 44px;
	font-size: 22px;
	background: rgba(201, 119, 11, .16);
	border-color: rgba(201, 119, 11, .34);
	color: var(--wp--preset--color--amber-deep);
}
.rgd-catgrid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 258px), 1fr)); gap: 14px; }
.rgd-cat { padding: 20px 18px 18px; }
.rgd-cat__title { font-size: 17.5px; }
.rgd-stats { gap: 14px; }
.rgd-stat__num { font-size: clamp(27px, 3.2vw, 38px); }
@media (max-width: 520px) {
	.rgd-eyebrow { font-size: 11px; letter-spacing: 1.4px; line-height: 1.5; }
}

/* Promo-code field (new on this domain) */
.rgd-promo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 16px 18px;
	background: var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(16, 30, 32, .24);
}
.rgd-promo__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-soft);
	flex: 1 1 100%;
	margin: 0;
}
.rgd-promo__code {
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(19px, 2.4vw, 25px);
	font-weight: 700;
	letter-spacing: 2px;
	color: var(--wp--preset--color--ink-strong);
	padding: 10px 16px;
	border: 1px dashed rgba(155, 89, 3, .45);
	border-radius: 8px;
	background: rgba(242, 245, 245, .5);
	user-select: all;
}
.rgd-promo__copy {
	font: inherit;
	font-weight: 700;
	font-size: 14px;
	min-height: 44px;
	padding: 11px 20px;
	border: 1px solid transparent;
	border-radius: 9px;
	cursor: pointer;
	color: var(--wp--preset--color--chalk);
	background: var(--wp--preset--gradient--amber);
	touch-action: manipulation;
	transition: filter .16s ease, transform .12s ease;
}
.rgd-promo__copy:hover { filter: brightness(1.06); }
.rgd-promo__copy:active { transform: translateY(1px); }
.rgd-promo__done {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	color: var(--wp--preset--color--bronze);
	margin: 0;
	flex: 1 1 100%;
}
.rgd-promo__done[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
	.rgd-promo__copy { transition: none; }
	.rgd-promo__copy:active { transform: none; }
	.rgd-shield, .rgd-brand__word { transition: none; }
	.rgd-brand:hover .rgd-shield { transform: none; }
}

/* Completing the half-inherited card families */
.rgd-catgrid,
.rgd-features,
.rgd-steps {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 258px), 1fr));
	margin: 4px 0 0;
}
.rgd-steps { grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); }

.rgd-cat {
	display: block;
	background: var(--wp--preset--gradient--card);
	border: var(--rgd-card-border);
	text-decoration: none;
	transition: transform .18s ease, border-color .18s ease;
}
.rgd-cat:hover { transform: translateY(-3px); border-color: rgba(155, 89, 3, .34); }
.rgd-cat__title {
	display: block;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	margin: 12px 0 6px;
	line-height: 1.3;
}
.rgd-cat__sub,
.rgd-cat__text {
	display: block;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--wp--preset--color--ink-soft);
	margin: 0;
}
.rgd-cat__count {
	display: inline-block;
	margin-top: 10px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
}
/* A whole card that is a link must not also underline its own label. */
a.rgd-cat,
a.rgd-cat:hover { text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
	.rgd-cat { transition: none; }
	.rgd-cat:hover { transform: none; }
}

/* Trust-bar segments */
.rgd-instruments__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 3px 8px;
}
.rgd-seg { display: inline-flex; align-items: center; gap: 5px; }
/* The separator is a TRAILING pseudo-element, not a leading one: as a ::before it */
.rgd-seg:not(:last-child)::after {
	content: "·";
	margin-left: 8px;
	color: rgba(155, 89, 3, .42);
}
.rgd-seg--narrow { display: none; }
@media (max-width: 560px) {
	.rgd-seg--wide { display: none; }
	.rgd-seg--narrow { display: inline-flex; }
	.rgd-seg--clock { display: none; }
	.rgd-instruments__legal { gap: 2px 7px; line-height: 1.45; }
	.rgd-seg:not(:last-child)::after { margin-left: 7px; }
	/* The clock is display:none here, so the RG link becomes the last VISIBLE
	   segment while :last-child still matches the hidden clock — which left a
	   trailing middot dangling after the final item. Silence it explicitly. */
	.rgd-seg:nth-last-child(2)::after { content: none; }
}

/* Core's own outline button style has to work too */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background) {
	background: rgba(16, 30, 32, .02) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid rgba(155, 89, 3, .3) !important;
	box-shadow: none;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--amber-deep) !important;
	color: var(--wp--preset--color--amber-deep) !important;
	filter: none;
}


/* =========================================================================== */

/* Variable-width guard */
:root {
	font-stretch: 88%;
}

/* Alexandria display guards */
h1, h2, h3, .rgd-brand__word, .rgd-eyebrow--serif {
	font-variation-settings: "SOFT" 20, "WONK" 0, "opsz" 96;
	font-optical-sizing: none;
}
h1, h2, h3 {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
	text-wrap: balance;
}
h1 {
	-webkit-hyphens: auto;
	font-weight: 700;
}
/* Body copy keeps automatic optical sizing: at 17.5px Alexandria is never used,
   but a serif <strong> inside prose inherits the setting otherwise. */
p, li, dd, figcaption {
	font-variation-settings: normal;
}

/* Ambient field */
.wp-site-blocks::before {
	background:
		radial-gradient(680px 520px at 14% -10%, rgba(155, 89, 3, .16), transparent 64%),
		radial-gradient(900px 420px at 92% 106%, rgba(201, 119, 11, .16), transparent 62%);
}
::selection {
	background: rgba(155, 89, 3, .32);
	color: #101E20;
}

/* Engraved plate geometry */
.rgd-card, .rgd-panel, .rgd-cat, .rgd-step, .rgd-faq, .rgd-toc, .rgd-note, .rgd-warn,
.rgd-table-wrap, .rgd-statbox, .rgd-shot, .rgd-kyc__row, .rgd-rail__plate {
	border-radius: 8px;
}
.rgd-toc { border-radius: 8px; }
.rgd-game__thumb, .rgd-game__media--css { border-radius: 6px 6px 0 0; }
.wp-element-button, .rgd-game__play, .rgd-quicklink { border-radius: 4px; }
.rgd-badge, .rgd-eyebrow, .rgd-seg--clock { border-radius: 999px; }

/* Wordmark: a monolithic serif lockup */
.rgd-brand { align-items: center; gap: 11px; }
.rgd-brand__lock {
	gap: 3px;
	align-items: flex-start;
	flex-direction: column;
}
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 21px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	color: var(--wp--preset--color--ink-strong);
	transition: color .18s ease;
}
.rgd-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 9.5px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--wp--preset--color--rule);
	transition: color .18s ease;
}
.rgd-brand__mark {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	box-shadow: none;
}
.rgd-brand__mark::after { content: none; }
.rgd-brand__mark svg { display: block; }
.rgd-shield rect[stroke], .rgd-shield path { transition: stroke .18s ease; }
.rgd-brand:hover .rgd-brand__word { color: var(--wp--preset--color--amber-deep); }
.rgd-brand:hover .rgd-brand__cluster { color: var(--wp--preset--color--amber-deep); }
.rgd-brand:hover .rgd-shield { transform: none; }
.rgd-brand--footer .rgd-brand__word { font-size: 19px; }

/* Buttons: a struck blue plate */
.wp-element-button, .wp-block-button__link {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -1px 0 rgba(24, 45, 48, .26);
	text-transform: none;
	letter-spacing: .1px;
}
.wp-element-button:hover, .wp-block-button__link:hover { filter: brightness(1.05); }
.wp-element-button:active, .wp-block-button__link:active { transform: translateY(1px); }

/* ---- In-prose links: blue light rule that thickens ---------------------------- */
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat):not(.rgd-seg) {
	color: var(--wp--preset--color--amber-deep);
	text-decoration-color: rgba(155, 89, 3, .5);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat):not(.rgd-seg):hover {
	color: #6D8D90;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

/* Wizard-step ledger */
.rgd-steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: 26px 0 8px;
	padding: 0;
	list-style: none;
	border-left: 1px solid rgba(155, 89, 3, .28);
}
.rgd-steps > li, .rgd-step {
	position: relative;
	margin: 0;
	padding: 4px 0 26px 54px;
	border: 0;
	background: none;
	border-radius: 0;
}
.rgd-steps > li:last-child, .rgd-step:last-child { padding-bottom: 4px; }
/* The numeral comes from the MARKUP (.rgd-step__num), not a CSS counter: the plate
   is content a screen reader should hear as part of the step, and a counter would
   also double up with the span the page authors already write. */
.rgd-step__num {
	position: absolute;
	left: -18px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 4px;
	background: var(--wp--preset--gradient--amber);
	color: var(--wp--preset--color--chalk);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.5px;
	box-shadow: 0 6px 18px rgba(24, 45, 48, .5);
}
.rgd-step__title {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 19px;
	line-height: 1.25;
	color: var(--wp--preset--color--ink-strong);
	margin: 4px 0 6px;
}
.rgd-step__text, .rgd-steps > li > p {
	margin: 0 0 8px;
	color: var(--wp--preset--color--contrast);
	font-size: 16.5px;
	line-height: 1.62;
}
.rgd-step__hint {
	display: block;
	font-size: 14px;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-step__hint .rgd-num { color: var(--wp--preset--color--petrol); }

/* CSS mock-UI frame ("skrinşot" without a screenshot) */
.rgd-shot {
	margin: 22px 0;
	border: 1px solid rgba(16, 30, 32, .14);
	background: linear-gradient(168deg, #FFFFFF 0%, #F3F6F6 100%);
	overflow: hidden;
	box-shadow: 0 18px 44px rgba(24, 45, 48, .55);
}
.rgd-shot__bar {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 10px 14px;
	background: #F8FAFA;
	border-bottom: 1px solid rgba(16, 30, 32, .1);
}
.rgd-shot__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(16, 30, 32, .22);
	flex: none;
}
.rgd-shot__url {
	margin-left: 6px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11px;
	letter-spacing: .2px;
	color: var(--wp--preset--color--ink-soft);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rgd-shot__body {
	display: grid;
	gap: 12px;
	padding: 20px 18px 22px;
}
.rgd-shot__label {
	display: block;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--rule);
	margin-bottom: 6px;
}
.rgd-shot__field {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid rgba(16, 30, 32, .16);
	border-radius: 4px;
	background: rgba(16, 30, 32, .04);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 13px;
	color: var(--wp--preset--color--ink-faint);
}
.rgd-shot__field--focus {
	border-color: var(--wp--preset--color--amber-deep);
	box-shadow: 0 0 0 3px rgba(155, 89, 3, .18);
}
.rgd-shot__check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast);
}
.rgd-shot__box {
	flex: none;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	border-radius: 3px;
	border: 1px solid var(--wp--preset--color--rule);
	background: rgba(155, 89, 3, .12);
}
.rgd-shot__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 4px;
	background: var(--wp--preset--gradient--amber);
	color: var(--wp--preset--color--chalk);
	font-weight: 700;
	font-size: 15px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38);
}
.rgd-shot__cap, .rgd-figcap {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-shot__cap strong { color: var(--wp--preset--color--ink-faint); }

/* KYC document checklist */
.rgd-kyc {
	display: grid;
	gap: 10px;
	margin: 22px 0;
	padding: 0;
	list-style: none;
}
.rgd-kyc__row {
	display: grid;
	grid-template-columns: 34px 1fr auto;
	gap: 14px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid rgba(16, 30, 32, .12);
	background: rgba(16, 30, 32, .03);
}
.rgd-kyc__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid rgba(155, 89, 3, .38);
	background: rgba(155, 89, 3, .1);
	color: var(--wp--preset--color--amber-deep);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	font-weight: 700;
}
.rgd-kyc__name {
	display: block;
	font-weight: 600;
	color: var(--wp--preset--color--ink-strong);
	font-size: 16px;
	line-height: 1.35;
}
.rgd-kyc__meta {
	display: block;
	margin-top: 3px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-kyc__state {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .3px;
	padding: 5px 10px;
	border-radius: 999px;
	white-space: nowrap;
	border: 1px solid rgba(129, 82, 21, .4);
	background: rgba(129, 82, 21, .12);
	color: var(--wp--preset--color--bronze);
}
.rgd-kyc__state--wait {
	border-color: rgba(155, 89, 3, .4);
	background: rgba(155, 89, 3, .12);
	color: var(--wp--preset--color--amber-deep);
}
@media (max-width: 560px) {
	.rgd-kyc__row {
		grid-template-columns: 34px 1fr;
	}
	.rgd-kyc__state {
		grid-column: 2;
		justify-self: start;
	}
}

/* ---- Mascot plate ----------------------------------------------------------- */
.rgd-rail {
	margin: 24px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.rgd-rail__plate {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	padding: 18px 18px 0;
	border: 1px solid rgba(155, 89, 3, .22);
	border-radius: 8px;
	background:
		radial-gradient(420px 220px at 50% 8%, rgba(155, 89, 3, .12), transparent 68%),
		linear-gradient(168deg, #FFFFFF 0%, #F2F5F5 100%);
}
.rgd-rail__art { max-width: 100%; height: auto; }
.rgd-rail__cap {
	margin: 0;
	text-align: center;
	font-size: 13px;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-rail--inline { max-width: 320px; margin-inline: auto; }

/* ---- Trust rail: blue hairline separators ------------------------------------ */
.rgd-seg:not(:last-child)::after {
	background: rgba(155, 89, 3, .38);
}
.rgd-instruments {
	border-bottom: 1px solid rgba(155, 89, 3, .2);
}

/* ---- Focus ring: blue, visible on teal and on blue fills ----------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--amber-deep);
	outline-offset: 2px;
	border-radius: 3px;
}

/* ---- Motion ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.rgd-cat:hover, .rgd-card:hover, .wp-element-button:active { transform: none; }
	* { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ===========================================================================
   STEP-7 UX pass — fixes measured on the built pages (shoot_qeyd.js)
   =========================================================================== */

/* Table / figure captions */
.wp-element-caption,
figcaption.wp-element-caption,
.wp-block-table figcaption {
	color: var(--wp--preset--color--ink-faint);
	font-size: 13px;
	line-height: 1.55;
	margin-top: 10px;
	padding-left: 12px;
	border-left: 2px solid rgba(155, 89, 3, .38);
	text-align: left;
}

/* Buttons must wrap */
.wp-element-button,
.wp-block-button__link {
	white-space: normal;
	overflow-wrap: anywhere;
	text-align: center;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}
.wp-block-button {
	max-width: 100%;
}


/* =========================================================================== */
.rgd-stat-tile {
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.rgd-stat__num,
.rgd-stat__label {
	display: block;
}
.rgd-stat__num {
	font-size: clamp(22px, 2.4vw, 27px);
	letter-spacing: -0.3px;
}
.rgd-stat__label {
	line-height: 1.35;
	color: var(--wp--preset--color--ink-soft);
}


/* =========================================================================== */
.rgd-nav { display: flex; align-items: center; min-width: 0; }
.rgd-nav ul { list-style: none; margin: 0; padding: 0; }
.rgd-nav__list { display: flex; align-items: center; gap: 2px; }
.rgd-nav__list a,
.rgd-nav__panel a {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	padding: 10px 12px;
	min-height: 44px;
	border-radius: 4px;
	white-space: nowrap;
	transition: color .16s ease, background-color .16s ease;
}
.rgd-nav__list a:hover,
.rgd-nav__panel a:hover,
.rgd-nav__list a[aria-current="page"],
.rgd-nav__panel a[aria-current="page"] {
	color: var(--wp--preset--color--contrast);
	background: rgba(16, 30, 32, .08);
}
.rgd-nav__list a[aria-current="page"],
.rgd-nav__panel a[aria-current="page"] {
	box-shadow: inset 0 -2px 0 var(--wp--preset--color--amber);
}
.rgd-nav__mobile { display: none; position: relative; }
.rgd-nav__mobile > summary {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 14px;
	border: 1px solid rgba(16, 30, 32, .2);
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	list-style: none;
	white-space: nowrap;
}
.rgd-nav__mobile > summary::-webkit-details-marker { display: none; }
.rgd-nav__bars {
	width: 16px;
	height: 2px;
	background: var(--wp--preset--color--amber);
	box-shadow: 0 5px 0 var(--wp--preset--color--amber), 0 -5px 0 var(--wp--preset--color--amber);
}
.rgd-nav__mobile[open] > summary { border-color: rgba(155, 89, 3, .5); }
.rgd-nav__panel {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 60;
	min-width: 246px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px;
	background: var(--wp--preset--color--surface-panel);
	border: 1px solid rgba(16, 30, 32, .14);
	border-radius: 8px;
	box-shadow: 0 24px 64px rgba(24, 45, 48, .7);
}
.rgd-nav__panel a { white-space: normal; }

@media (max-width: 860px) {
	.rgd-nav__list { display: none; }
	.rgd-nav__mobile { display: block; }
}

/* Header at phone widths */
@media (max-width: 520px) {
	.rgd-brand__cluster { display: none; }
	.rgd-brand__word { font-size: 18px; }
	.rgd-brand { gap: 8px; }
	.rgd-brand__mark { width: 30px; height: 30px; }
	.rgd-brand__mark svg { width: 26px; height: 26px; }
}
@media (max-width: 400px) {
	.rgd-brand__word { font-size: 16.5px; }
	.rgd-nav__mobile > summary { padding: 10px 11px; }
}

/* Stat tiles: the value is not always a numeral */
.rgd-statbox {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 152px), 1fr));
}
.rgd-stat__num {
	font-size: clamp(19px, 2.1vw, 25px);
	/* break-word, not anywhere: a mid-word break in a 25px display serif reads as a
	   rendering fault. Long values are shortened in the copy instead; this is the
	   safety net for the next author who forgets. */
	overflow-wrap: break-word;
	line-height: 1.12;
}


/* =========================================================================== */

/* Undo the inherited variable-width hack */
:root {
	font-stretch: normal;
}
.rgd-num, .rgd-ledger__v, .rgd-flow__meta, code, kbd, samp {
	font-family: var(--wp--preset--font-family--mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.2px;
	font-size: .95em;
}

/* Alexandria guards */
h1, h2, h3, .rgd-brand__word, .rgd-eyebrow--serif {
	font-variation-settings: normal;
	font-optical-sizing: auto;
}
h1 { font-weight: 700; letter-spacing: -0.9px; }
h2 { font-weight: 600; }
h3 { font-weight: 600; letter-spacing: -0.3px; }
h1, h2, h3 {
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: auto;
	text-wrap: balance;
}
p, li, dd, figcaption { font-variation-settings: normal; }

/* Ambient field */
.wp-site-blocks::before {
	background:
		linear-gradient(180deg, rgba(155, 89, 3, .13) 0%, rgba(155, 89, 3, 0) 42%),
		radial-gradient(760px 460px at 4% 108%, rgba(201, 119, 11, .17), transparent 66%);
}
::selection {
	background: rgba(155, 89, 3, .3);
	color: #101E20;
}

/* ---- Ledger geometry: rounder than the plate it forked from ------------------ */
.rgd-card, .rgd-panel, .rgd-cat, .rgd-step, .rgd-faq, .rgd-toc, .rgd-note, .rgd-warn,
.rgd-table-wrap, .rgd-statbox, .rgd-shot, .rgd-method, .rgd-ledger, .rgd-flow,
.rgd-cutoff, .rgd-check {
	border-radius: 10px;
}
.rgd-toc { border-radius: 10px; }
.rgd-game__thumb, .rgd-game__media--css { border-radius: 10px 10px 0 0; }
.wp-element-button, .wp-block-button__link, .rgd-game__play, .rgd-quicklink {
	border-radius: 10px;
}
.rgd-badge, .rgd-eyebrow, .rgd-seg--clock, .rgd-chip { border-radius: 999px; }

/* ---- Wordmark: shield + a tracked grotesk lockup ---------------------------- */
.rgd-brand { align-items: center; gap: 10px; }
.rgd-brand__lock { gap: 2px; align-items: flex-start; flex-direction: column; }
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 19.5px;
	line-height: 1;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
	transition: color .18s ease;
}
.rgd-brand__cluster {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 400;
	font-size: 9px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--rule);
	transition: color .18s ease;
}
.rgd-brand__mark {
	width: 34px; height: 34px;
	display: inline-flex; align-items: center; justify-content: center;
	border: 0; background: none; box-shadow: none;
}
.rgd-brand__mark::after { content: none; }
.rgd-brand__mark svg { display: block; }
.rgd-shield path[stroke], .rgd-shield circle { transition: stroke .18s ease; }
.rgd-brand:hover .rgd-brand__word { color: var(--wp--preset--color--amber-deep); }
.rgd-brand:hover .rgd-brand__cluster { color: var(--wp--preset--color--amber-deep); }
.rgd-brand:hover .rgd-shield { transform: none; }
.rgd-brand--footer .rgd-brand__word { font-size: 17.5px; }

/* ---- Buttons: a minted coin edge -------------------------------------------- */
.wp-element-button, .wp-block-button__link {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -1px 0 rgba(24, 45, 48, .24);
	text-transform: none;
	letter-spacing: .15px;
	font-weight: 700;
}
.wp-element-button:hover, .wp-block-button__link:hover { filter: brightness(1.05); }
.wp-element-button:active, .wp-block-button__link:active { transform: translateY(1px); }

/* ---- In-prose links --------------------------------------------------------- */
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat):not(.rgd-seg) {
	color: var(--wp--preset--color--amber-deep);
	text-decoration-color: rgba(155, 89, 3, .46);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.entry-content a:not(.wp-element-button):not(.rgd-game__play):not(.rgd-quicklink):not(.rgd-cat):not(.rgd-seg):hover {
	color: #6D8D90;
	text-decoration-color: currentColor;
	text-decoration-thickness: 2px;
}

/* .rgd-flow — the transfer-rail schematic */
.rgd-flow {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: stretch;
	margin: 24px 0;
	padding: 18px 16px;
	list-style: none;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .12);
}
.rgd-flow__node {
	position: relative;
	flex: 1 1 190px;
	min-width: 0;
	margin: 0;
	padding: 14px 15px;
	border-radius: 10px;
	background: rgba(16, 30, 32, .04);
	border: 1px solid rgba(16, 30, 32, .1);
	border-top: 2px solid var(--wp--preset--color--amber-deep);
}
.rgd-flow__node--money { border-top-color: var(--wp--preset--color--amber-deep); }
.rgd-flow__node + .rgd-flow__node::before {
	content: "";
	position: absolute;
	left: -10px; top: 50%;
	width: 10px; height: 2px;
	background: rgba(155, 89, 3, .5);
}
.rgd-flow__step {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 10.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
	margin-bottom: 6px;
}
.rgd-flow__node--money .rgd-flow__step { color: var(--wp--preset--color--amber-deep); }
.rgd-flow__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 16.5px;
	line-height: 1.24;
	color: var(--wp--preset--color--ink-strong);
	margin-bottom: 5px;
}
.rgd-flow__meta {
	display: block;
	font-size: 13px;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast);
}
.rgd-flow__who {
	display: block;
	margin-top: 7px;
	font-size: 12.5px;
	color: var(--wp--preset--color--ink-soft);
}
@media (max-width: 700px) {
	.rgd-flow { flex-direction: column; }
	.rgd-flow__node { flex: 1 1 auto; }
	.rgd-flow__node + .rgd-flow__node::before {
		left: 50%; top: -10px;
		width: 2px; height: 10px;
	}
}

/* .rgd-methods — the method plates */
.rgd-methods {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
	gap: 14px;
	margin: 24px 0;
	padding: 0;
	list-style: none;
}
.rgd-method {
	margin: 0;
	padding: 17px 17px 16px;
	background: var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(16, 30, 32, .11);
	border-left: 3px solid var(--wp--preset--color--amber-deep);
}
.rgd-method--wallet { border-left-color: var(--wp--preset--color--amber-deep); }
.rgd-method--crypto { border-left-color: var(--wp--preset--color--rule); }
.rgd-method__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 600;
	font-size: 17.5px;
	line-height: 1.2;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-method__type {
	display: block;
	margin: 5px 0 9px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 10.5px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-method__text {
	margin: 0 0 9px;
	font-size: 14.5px;
	line-height: 1.58;
	color: var(--wp--preset--color--contrast);
}
.rgd-method__check {
	display: block;
	padding-top: 9px;
	border-top: 1px solid rgba(16, 30, 32, .1);
	font-size: 13px;
	line-height: 1.5;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-method__check b { color: var(--wp--preset--color--amber-deep); font-weight: 600; }

/* .rgd-ledger — labelled rows */
.rgd-ledger {
	margin: 22px 0;
	padding: 6px 0;
	border: 1px solid rgba(16, 30, 32, .12);
	background: rgba(16, 30, 32, .025);
}
.rgd-ledger__row {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	align-items: baseline;
	padding: 13px 17px;
	border-bottom: 1px dashed rgba(16, 30, 32, .12);
}
.rgd-ledger__row:last-child { border-bottom: 0; }
.rgd-ledger__k {
	flex: 1 1 210px;
	min-width: 0;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast);
}
.rgd-ledger__v {
	flex: 0 1 auto;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--wp--preset--color--petrol);
	text-align: right;
}
.rgd-ledger__v--open {
	font-family: var(--wp--preset--font-family--body);
	font-size: 13.5px;
	letter-spacing: 0;
	color: var(--wp--preset--color--amber-deep);
	font-style: normal;
}

/* ---- .rgd-cutoff — the Baku processing window -------------------------------- */
.rgd-cutoff {
	display: flex;
	gap: 13px;
	align-items: flex-start;
	margin: 22px 0;
	padding: 15px 17px;
	background: rgba(201, 119, 11, .08);
	border: 1px solid rgba(201, 119, 11, .26);
}
.rgd-cutoff__clock {
	flex: none;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	padding: 5px 9px;
	border-radius: 999px;
	color: #FEFCF8;
	background: var(--wp--preset--color--amber);
}
.rgd-cutoff p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--wp--preset--color--contrast); }

/* ---- .rgd-check — "nəyi yoxlamalı" list -------------------------------------- */
.rgd-check {
	margin: 22px 0;
	padding: 16px 18px 16px 20px;
	list-style: none;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .12);
	border-left: 3px solid var(--wp--preset--color--amber-deep);
}
.rgd-check > li {
	position: relative;
	margin: 0 0 11px;
	padding-left: 26px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast);
}
.rgd-check > li:last-child { margin-bottom: 0; }
.rgd-check > li::before {
	content: "";
	position: absolute;
	left: 0; top: .52em;
	width: 13px; height: 7px;
	border-left: 2px solid var(--wp--preset--color--amber-deep);
	border-bottom: 2px solid var(--wp--preset--color--amber-deep);
	transform: rotate(-45deg) translateY(-2px);
}

/* ---- Tables: numbers right, labels left ------------------------------------- */
.entry-content .wp-block-table td.rgd-num,
.entry-content .wp-block-table td .rgd-num { white-space: nowrap; }
.entry-content .wp-block-table th { color: var(--wp--preset--color--amber-deep); }

/* ---- Focus ring: blue, and legible ON a blue fill ----------------------- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--amber-deep);
	outline-offset: 2px;
	border-radius: 3px;
}
.wp-element-button:focus-visible, .wp-block-button__link:focus-visible {
	outline: 2px solid #FEFCF8;
	outline-offset: -4px;
	box-shadow: 0 0 0 3px rgba(242, 245, 245, .9);
}

/* ---- Motion ----------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.rgd-brand__word, .rgd-brand__cluster, .rgd-shield path[stroke], .rgd-shield circle,
	.wp-element-button, .wp-block-button__link { transition: none; }
}


/* =========================================================================== */

.rgd-eyebrow,
.rgd-chip--age,
.rgd-langtag,
.rgd-cat__ico,
.rgd-instruments__age {
	color: var(--wp--preset--color--amber-deep);
}

/* Figures are num, sitewide. The two exceptions are elements that paint their
   own light background and set their own dark ink — inheriting there would put a
   pale figure on a pale fill, which is the same bug in the other direction. */
.rgd-num {
	color: var(--wp--preset--color--petrol);
}
/* `.rgd-updated .rgd-num` (two classes) outranks a bare `.rgd-num`, so the date
   line needs its own selector at the same specificity — the reason the first
   pass of this file left exactly one finding standing on all seven pages. */
.rgd-updated .rgd-num {
	color: var(--wp--preset--color--petrol);
}

.rgd-cutoff__clock .rgd-num,
.rgd-step__num .rgd-num,
.rgd-shot__btn .rgd-num,
.wp-element-button .rgd-num,
.wp-block-button__link .rgd-num {
	color: inherit;
}

/* The cashier schematic's field labels are data labels, so they take the cyan
   voice rather than a paler blue. */
.rgd-shot__label {
	color: var(--wp--preset--color--amber-deep);
}

/* The wordmark's cluster tag: quieter than the word above it, and legible on
   both the header canvas and the deeper footer band. */
.rgd-brand__cluster {
	color: var(--wp--preset--color--ink-faint);
}
.rgd-brand:hover .rgd-brand__cluster,
.rgd-brand:focus-visible .rgd-brand__cluster {
	color: var(--wp--preset--color--amber-deep);
}


/* ===========================================================================
   STEP-7 POLISH — header at phone widths   (appended last, wins)
   =========================================================================== */

/* One money CTA per screen. 781px is the sticky bar's own breakpoint (see */
@media (max-width: 781px) {
	.rgd-header__actions .wp-block-button:not(.rgd-btn-outline) {
		display: none;
	}
	.rgd-header__actions {
		gap: 8px;
	}
}

/* Prefer a word boundary. `anywhere` is kept out of the wrapping decision and
   only `break-word` remains, so a two-word Azerbaijani label wraps between the
   words instead of inside one. */
.wp-element-button,
.wp-block-button__link {
	overflow-wrap: break-word;
	word-break: normal;
}

/* =========================================================================== */

/* A. Alexandria is a single-weight, caps-only face */
h1,
h2,
h3,
h4,
.rgd-brand__word,
.rgd-plate__num,
.rgd-eyebrow--serif {
	font-weight: 400;
	font-variation-settings: normal;
	font-optical-sizing: auto;
	-webkit-font-smoothing: antialiased;
}
h1 { letter-spacing: 0.5px; line-height: 0.94; }
h2 { letter-spacing: 0.4px; line-height: 1; }
h3 { letter-spacing: 0.5px; line-height: 1.12; }
h4 { letter-spacing: 0.5px; }

/* Bebas has no lowercase, so a heading containing a lowercase word renders in */
h1, h2, h3, h4 {
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: manual;
}

/* Sentence-case is preserved where the "heading" is really prose: the FAQ */
.rgd-faq summary,
.rgd-step__title,
.rgd-faq__answer,
.rgd-cat__title,
.rgd-game__title {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.35;
}

/* B. Ambient field */
.wp-site-blocks::before {
	background:
		linear-gradient(270deg, rgba(155, 89, 3, .14) 0%, rgba(155, 89, 3, 0) 38%),
		radial-gradient(680px 420px at 2% -6%, rgba(201, 119, 11, .15), transparent 68%);
}

/* C. The «1» anchor: this identity's dominant graphic anchor */
.rgd-plate {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	margin: 0 0 6px;
	line-height: 1;
}
.rgd-plate__num {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(84px, 17vw, 196px);
	line-height: 0.78;
	letter-spacing: 2px;
	color: var(--wp--preset--color--amber-deep);
	background: linear-gradient(168deg, #9B5903 0%, #C9770B 26%, #9B5903 88%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	/* A hairline keeps the numerals from dissolving into the petrol where the
	   gradient reaches its darkest stop. */
	-webkit-text-stroke: 1px rgba(155, 89, 3, .16);
}
.rgd-plate__label {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol);
}
.rgd-plate--steel .rgd-plate__num {
	background: linear-gradient(168deg, #0F545E 0%, #9B5903 40%, #C9770B 100%);
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
	.rgd-plate__num { -webkit-text-fill-color: currentColor; }
}
@media (forced-colors: active) {
	.rgd-plate__num {
		-webkit-text-fill-color: currentColor;
		-webkit-text-stroke: 0;
		background: none;
	}
}

/* D. Topline: the trust strip ABOVE the brand row */
.rgd-topline {
	background: var(--wp--preset--color--base-deep);
	border-bottom: 1px solid rgba(155, 89, 3, .18);
	padding: 7px 20px;
}
.rgd-topline__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast);
}
.rgd-topline__age {
	font-family: var(--wp--preset--font-family--mono);
	font-weight: 700;
	font-size: 11.5px;
	letter-spacing: .6px;
	color: var(--wp--preset--color--chalk);
	background: var(--wp--preset--gradient--amber);
	border-radius: 2px;
	padding: 2px 7px;
}
.rgd-topline .rgd-seg + .rgd-seg::before {
	content: "·";
	margin-right: 12px;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-topline .rgd-seg--rg {
	color: var(--wp--preset--color--amber-deep);
	text-decoration: underline;
	text-underline-offset: 2px;
	/* 44px targets are enforced globally; inside a 7px strip the hit area is
	   grown with padding rather than height so the strip keeps its proportion. */
	padding: 6px 2px;
}
.rgd-topline .rgd-seg--rg:hover { color: var(--wp--preset--color--amber-deep); }
.rgd-topline .rgd-seg--clock { margin-left: auto; }
.rgd-topline .rgd-num { color: var(--wp--preset--color--petrol); letter-spacing: .4px; }
@media (max-width: 860px) {
	.rgd-topline .rgd-seg--wide { display: none; }
	.rgd-topline .rgd-seg--clock { margin-left: 0; }
}
@media (min-width: 861px) {
	.rgd-topline .rgd-seg--narrow { display: none; }
}

/* ---- E. Wordmark: the number is the brand --------------------------------- */
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 25px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-brand__num {
	color: var(--wp--preset--color--amber-deep);
	/* The digits sit on the mono face so the brand's number reads as a figure —
	   the same rule the rest of the site follows for every numeral. */
	font-family: var(--wp--preset--font-family--mono);
	font-size: 21px;
	font-weight: 500;
	letter-spacing: -0.5px;
}
.rgd-brand__cluster {
	font-size: 10.5px;
	letter-spacing: 1.3px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-brand__mark { display: inline-flex; flex: 0 0 auto; }

/* F. Route tiles on the pillar */
.rgd-routes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rgd-route__name {
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 22px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-route__sub {
	display: block;
	margin-top: 4px;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--wp--preset--color--contrast);
}
.rgd-route__idx {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1px;
	color: var(--wp--preset--color--amber-deep);
}

/* G. Platform table (/yukle) */
.rgd-plat__name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 19px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-plat__note {
	display: block;
	margin-top: 2px;
	font-size: 12.5px;
	color: var(--wp--preset--color--ink-soft);
}

/* ---- H. The promo-code field, drawn rather than implemented ---------------
   Not an <input>: see inc/brand.php. The caret blinks only when the reader has
   not asked for reduced motion, and never carries meaning on its own. */
.rgd-codebox {
	background: var(--wp--preset--gradient--card-panel);
	border: 1px solid rgba(155, 89, 3, .22);
	border-radius: 8px;
	padding: 18px 18px 14px;
	margin: 22px 0;
}
.rgd-codebox__label {
	margin: 0 0 10px;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol);
}
.rgd-codebox__field {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 14px;
	background: var(--wp--preset--color--base-deep);
	border: 1px dashed rgba(155, 89, 3, .45);
	border-radius: 4px;
}
.rgd-codebox__caption {
	font-size: 14.5px;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-codebox__caret {
	width: 2px;
	height: 20px;
	background: var(--wp--preset--color--amber);
	animation: rgd-caret 1.15s steps(2, start) infinite;
}
@keyframes rgd-caret { to { opacity: 0; } }
.rgd-codebox__note {
	margin: 12px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: var(--wp--preset--color--ink-faint);
}
@media (prefers-reduced-motion: reduce) {
	.rgd-codebox__caret { animation: none; }
}

/* ---- I. Focus ring: electric blue, visible on petrol AND on a blue fill -- */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid #101E20;
	outline-offset: 2px;
	border-radius: 2px;
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 2px solid #FEFCF8;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(242, 245, 245, .95);
}

/* J. Buttons: a struck chip edge */
.wp-element-button,
.wp-block-button__link {
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
}
.rgd-btn-outline .wp-block-button__link,
.rgd-btn-outline .wp-element-button {
	background: transparent;
	color: var(--wp--preset--color--amber-deep);
	border: 1px solid rgba(155, 89, 3, .55);
	box-shadow: none;
}
.rgd-btn-outline .wp-block-button__link:hover,
.rgd-btn-outline .wp-element-button:hover {
	color: var(--wp--preset--color--amber-deep);
	border-color: rgba(155, 89, 3, .75);
	background: rgba(155, 89, 3, .1);
}

/* ---- K. In-prose links: a blue rule that thickens ------------------------ */
.wp-block-post-content :is(p, li, dd, th, td, figcaption, blockquote) a:not(.wp-element-button):not(.rgd-seg),
.rgd-section p a:not(.wp-element-button) {
	color: var(--wp--preset--color--amber-deep);
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	transition: text-decoration-thickness .14s ease, color .14s ease;
}
.wp-block-post-content :is(p, li, dd, th, td, figcaption, blockquote) a:not(.wp-element-button):not(.rgd-seg):hover,
.rgd-section p a:not(.wp-element-button):hover {
	color: var(--wp--preset--color--amber-deep);
	text-decoration-thickness: 2px;
}

/* ---- L. Figures stay on the mono face ------------------------------------ */
.rgd-num,
.rgd-game__rtp,
.rgd-stat__num,
.rgd-offer__amount,
.rgd-step__num {
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--petrol);
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
}

/* ---- M. Small-screen: the plate must not push the hero off the fold ------- */
@media (max-width: 600px) {
	.rgd-plate__num { font-size: clamp(72px, 26vw, 108px); }
	.rgd-brand__cluster { display: none; }
	.rgd-brand__word { font-size: 22px; }
	.rgd-brand__num { font-size: 19px; }
}

/* ---- N. Reduced motion ---------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.wp-block-post-content a,
	.rgd-game__play { transition: none; }
}

/* ---- O. Offer headline (/bonus) ------------------------------------------
   The one string the Offer JSON-LD node reads. It is a headline, not a heading:
   the page's H2 above it names the section, this names the package. */
.rgd-offer__headline {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(28px, 5vw, 42px);
	line-height: 1.04;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
	margin: 0 0 10px;
}
.rgd-offer__headline .rgd-num {
	font-size: .82em;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-offer__sub {
	margin: 0 0 16px;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--wp--preset--color--contrast);
}

/* P. Warning callout: support BOTH authored shapes */
.rgd-warn > p {
	position: relative;
	margin: 0;
	padding: 13px 14px 13px 42px;
	border-radius: 12px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(171, 50, 26, .34);
	font-size: 15px;
	line-height: 1.55;
	color: var(--wp--preset--color--contrast);
}
.rgd-warn > p + p { margin-top: 10px; }
.rgd-warn > p::before {
	content: "\26A0\FE0E";
	position: absolute;
	left: 14px;
	top: 13px;
	color: var(--wp--preset--color--alert);
}
/* A <ul class="rgd-warn"> keeps its inherited blue marker; the paragraph form is
   used for the sharper "this will cost you money" warnings, so it gets danger. */


/* =========================================================================== */

/* 1. Card art lettermark: legible, and not a synthetic bold */
.rgd-game__mono,
.rgd-game__media--css > span:not([class]) {
	color: rgba(155, 89, 3, .55);
	font-weight: 400;
}

/* ---- 2. Demo badge: accent blue is a FILL, not 13px text ------------------
   #9B5903 on the raised surface measured 3.35:1, under AA for body-size text.
   blue-soft is the token whose role is accent-as-text (5.8:1 here). */
.rgd-demo__badge {
	color: var(--wp--preset--color--amber-deep);
}

/* 3. The «1» anchor keeps real margin at its darkest stop */
.rgd-plate__num {
	background: linear-gradient(168deg, #9B5903 0%, #C9770B 26%, #6D8D90 88%);
	-webkit-background-clip: text;
	background-clip: text;
}
.rgd-plate--steel .rgd-plate__num {
	background: linear-gradient(168deg, #0F545E 0%, #9B5903 40%, #6D8D90 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

/* 4. Four route tiles want a 2x2 block */
@media (min-width: 620px) {
	.rgd-routes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 5. The game-card CTA owns its own colour */
.rgd-game__play,
.rgd-game__play:hover,
.rgd-game__play:focus {
	color: var(--wp--preset--color--chalk);
	text-decoration: none;
}

/* ========================================================================== … */

/* ---- 1. Ambient field: a silver wedge from the BOTTOM-RIGHT plus one steel
   pool high on the LEFT. Deliberately the inverse of the inherited silhouette,
   so no two network pages share a background shape. ------------------------- */
.wp-site-blocks::before {
	background:
		linear-gradient(315deg, rgba(155, 89, 3, .17) 0%, rgba(155, 89, 3, 0) 42%),
		radial-gradient(720px 380px at 8% 4%, rgba(201, 119, 11, .13), transparent 70%),
		radial-gradient(520px 520px at 96% 92%, rgba(129, 82, 21, .22), transparent 72%);
}

/* ---- 3. The «1» anchor: a HOLLOW numeral, a dot and a tick rail ---------- … */
.rgd-one {
	position: relative;
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: end;
	gap: 0 clamp(12px, 2vw, 22px);
	margin: 0 0 14px;
	line-height: 1;
}
.rgd-one__rail {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 7px;
	padding-bottom: 1.15em;
	order: -1;
}
.rgd-one__rail i {
	display: block;
	width: 20px;
	height: 3px;
	border-radius: 2px;
	background: var(--wp--preset--color--amber);
}
/* Descending weight down the rail, so it reads as a scale rather than as five
   identical dashes. Opacity is safe here: the rail is aria-hidden decoration and
   carries no information a reader has to resolve. */
.rgd-one__rail i:nth-child(2) { opacity: .72; width: 17px; }
.rgd-one__rail i:nth-child(3) { opacity: .52; width: 14px; }
.rgd-one__rail i:nth-child(4) { opacity: .34; width: 11px; }
.rgd-one__rail i:nth-child(5) { opacity: .2;  width: 8px; }
.rgd-one__num {
	position: relative;
	z-index: 1;
	font-family: var(--wp--preset--font-family--heading);
	/* The FLOOR is the mobile size: 24vw of a 360px phone is 86px, which clamps,
	   so the floor is the number to tune, not the ceiling. 138px keeps the anchor
	   dominant at 360px while leaving the mono label room beneath it. */
	font-size: clamp(138px, 24vw, 272px);
	line-height: 0.78;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--amber-deep);
}
@supports (-webkit-text-stroke: 1px black) or (text-stroke: 1px black) {
	.rgd-one__num {
		color: transparent;
		-webkit-text-stroke: clamp(3px, 0.6vw, 6px) var(--wp--preset--color--amber-deep);
	}
}
.rgd-one__dot {
	position: absolute;
	z-index: 2;
	top: .06em;
	left: calc(100% - .1em);
	width: clamp(16px, 2.6vw, 30px);
	height: clamp(16px, 2.6vw, 30px);
	border-radius: 50%;
	background: var(--wp--preset--color--amber);
	pointer-events: none;
}
.rgd-one__label {
	position: relative;
	z-index: 1;
	align-self: end;
	padding-bottom: 1.15em;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: 1.4px;
	line-height: 1.55;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol);
}
.rgd-one--steel .rgd-one__num { color: var(--wp--preset--color--amber-deep); }
@supports (-webkit-text-stroke: 1px black) or (text-stroke: 1px black) {
	.rgd-one--steel .rgd-one__num {
		color: transparent;
		-webkit-text-stroke: clamp(3px, 0.6vw, 6px) var(--wp--preset--color--amber-deep);
	}
}
.rgd-one--steel .rgd-one__dot { background: var(--wp--preset--color--amber); }
/* Below 620px the label cannot sit beside a 138px glyph without wrapping to one
   word per line, and the rail eats width the numeral needs. */
@media (max-width: 620px) {
	.rgd-one { grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; }
	.rgd-one__rail { flex-direction: row; justify-content: flex-start; padding: 0; grid-column: 1 / -1; order: 3; }
	.rgd-one__rail i { width: 3px; height: 16px; }
	.rgd-one__rail i:nth-child(2) { width: 3px; height: 13px; }
	.rgd-one__rail i:nth-child(3) { width: 3px; height: 11px; }
	.rgd-one__rail i:nth-child(4) { width: 3px; height: 8px; }
	.rgd-one__rail i:nth-child(5) { width: 3px; height: 6px; }
	.rgd-one__label { padding-bottom: 0; }
}
@media (forced-colors: active) {
	.rgd-one__num { color: currentColor; -webkit-text-stroke: 0; }
	.rgd-one__dot { background: currentColor; }
}

/* ---- 3a. The bracketed mark ---------------------------------------------- */
.rgd-mark { display: block; }
.rgd-brand__num {
	/* The «1» is the whole equity of this domain, so it takes the accent voice. … */
	color: var(--wp--preset--color--amber-deep);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0;
}
.rgd-brand__word { letter-spacing: -0.3px; font-size: 23px; }
.rgd-brand:hover .rgd-brand__num { color: var(--wp--preset--color--amber-deep); }

/* ---- 3b. The macro chip stack ------------------------------------------- … */
.rgd-rail { display: block; height: auto; }
.rgd-rail-slot {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex: 0 0 auto;
}
@media (prefers-reduced-motion: no-preference) {
	.rgd-rail-slot .rgd-rail { transition: transform .35s ease; }
	.rgd-rail-slot:hover .rgd-rail { transform: translateY(-4px); }
}

/* ---- 4. Trust ribbon ------------------------------------------------------
   A pre-header strip above the brand row, so `.rgd-topline`'s own border-bottom
   is the correct edge and no `--under` variant is needed. The sibling's variant
   rule (border-top, gradient) is deleted rather than left in place: it matched
   nothing after the part was rewritten and would have shipped in every page's
   render-blocking stylesheet.

   What differs from the sibling is the ribbon's CONTENT, not just its place: it
   leads on "müstəqil bələdçi" (independent guide) instead of the negative
   "operator deyil", because the first thing a reader should learn is what this
   site IS. */
.rgd-topline__row { letter-spacing: .2px; }

/* ---- 5. Footer signature band --------------------------------------------- … */
.rgd-sig {
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 4px;
}
.rgd-sig__lock {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	flex-wrap: wrap;
}
.rgd-sig__word {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 21px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-sig__host {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	letter-spacing: .5px;
	color: var(--wp--preset--color--petrol);
	padding: 3px 8px;
	border: 1px solid rgba(201, 119, 11, .32);
	border-radius: 3px;
}
.rgd-sig__note {
	position: relative;
	max-width: 62ch;
	margin: 12px 0 0;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--wp--preset--color--ink-faint);
}
@media (max-width: 620px) {
}

/* ---- 6. Payment rail as a full-width strip -------------------------------
   The sibling parked the rail inside a footer column, where five chips wrapped
   to three lines. Given the width it reads as one band. */
.rgd-payrail--strip {
	max-width: 1200px;
	margin: 30px auto 0;
	padding: 16px 18px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid var(--wp--preset--color--rule);
}
.rgd-payrail__title {
	margin: 0 0 10px;
	font-size: 12px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-payrail--strip .rgd-payrail__row { flex-wrap: wrap; }
.rgd-payrail--strip .rgd-payrail__note {
	margin: 11px 0 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: var(--wp--preset--color--ink-faint);
}

/* ---- 7. Alexandria's metrics --------------------------------------------------- … */
h1, h2, h3,
.rgd-offer__headline,
.rgd-sig__word,
.rgd-brand__word {
	text-wrap: balance;
}
h1 { word-break: normal; overflow-wrap: break-word; }
.rgd-offer__headline { letter-spacing: 0.2px; }

/* The trust ribbon is a sentence, not a label row: leave it in sentence case. */
.rgd-topline__row { text-transform: none; }

/* ---- 8. Number-string band (the hyper-focus row) -------------------------- … */
.rgd-variants {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.rgd-variant {
	padding: 15px 16px;
	border-radius: 10px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid var(--wp--preset--color--rule);
}
.rgd-variant__key {
	display: block;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .3px;
	color: var(--wp--preset--color--petrol);
	margin-bottom: 6px;
}
.rgd-variant__what {
	margin: 0;
	font-size: 13.5px;
	line-height: 1.62;
	color: var(--wp--preset--color--contrast);
}
.rgd-variant--is .rgd-variant__key { color: var(--wp--preset--color--amber-deep); }
.rgd-variant--isnt .rgd-variant__key { color: var(--wp--preset--color--alert); }

/* ---- 9. Focus ring: TWO-TONE, because the accent is light ----------------- … */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
.rgd-quicklink:focus-visible,
.rgd-cat:focus-visible,
.rgd-game .rgd-game__play:focus-visible,
.rgd-faq > summary:focus-visible,
.rgd-skip-link:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink-strong);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--wp--preset--color--chalk);
	border-radius: 4px;
}

/* ---- 10. Hero composition, measured on the real render ------------------- … */
.rgd-rail { pointer-events: none; }
@media (min-width: 1080px) {
	.rgd-section:has(> .rgd-lead + .rgd-rail) { position: relative; }
	.rgd-lead + .rgd-rail {
		position: absolute;
		top: 232px;
		right: clamp(16px, 3.4vw, 96px);
		margin: 0 !important;
		z-index: 1;
	}
}

/* ---- 11. Section rhythm --------------------------------------------------- … */
.rgd-section {
	padding-top: clamp(34px, 5vw, 50px);
	padding-bottom: clamp(20px, 3.6vw, 32px);
}

/* ---- 12. Footer, restructured --------------------------------------------
   The payment band now OPENS the footer instead of sitting between the columns and
   the legal text, and the brand signature has moved out of a full-width band into
   the third column. Two reasons, one editorial and one structural:

     - the AZN rails (m10 / Kapital / ABB / Pasha) are the strongest local trust
       signal on the page, and they were buried three blocks down;
     - the sibling's signature band relied on `overflow:hidden` to clip a giant ghost
       numeral. That numeral is gone here (repeating the hero's own device in the
       footer is the sibling's signature, not this one), so the band no longer needs
       to be full width, and it reads better as the last of three columns — brand
       last, in reading order, after the reader has been offered the routes.

   The chip stack closes the column at 132px: the same object as the hero's, one
   scale down, which is what ties the two ends of the page together without a second
   display-sized graphic. */
.rgd-payrail--strip { margin-top: 0; }
.rgd-footer__sigcol {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.rgd-sig {
	position: static;
	overflow: visible;
	max-width: none;
	margin: 0;
	padding: 0;
}
.rgd-sig__note { max-width: 46ch; }
/* The stack is decorative and the column is narrow, so on a phone it would push the
   legal text down for nothing. */
@media (max-width: 781px) {
	.rgd-footer__sigcol .rgd-rail { display: none; }
}

/* ---- 13. Fixes found while authoring the pages ---------------------------
   Three inherited rules that were written for a layout this site does not use.

   a) `.rgd-compare` shipped `position: sticky; top: 124px`. It was authored for a
      SIDEBAR column on an ancestor theme; /yukle uses it full-width in the flow, and
      a full-width sticky block detaches and rides over the section below it while the
      reader scrolls past. Static is the correct behaviour for a block that is as wide
      as its container.
   b) `.rgd-plat__name` / `__note` existed with no CONTAINER, so three platform
      plates would have stacked as bare text. `.rgd-plats` lays them out as an
      auto-fit grid; the page pairs each with `.rgd-panel` for the card surface.
   c) `.rgd-store` is `inline-flex`, so a row of store labels needs a flex wrapper
      to gap and wrap properly on a phone. */
.rgd-compare { position: static; top: auto; }
.rgd-plats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
	margin: 0 0 18px;
}
.rgd-plats .rgd-plat { display: flex; flex-direction: column; gap: 6px; }
.rgd-store-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 6px;
}
/* The comparison rows on /yukle carry THREE cells (aspect · app · browser), while the
   inherited rule only coloured the first and last. Without this the middle cell —
   the app's own behaviour, i.e. the answer — was the only one left at inherited body
   colour, so the row read as if the browser column were the emphasis. */
.rgd-compare__row > span:nth-child(2) {
	color: var(--wp--preset--color--amber-deep);
	font-weight: 700;
	text-align: right;
}
.rgd-compare__row > span:nth-child(3) { text-align: right; }
.rgd-compare__row > span:first-child { flex: 1 1 40%; text-align: left; }
@media (max-width: 560px) {
	.rgd-compare__row { flex-wrap: wrap; }
	.rgd-compare__row > span:first-child { flex: 1 1 100%; }
	.rgd-compare__row > span:nth-child(2),
	.rgd-compare__row > span:nth-child(3) { flex: 1 1 46%; text-align: left; }
}

/* ---- 14. The «1» anchor, corrected on the real render --------------------
   Two things only an eyeball pass catches (the UX harness checks overflow, tap
   targets and contrast — it cannot see that a composition has fallen apart):

   a) THE ACCENT DOT WAS STRANDED. It was `position:absolute; left:calc(100% - .1em)`
      inside `.rgd-one`, and `.rgd-one` is a GRID that spans the whole content
      column — so 100% was the column's width, not the numeral's. The dot landed
      ~600px to the right of the glyph it belongs to, reading as a stray green
      circle floating in the hero. Fixed by giving the grid named areas and putting
      the dot in the SAME cell as the numeral: an auto-width column is exactly as
      wide as the glyph, so `justify-self:end` parks the dot on the numeral's own
      right edge whatever the viewport does.
   b) THE TICK RAIL WAS CLUMPED at the numeral's baseline, because the grid is
      `align-items:end` and the rail had nothing to stretch against. It now spans
      the numeral's full height and distributes, which is what makes it read as a
      scale beside the figure rather than as four stray dashes.

   Named areas also let the 620px layout be declared rather than re-derived from
   `order`, which is what made the mobile rule hard to follow. */
.rgd-one {
	grid-template-columns: auto auto minmax(0, 1fr);
	grid-template-areas: "rail num label";
	align-items: stretch;
}
.rgd-one__rail {
	grid-area: rail;
	order: 0;
	justify-content: space-between;
	padding: 0.14em 0 0.3em;
	gap: 0;
}
.rgd-one__num { grid-area: num; align-self: end; }
.rgd-one__dot {
	grid-area: num;
	position: relative;
	justify-self: end;
	align-self: start;
	top: 0.06em;
	left: 0;
	margin-right: -0.34em;
}
.rgd-one__label { grid-area: label; align-self: end; }
@media (max-width: 620px) {
	.rgd-one {
		grid-template-columns: auto minmax(0, 1fr);
		grid-template-areas:
			"num  num"
			"rail label";
	}
	.rgd-one__rail { flex-direction: row; align-items: flex-end; gap: 4px; padding: 8px 0 0; }
	.rgd-one__label { align-self: center; }
}
/* The anchor's flag was crossing the last line of the lead paragraph. WP's
   constrained layout forces margin-INLINE with !important but leaves the block
   axis alone, so a plain margin-top is enough here. */
.rgd-one { margin-top: 26px; }

/* ---- 15. The comparison component needs a header row ---------------------
   Found by looking at the render, not by the harness. Without column labels the
   two value cells in each row are just two strings side by side, and the reader has
   to infer which one describes the app — the colour difference (silver vs ochre-soft)
   carries the distinction, which is exactly the kind of meaning colour must never
   carry alone (WCAG 1.4.1). The page now authors a header row; this styles it and
   puts a hairline between the two value columns so they stop reading as one phrase. */
.rgd-compare__row--head {
	border-bottom: 1px solid rgba(155, 89, 3, .34);
	padding-bottom: 12px;
	margin-bottom: 4px;
}
.rgd-compare__row--head > span {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 11.5px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-weight: 500;
}
.rgd-compare__row--head > span:first-child { color: var(--wp--preset--color--ink-soft); }
.rgd-compare__row--head > span:nth-child(2) { color: var(--wp--preset--color--amber-deep); }
.rgd-compare__row--head > span:nth-child(3) { color: var(--wp--preset--color--bronze); }
/* Fixed value tracks + a divider: the two cells were running together into one
   sentence at 1024px and above. */
.rgd-compare__row > span:nth-child(2),
.rgd-compare__row > span:nth-child(3) { flex: 0 0 27%; }
.rgd-compare__row > span:nth-child(3) { padding-left: 14px; border-left: var(--rgd-hairline); }
@media (max-width: 560px) {
	.rgd-compare__row > span:nth-child(2),
	.rgd-compare__row > span:nth-child(3) { flex: 1 1 46%; }
	.rgd-compare__row > span:nth-child(3) { padding-left: 0; border-left: 0; }
	.rgd-compare__row--head { display: none; }
}
/* On a phone the header row is hidden (three columns of caps labels above a wrapped
   two-up grid is unreadable), so the labels move INTO the cells. Without this the
   mobile layout has the same defect the header row was added to fix — two values
   side by side distinguished only by colour. */
@media (max-width: 560px) {
	.rgd-compare__row:not(.rgd-compare__row--head) > span:nth-child(2)::before { content: "Tətbiqdə: "; }
	.rgd-compare__row:not(.rgd-compare__row--head) > span:nth-child(3)::before { content: "Brauzerdə: "; }
	.rgd-compare__row:not(.rgd-compare__row--head) > span:nth-child(2)::before,
	.rgd-compare__row:not(.rgd-compare__row--head) > span:nth-child(3)::before {
		display: block;
		font-family: var(--wp--preset--font-family--mono);
		font-size: 10.5px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 500;
		color: var(--wp--preset--color--ink-soft);
	}
}

/* =========================================================================
   RZ IDENTITY LAYER — royale-gold.com · "Midnight Blue & Silver"
   Appended LAST on purpose. Two hard-won reasons:

   1. `:where()` has ZERO specificity, so an identity rule written that way loses
      to the inherited plain selector list it is meant to replace. Every override
      below is a plain selector at equal specificity, placed last, which is what
      actually wins.
   2. The inherited «1» anchor was a HOLLOW stroked numeral with an accent dot and
      a tick rail. This build's anchor is an editorial MASTHEAD, so the container
      and the numeral are fully re-declared here — including inside the
      `@supports (-webkit-text-stroke)` block, or the numeral stays transparent
      and the hero renders an empty column.
   ========================================================================= */

/* ---- 1. The «1» anchor as an editorial masthead --------------------------
   Reading top to bottom: a DOUBLE hairline, the serif figure with a mono ordinal
   at its shoulder, then a single hairline whose own gap carries the kicker. What
   makes this a graphic is the ruling, not the glyph — which is exactly why the
   figure is a plain solid serif here and not hollow or doubled.

   Grid, not flow: the ordinal has to sit against the numeral's own left edge at
   every viewport. An `auto` column is exactly the glyph's width, so the ordinal
   parked in the SAME cell cannot drift — the trap on the sibling build was an
   absolutely-positioned dot resolving against the grid instead of the glyph and
   landing ~600px away. Nothing here is absolutely positioned. */
.rgd-one {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas: "rules" "figure" "kicker";
	align-items: stretch;
	gap: 0;
	margin: 0 0 18px;
	line-height: 1;
}

/* The double rule. One element, two borders — a second element would be a second
   thing to keep in sync at four breakpoints. */
.rgd-one__rules {
	grid-area: rules;
	display: block;
	height: 7px;
	border-top: 2px solid var(--wp--preset--color--amber-deep);
	border-bottom: 1px solid var(--wp--preset--color--rule);
}

.rgd-one__figure {
	grid-area: figure;
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: start;
	gap: 0 clamp(6px, 1vw, 12px);
	padding: clamp(4px, 1vw, 10px) 0 0;
}

/* The ordinal mark. Mono, because the mono face is reserved for figures and an
   ordinal belongs to the figure it introduces. Aligned to the numeral's cap, not
   its baseline — an ordinal on the baseline reads as a footnote. */
.rgd-one__ord {
	font-family: var(--wp--preset--font-family--mono);
	font-size: clamp(15px, 2.4vw, 30px);
	font-weight: 500;
	line-height: 1;
	padding-top: .34em;
	color: var(--wp--preset--color--amber-deep);
}

/* The figure itself: Alexandria 900, solid. The clamp FLOOR is the number to tune,
   not the ceiling — 24vw of a 360px phone is 86px, which clamps, so 128px is what
   a phone actually renders. */
.rgd-one__num {
	position: static;
	z-index: auto;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(128px, 23vw, 252px);
	font-weight: 900;
	line-height: 0.8;
	letter-spacing: -0.04em;
	color: var(--wp--preset--color--amber-deep);
	-webkit-text-stroke: 0;
}

/* Undo the inherited hollow treatment. Without this the numeral keeps
   `color: transparent` from the earlier @supports block and disappears. */
@supports (-webkit-text-stroke: 1px black) or (text-stroke: 1px black) {
	.rgd-one__num {
		color: var(--wp--preset--color--amber-deep);
		-webkit-text-stroke: 0;
	}
	.rgd-one--steel .rgd-one__num {
		color: var(--wp--preset--color--amber-deep);
		-webkit-text-stroke: 0;
	}
}

/* The kicker, set INTO the lower rule: the rule runs across the row and the text
   sits in it with the field showing through on both sides. A pseudo-element rule
   plus a padded span is the only way to get a real gap without hardcoding a text
   width. */
.rgd-one__kicker {
	grid-area: kicker;
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: clamp(8px, 1.4vw, 16px);
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .14em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol);
}
.rgd-one__kicker::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--wp--preset--color--rule);
}

.rgd-one--steel .rgd-one__num { color: var(--wp--preset--color--amber-deep); }
.rgd-one--steel .rgd-one__rules { border-top-color: var(--wp--preset--color--amber-deep); }
.rgd-one--steel .rgd-one__ord { color: var(--wp--preset--color--amber-deep); }

@media (max-width: 620px) {
	.rgd-one { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.rgd-one__figure { grid-template-columns: auto minmax(0, 1fr); }
	.rgd-one__kicker { letter-spacing: .1em; }
}

@media (forced-colors: active) {
	.rgd-one__num,
	.rgd-one__ord { color: currentColor; -webkit-text-stroke: 0; }
	.rgd-one__rules { border-top-color: currentColor; border-bottom-color: currentColor; }
}

/* ---- 2. The dark-bokeh field --------------------------------------------
   Replaces the sibling's chip-stack entirely. Decorative and aria-hidden, with an
   intrinsic width/height on the <svg> so it costs no layout shift. */
.rgd-bokeh {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--preset--border-radius--medium, 4px);
}
.rgd-bokeh-slot {
	display: block;
	margin: clamp(18px, 3vw, 30px) 0 0;
}
/* In the footer signature band the field is a quiet strip, not a picture. */
.rgd-footer .rgd-bokeh { opacity: .78; }

/* ---- 3. The trust band, now BELOW the brand row -------------------------
   The inherited topline sat above the header and read as a browser chrome strip.
   Moved under the brand row it becomes the identity's structural device: a ruled
   band. Hairline top and bottom, no fill — a filled bar would compete with the
   masthead. */
.rgd-topline--under {
	margin-top: 4px;
	border-top: 1px solid var(--wp--preset--color--rule);
	border-bottom: 1px solid var(--wp--preset--color--rule);
	background: transparent;
}

/* ---- 4. The footer signature as a full-width masthead band --------------- */
.rgd-sig--band {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--wp--preset--color--rule);
}
.rgd-sig--band .rgd-sig__lock {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 16px;
}
.rgd-sig--band .rgd-sig__host {
	font-size: 12.5px;
	letter-spacing: .06em;
	color: var(--wp--preset--color--ink-soft);
}
.rgd-sig--band .rgd-sig__note { max-width: 62ch; margin: 0; }
@media (min-width: 900px) {
	.rgd-sig--band {
		grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
		align-items: start;
		gap: 30px 44px;
	}
}

/* ---- 5. Editorial section rule ------------------------------------------
   A hairline above each section heading is this identity's one repeated device,
   which is what lets the pages carry no card borders and still read as ordered. */
.rgd-section > .wp-block-heading:first-child {
	padding-top: 16px;
	border-top: 1px solid var(--wp--preset--color--rule);
}

/* ---- 5b. GEOMETRY NORMALISATION -----------------------------------------
   The forked stylesheet carries ~20 pill and disc radii from an identity whose
   silhouette was round-cornered. This one is editorial: 0/4/18 with a 2px button, a
   mark that is a knocked-out SLAB, and the hairline as its structural device. A pill
   chip beside a square button is the kind of mismatch that reads as "unfinished"
   without ever being reportable as a bug.

   The worst of them was `.rgd-brand__mark { border-radius: 50% }`, which framed the
   new slab mark in a circle in the header and the footer signature.

   Round is KEPT where round is semantically right — a window-chrome dot on the mock
   UI frame, a bullet marker, an avatar — and nowhere else. */
.rgd-brand__mark,
.rgd-brand__mark::after { border-radius: 4px; }

.rgd-chip,
.rgd-badge,
.rgd-eyebrow,
.rgd-seg--clock,
.rgd-game__rtp,
.rgd-kyc__state,
.rgd-cutoff__clock,
.rgd-filter a,
.rgd-chips .wp-block-button__link { border-radius: 2px; }

.rgd-game__play { border-radius: 2px; }

/* Bars with square ends read as RULES, which is this identity's one device. */
.rgd-rtpbar__track,
.rgd-rtpbar__fill,
.rgd-ladder .bar,
.rgd-ladder .bar i { border-radius: 1px; }

/* The section-heading flourish becomes a plain rule rather than a rounded lozenge. */
.rgd-cta > h2::after { border-radius: 0; }

/* ---- 5a1. H1 AND H2 ARE MIXED CASE -------------------------------------
   theme.json sets `elements.heading.textTransform: none`, and it was losing. The
   stylesheet carries `h1, h2, h3, h4 { text-transform: uppercase }` under the comment
   "Bebas has no lowercase, so a heading containing a lowercase word renders in…" —
   a rule written for the FIRST site in this fork chain, whose display face was Bebas
   Neue. It has been inherited by every fork since, and element selectors in a
   stylesheet beat theme.json's generated `:root :where(h1)` output.

   Alexandria has a full lowercase, and mixed-case serif headings are the premise of this
   identity, so h1 and h2 are reset here. h3/h4 KEEP their uppercase — they are set in
   the body face at label size, which is this build's deliberate inversion of the
   sibling convention. */
h1, h2,
h1.wp-block-heading, h2.wp-block-heading { text-transform: none; }

/* ---- 5a2. THE ANCHOR'S NUMERAL HAD A STALE GRID-AREA -------------------
   `.rgd-one__num { grid-area: num }` and `.rgd-one__label { grid-area: label }` refer to
   the SIBLING construction's `grid-template-areas: "rail num label"`. This build's
   container declares "rules" / "figure" / "kicker" instead, so `num` is an unknown area
   name: the numeral fell out of the flow and auto-placed into a new implicit column at
   the far right of the hero, orphaning the mono ordinal on the left. Same failure class
   as an absolutely-positioned element resolving against the grid instead of the glyph,
   and equally invisible to the UX harness — it checks overflow, tap targets and
   contrast, all of which still passed.

   The figure's children live in a NESTED grid, so they take auto placement. */
.rgd-one__num,
.rgd-one__ord { grid-area: auto; align-self: start; }

/* ---- 5c. STEEL AS TEXT, AND A CLAMP THAT CROSSES THE AA THRESHOLD -------
   `.rgd-offer__headline .rgd-num` was painted in `steel`. At 1440px the figure renders
   at 34px, which WCAG counts as large text (need 3.0) and 4.13:1 passes — so the
   desktop view looked fine. Its font-size is a clamp, and at 360px it resolves to
   23px, just under the 24px large-text threshold, where the requirement becomes 4.5
   and the same colour measures 3.61:1. A contrast bug that only exists at one
   breakpoint because a clamp crosses a WCAG boundary.

   The fix is not a bigger font — it is the palette rule: steel is a FILL, and
   `steel-lit` is the token reserved for the second accent AS TEXT. It measures
   6.9:1 here, so the component is compliant at every size the clamp can produce. */
.rgd-offer__headline .rgd-num { color: var(--wp--preset--color--amber-deep); }
.rgd-plate__num { color: var(--wp--preset--color--amber-deep); }

/* ---- 5d. THE SERIF IS SET MIXED CASE -----------------------------------
   The forked stylesheet uppercased seven components in the display face, which was
   right when that face was a grotesque. Alexandria is a SERIF, and this identity's
   whole premise is mixed-case serif headings with the hairline as its device — so an
   uppercased serif is the one voice on the site that contradicts the rest.

   Two specific consequences fixed here:
     * the WORDMARK read "ROYALE 1" in the header and the footer signature while the
       Open Graph card renders "Royale Gold". A brand whose name is cased differently in
       the tab, the page and the social preview is a brand with three spellings;
     * `.rgd-offer__headline` is a 130-character SENTENCE (it is also the Offer
       schema's `name`), and a long uppercase serif line is genuinely hard to read.

   Small labels keep their uppercase, but move to the BODY face — which is exactly the
   rule this theme already applies to h3. */
.rgd-brand__word,
.rgd-sig__word,
.rgd-offer__headline { text-transform: none; }

.rgd-brand__word { letter-spacing: -0.5px; }
.rgd-offer__headline { letter-spacing: -0.4px; }

.rgd-route__name,
.rgd-plat__name,
.rgd-provider {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	letter-spacing: 0.07em;
}

/* ---- 6. THE FOCUS RING — TWO-TONE, AND THIS MUST BE LAST ----------------
   No single colour clears 3:1 on BOTH a near-black midnight field and a light
   silver button fill. The sibling build shipped a ring that measured 1.31:1 on
   its own primary CTA for exactly this reason: one colour, two very different
   backgrounds. So the ring is two halves and always both:

     * `box-shadow: 0 0 0 2px ink`  — near-black, wins on a silver/ochre FILL
       (12.5:1 and 9.1:1, asserted in contrast_rz.py);
     * `outline: 3px heading`       — near-white, wins on the FIELD and on cards
       (16.5:1 / 14.4:1 / 12.5:1).

   Whichever background the element has, one half of the ring is visible against
   it. Both halves are unconditional — a media query or an :is() wrapper here
   would reintroduce the specificity problem this block exists to solve. */
a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible,
.wp-block-navigation__responsive-container-open:focus-visible,
.wp-block-navigation__responsive-container-close:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
summary:focus-visible,
details:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink-strong);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--wp--preset--color--chalk);
	border-radius: 2px;
}

/* Windows High Contrast strips both colours; the system ring must survive. */
@media (forced-colors: active) {
	a:focus-visible,
	button:focus-visible,
	.wp-block-button__link:focus-visible,
	summary:focus-visible,
	[tabindex]:focus-visible {
		outline: 3px solid currentColor;
		box-shadow: none;
	}
}
/* ================= END RZ IDENTITY LAYER ================= */

/* ===========================================================================
   ROYALE GOLD — identity layer (LAST layer; it wins)
   royale-gold.com · "Stone & Brass" · LIGHT
   Alexandria (condensed poster, h1/h2) · Sarabun (body, h3/h4)
   · Google Sans Code (figures only)

   This file is the authority for: colour ROLES, geometry, the focus ring, the
   ambient field and the two brand components. Everything above it in theme.css
   is inherited component structure from the fork and has already been colour-
   inverted by reskin_rp.py; where the two disagree, this layer is what ships.

   THE ONE RULE THAT EXPLAINS THE PALETTE. Brass (#C9770B, the NET sheet's amber)
   is 2.45:1 against the stone field and 3.11:1 against white. It is therefore a
   FILL, a border and display-size type — never small text, and never its own
   boundary. Its text-safe sibling is amber-deep (#9B5903, 6.2:1 on white). Every
   amber fill in this file carries a amber-deep keyline, because it is the KEYLINE
   that has to clear 3:1 against the page, not the fill.
   (contrast_rp.py asserts all 61 pairs before a page is authored.)
   =========================================================================== */

/* ---- P. Ambient field: warm paper, not a glow ----------------------------- */
/* The fork's field was two radial washes of a light accent over a midnight
   ground. On a light theme a radial wash reads as a smudge, so the field is a
   flat stone with one very low-contrast vertical warming instead. */
.wp-site-blocks::before {
	background:
		linear-gradient(180deg, rgba(201, 119, 11, .05) 0%, rgba(201, 119, 11, 0) 380px),
		linear-gradient(0deg, rgba(8, 54, 61, .04) 0%, rgba(8, 54, 61, 0) 240px);
}
::selection {
	background: rgba(201, 119, 11, .28);
	color: #FEFCF8;
}

/* ---- Q. Geometry: a struck plate ---------------------------------------- */
/* 2 / 5 / 9 with a 3px button. Sharper than the fork it came from (0/4/18 with a
   2px button) but not identical to it: the heraldic register wants a plate with a
   perceptible, shallow corner rather than a hard miter. */
.rgd-card, .rgd-panel, .rgd-cat, .rgd-step, .rgd-faq, .rgd-toc, .rgd-note, .rgd-warn,
.rgd-table-wrap, .rgd-statbox, .rgd-shot, .rgd-method, .rgd-ledger, .rgd-flow,
.rgd-cutoff, .rgd-check, .rgd-kyc__row, .rgd-rail__plate, .rgd-compare, .rgd-review,
.rgd-game, .rgd-offer, .rgd-promo, .rgd-plat, .rgd-store, .rgd-quicklink, .rgd-route {
	border-radius: 5px;
}
.rgd-toc { border-radius: 5px; }
.wp-element-button, .wp-block-button__link { border-radius: 3px; }
.rgd-badge, .rgd-tag, .rgd-chip, .rgd-rating-pill, .rgd-langtag { border-radius: 2px; }
.rgd-avatar { border-radius: 2px; }
.rgd-brand__mark, .rgd-brand__mark::after { border-radius: 2px; }

/* ---- R. Type: a condensed display needs air, and only two places shout --- */
/* Alexandria is very narrow, so h1/h2 carry positive tracking (set in
   theme.json) and stay MIXED CASE. The only uppercase on the site is the wordmark
   and the eyebrow label — an all-caps condensed h2 would read as a stadium sign.
   h3/h4 move to Sarabun, which is the inverse of the fork and the cheapest
   real structural difference between the two type systems. */
h1, h2,
h1.wp-block-heading, h2.wp-block-heading { text-transform: none; }
h3, h4, h5, h6,
h3.wp-block-heading, h4.wp-block-heading {
	font-family: var(--wp--preset--font-family--body);
	text-transform: none;
	letter-spacing: -0.2px;
}
.rgd-eyebrow {
	font-family: var(--wp--preset--font-family--body);
	text-transform: uppercase;
	letter-spacing: 1.6px;
	color: var(--wp--preset--color--amber-deep);
}
/* Figures keep the mono face and the petrol ink: 9.1:1 on the field, and a
   number set in the body face beside a number set in mono is the single most
   noticeable inconsistency on a page full of limits and percentages. */
.rgd-num { font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--petrol); font-weight: 500; }

/* ---- S. Brass is never its own boundary --------------------------------- */
/* Every filled control gets a amber-deep keyline. Without it a amber button on
   the stone field has a 2.45:1 edge — perceivable to nobody in bright light and
   a 1.4.11 failure. `inset` rather than `border` so no button changes size. */
.wp-block-button:not(.rgd-btn-outline):not(.is-style-outline) > .wp-block-button__link,
.rgd-sticky a,
.rgd-agegate__yes,
.rgd-cookie__row .rgd-cookie__ok {
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--amber-deep), var(--wp--preset--shadow--amber);
}
.wp-block-button:not(.rgd-btn-outline):not(.is-style-outline) > .wp-block-button__link:hover {
	background: var(--wp--preset--gradient--amber-bright) !important;
	filter: none;
}
/* Outline buttons on a light field: a petrol keyline, amber-deep ink.
   `is-style-outline` is included because it is what the block editor's own UI
   produces and what a page author reaches for; without it core's outline style wins
   (transparent background, `color: currentColor`, a 2px border in the inherited text
   colour) and the secondary button on every hero renders in a different language
   from the primary one beside it. Same declarations, so the two spellings are
   interchangeable. */
.wp-block-button.rgd-btn-outline .wp-block-button__link,
.wp-block-button__link.rgd-btn-outline,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: rgba(201, 119, 11, .06) !important;
	color: var(--wp--preset--color--amber-deep) !important;
	border: 1px solid var(--wp--preset--color--ink-faint);
	box-shadow: none;
}
.wp-block-button.rgd-btn-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--ink-strong);
	color: var(--wp--preset--color--ink-strong) !important;
	background: rgba(201, 119, 11, .1) !important;
}
/* Core's outline style also strips the keyline the filled rule adds; make sure the
   outline variant does not inherit the amber inset ring meant for a filled button. */
.wp-block-button.is-style-outline .wp-block-button__link { box-shadow: none; }
/* Small amber chips: the fill is fine, the label must be chalk not white. */
.rgd-badge, .rgd-tag--jackpot, .rgd-rating-pill {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--rule);
	color: var(--wp--preset--color--amber-deep);
}
.rgd-badge::before { box-shadow: none; background: var(--wp--preset--color--amber); }

/* ---- T. Focus ring, two-tone (the mirror of the dark siblings' problem) -- */
/* No single colour clears 3:1 on BOTH the stone field and a amber fill:
     · ink-strong on stone   15.4:1  ✔   on amber  6.3:1  ✔
   ink-strong actually wins on both here, so the ring is one colour on the field
   and gains a stone gap-ring inside the button so it never sits directly on the
   amber gradient's darkest stop. */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--ink-strong);
	outline-offset: 2px;
	border-radius: 2px;
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible,
.rgd-sticky a:focus-visible {
	outline: 3px solid var(--wp--preset--color--ink-strong);
	outline-offset: 2px;
	box-shadow: inset 0 0 0 2px rgba(242, 245, 245, .92), inset 0 0 0 3px var(--wp--preset--color--chalk);
}
@media (forced-colors: active) {
	:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
		outline: 3px solid currentColor;
		box-shadow: none;
	}
}

/* ---- U1. The offer row's value is usually a SENTENCE, not a figure -------- */
/* `.rgd-offer__amount` is a 46px display size inherited from a component built to
   shout "550 AZN". On this build most of those rows deliberately read
   "operatorun şərtlərində göstərilir" instead of a number we cannot source — and a
   46px mono sentence in a flex row overran the plate, pushed the label to two lines
   and buried the honest disclosure under the loudest type on the page. Measured on the
   real /bonus render.
   A figure still gets display treatment; a phrase drops to a readable size. The split
   is done on the LENGTH of the content, which CSS cannot see — so the rule is: the
   display size applies only to the component's own headline figures, and a row value
   is body-sized. */
.rgd-offer__row .rgd-offer__amount {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	text-align: right;
	white-space: normal;
	color: var(--wp--preset--color--petrol);
}
.rgd-offer__row { align-items: baseline; }
.rgd-offer__row span:first-child { flex: 0 1 auto; }
.rgd-offer__row span:last-child { flex: 1 1 auto; text-align: right; }

/* ---- U. Tables and rules: warm zebra, stepped hairline ------------------- */
.entry-content .wp-block-table th {
	color: var(--wp--preset--color--ink-strong);
	background: var(--wp--preset--color--base-deep);
	border-bottom: 2px solid var(--wp--preset--color--amber-deep);
}
.entry-content .wp-block-table tbody tr:nth-child(even) > * {
	background: rgba(109, 141, 144, .34);
}
.entry-content .wp-block-table th,
.entry-content .wp-block-table td { border-bottom: 1px solid var(--wp--preset--color--rule); }

/* The one decorative device this identity owns: a STEPPED rule under an h2 —
   two strokes of different length, the taller one amber. It stands in for the
   crenellation of the crest without redrawing it at every heading. */
.entry-content > h2::after,
.rgd-section > h2::after {
	content: "";
	display: block;
	margin-top: 12px;
	width: 74px;
	height: 6px;
	background:
		linear-gradient(to right, var(--wp--preset--color--amber) 0 30px, transparent 30px) top left / 100% 3px no-repeat,
		linear-gradient(to right, var(--wp--preset--color--petrol) 0 74px, transparent 74px) bottom left / 100% 1px no-repeat;
}

/* ---- V. Dead rules from the fork -------------------------------------- */
/* `.rgd-one*` styled a numeral masthead — the brand token of the domain this
   theme was forked from. There is no numeral in "Royale Gold", the [rgd_one]
   shortcode was removed from inc/brand.php, and no page markup references the
   class. The rules are left in place rather than surgically cut out of 4.7k
   lines: they are unreachable, and a half-removed grid is how a sibling build
   stranded an element in an implicit column. Neutralised here so that if a class
   ever does leak in, it renders as plain text rather than as another site's
   masthead. */
.rgd-one, .rgd-one__figure { display: block; }
.rgd-one__rules, .rgd-one__ord { display: none; }
.rgd-one__num, .rgd-one__kicker { grid-area: auto; }

/* ===========================================================================
   W. THE CREST — this identity's graphic anchor
   ===========================================================================
   The brief asks for a heraldic shield emblem and a large wordmark as the main
   graphic anchor, in a premium, restrained register. So the anchor is a PLATE,
   not a picture: the shield sits in the middle of a stepped amber rule, and the
   brand string is set in two condensed lines — ROYALE over PALACE — locked to
   the rule's width so the two lines and the rule share one measure.

   It is TEXT, not an image: "Royale Gold" is the exact string this domain
   exists to own, so it has to be selectable, translatable and present for a
   crawler. The shield is the only drawn element and it is aria-hidden.
   =========================================================================== */
.rgd-crest {
	display: grid;
	justify-items: center;
	gap: 0;
	padding: 26px 18px 22px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid var(--wp--preset--color--rule);
	border-top: 3px solid var(--wp--preset--color--amber);
	border-radius: 5px;
	box-shadow: var(--wp--preset--shadow--soft);
	text-align: center;
}
.rgd-crest__emblem {
	display: block;
	line-height: 0;
	margin-bottom: 12px;
}
.rgd-crest__word {
	display: grid;
	justify-items: center;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	text-transform: uppercase;
	color: var(--wp--preset--color--ink-strong);
	line-height: .86;
	/* Two lines, one measure: the second word is the wider one, so it sets the
	   plate's optical width and the first is tracked out to match. */
	font-size: clamp(40px, 11vw, 82px);
}
.rgd-crest__word i {
	font-style: normal;
	display: block;
}
.rgd-crest__word i:first-child { letter-spacing: .12em; margin-right: -.12em; }
.rgd-crest__word i:last-child  { letter-spacing: .02em; margin-right: -.02em; color: var(--wp--preset--color--amber-deep); }
.rgd-crest__rule {
	width: min(100%, 340px);
	height: 5px;
	margin: 14px 0 12px;
	background:
		linear-gradient(to right, transparent 0 22%, var(--wp--preset--color--amber) 22% 78%, transparent 78%) top left / 100% 3px no-repeat,
		linear-gradient(to right, var(--wp--preset--color--rule) 0 100%) bottom left / 100% 1px no-repeat;
}
.rgd-crest__devise {
	margin: 0;
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--petrol);
}
@media (max-width: 600px) {
	.rgd-crest { padding: 20px 14px 18px; }
	.rgd-crest__word { line-height: .9; }
	.rgd-crest__devise { letter-spacing: .1em; font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) {
	.rgd-crest, .rgd-crest__word i { transition: none; }
}

/* ---- X. The header lock ------------------------------------------------- */
/* Two condensed lines are right for a 300px-wide hero plate and wrong for a
   34px-tall header, so the header wordmark is ONE line with the shield beside
   it, and the tagline under it is the body face at 11.5px. */
.rgd-brand__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-brand__word em {
	font-style: normal;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-brand__cluster {
	font-family: var(--wp--preset--font-family--body);
	text-transform: none;
	letter-spacing: 0;
	color: var(--wp--preset--color--ink-faint);
}
.rgd-brand__mark {
	background: none;
	border: 0;
	box-shadow: none;
	display: inline-flex;
	align-items: center;
}
.rgd-brand__mark::after { content: none; }

/* ---- Y. Chrome fills on a light page ----------------------------------- */
/* The header, the trust line and the footer were translucent dark glass. On a
   light page a blurred dark bar over stone reads as a bruise, so all three
   become opaque: header on white with a stone hairline, top line on the band,
   footer on petrol-deep (the one dark surface the design keeps, so the page
   has a foot). */
.rgd-header { background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--wp--preset--color--rule); }
.rgd-topline { background: var(--wp--preset--color--base-deep); border-top: 1px solid var(--wp--preset--color--rule); }
.rgd-topline__row, .rgd-seg { color: var(--wp--preset--color--ink-soft); }
.rgd-topline__age { background: var(--wp--preset--color--alert); color: #FFFFFF; }
.rgd-seg--rg { color: var(--wp--preset--color--amber-deep); }
/* The trust line, measured on the real 360px render.
   It inherited FOUR separator devices from three forks — a `::before` dot on every
   following segment, an `::after` pipe on every non-last one, a border and a gap — and
   on a phone the row wraps to three lines, which orphans a lone `·` or `|` at the start
   of a line. It also ate ~100px above the fold before the wordmark was even reached.
   So on small screens: one segment plus the badge and the RG link, and no separator
   glyphs at all. Desktop keeps the full line, with only ONE separator device. */
.rgd-topline .rgd-seg::before { content: none; }
.rgd-topline .rgd-seg:not(:last-child)::after {
	content: "·";
	margin: 0 4px 0 10px;
	color: var(--wp--preset--color--rule);
}
@media (max-width: 781px) {
	.rgd-topline__row { flex-wrap: nowrap; overflow: hidden; }
	.rgd-topline .rgd-seg:not(.rgd-seg--narrow):not(.rgd-seg--rg) { display: none; }
	.rgd-topline .rgd-seg::after { content: none !important; }
	.rgd-topline .rgd-seg--narrow { display: inline-flex; }
	.rgd-topline .rgd-seg--rg { margin-left: auto; }
}
.rgd-footer, .rgd-footer * { border-color: rgba(109, 141, 144, .22); }
.rgd-footer {
	background: var(--wp--preset--color--petrol-deep);
	color: var(--wp--preset--color--base);
}
/* The footer is the ONE dark surface a light theme keeps, which makes it the one place
   where every inherited ink is wrong by definition. Enumerating the elements to
   re-colour is how the first pass missed three of them (.rgd-sig__word at 1.22:1,
   .rgd-footer__col-title at 1.11:1, and the .rgd-langtag at 2.31:1 — all reported by
   shoot_rp.js at all four breakpoints on all seven pages). So the rule is inverted:
   EVERYTHING inside the footer inherits the light ink by default, and only the few
   elements that should be brighter or dimmer are named. `:where()` keeps the blanket
   rule at zero specificity so a named exception below always wins. */
.rgd-footer :where(*) { color: var(--wp--preset--color--base); }
.rgd-footer h2, .rgd-footer h3, .rgd-footer strong,
.rgd-footer .rgd-sig__word, .rgd-footer .rgd-footer__col-title { color: #FFFFFF; }
.rgd-footer a { color: var(--wp--preset--color--amber-lit); }
.rgd-footer a:hover { color: #FFFFFF; }
.rgd-footer .rgd-num, .rgd-footer small, .rgd-footer .rgd-updated,
.rgd-footer .rgd-sig__host, .rgd-footer .rgd-payrail__note { color: var(--wp--preset--color--rule); }
/* The language marker is a bordered chip, and on the footer fill its amber-deep ink is
   2.31:1. It takes the lit accent there — the same token the footer links use. */
.rgd-footer .rgd-langtag {
	color: var(--wp--preset--color--amber-lit);
	border-color: rgba(233, 135, 7, .5);
}
/* The payment rail is the ONE exception, and it is a deliberate one: it keeps the
   card gradient it inherited, so it reads as a pale plate inset into the dark foot —
   the trust element gets the page's own surface rather than being swallowed by the
   footer. Which means the blanket light ink above is exactly wrong inside it, and the
   first run of the fix produced 1.05:1 stone-on-stone there. Everything in the plate
   is therefore re-inked DARK, explicitly. */
.rgd-footer .rgd-payrail--strip :where(*) { color: var(--wp--preset--color--contrast); }
.rgd-footer .rgd-payrail__title { color: var(--wp--preset--color--ink-soft); }
.rgd-footer .rgd-payrail__note { color: var(--wp--preset--color--ink-faint); }
.rgd-footer .rgd-payrail__note a { color: var(--wp--preset--color--amber-deep); }
.rgd-footer .rgd-payrail--strip .rgd-chip {
	color: var(--wp--preset--color--contrast);
	border-color: var(--wp--preset--color--rule);
	background: var(--wp--preset--color--base);
}
/* The sticky CTA and the cookie card sit on the page, not on glass. */
.rgd-sticky { background: rgba(242, 245, 245, .97); border-top: 1px solid var(--wp--preset--color--rule); }
.rgd-cookie { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--rule); }
.rgd-agegate { background: rgba(8, 54, 61, .82); }
.rgd-agegate__card { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--rule); }
.rgd-agegate__badge { color: #FFFFFF; background: var(--wp--preset--color--alert); }
.rgd-nav__list a, .rgd-nav__mobile summary { color: var(--wp--preset--color--contrast); }
.rgd-nav__list a[aria-current="page"] { color: var(--wp--preset--color--amber-deep); }
.rgd-skeleton { background: linear-gradient(90deg, #ECF0F0 0%, #FCFCFC 50%, #ECF0F0 100%); }

/* ================= END RP IDENTITY LAYER ================= */


/* =========================================================================
   SUPERSEDED — inherited donor identity layer («Burgundy & Cream — Kart Masasi»).
   Kept for its rationale only: every rule below that still mattered is restated in
   the RGD IDENTITY LAYER at the tail of this file, which is appended after it and
   therefore wins. Do not add to this block.

   Three jobs, and only three:
     1. RE-FIT THE TYPE. The donor's display face was a CONDENSED poster sans set
        at 68px with +0.4px tracking. Alexandria is a wide slab serif; at the donor's
        sizes an Azerbaijani H1 («Royale Gold Azərbaycan 2026») runs to four
        lines at 360px. Sizes come down, tracking goes negative, leading opens up —
        a serif with real bracketed serifs needs air between lines that a condensed
        grotesque does not.
     2. STATE THE SIGNATURE. Every prior build in this chain marked its plates with
        one edge: a top rule (royale-pro-az), a left ticket stub (royaleplay.bet), a
        plinth (royalecasino1.net). This one uses the PLAYING-CARD INDEX: a amber
        corner bracket at the TOP-LEFT and, rotationally, at the BOTTOM-RIGHT — the
        two corners a card carries its rank in — plus a small CSS-drawn diamond
        before every eyebrow. Drawn with background-image layers, NOT pseudo-
        elements, because half these components already use ::before/::after, and
        NOT with clip-path, because a clip can eat a focus ring.
     3. FINISH THE ACCENT INVERSION. The donor's accent was a LIGHT brass fill under
        DARK ink; this one is a DARK amber fill under CHALK ink. fork_rco.py swapped
        the values correctly, but a few rules assumed the old direction.
   ========================================================================= */

/* ---- 1. Type re-fit for Alexandria ---------------------------------------- */
h1, h2,
.wp-block-post-title,
.wp-block-site-title {
	font-family: var(--wp--preset--font-family--heading);
	letter-spacing: -0.3px;
}
h1, .wp-block-post-title { line-height: 1.08; letter-spacing: -0.5px; }
h2 { line-height: 1.14; }
/* h3/h4 stay in the body face, and both need text-transform SPELLED OUT: an
   inherited caps rule plus lang="az" maps latin i -> İ and sets «casino» as
   «CASİNO» (royalecasino1.net). */
h3, h4, h5, h6 { text-transform: none; }
/* The hero H1 gets NO max-width. In a constrained layout a capped measure inherits the
   layout's auto side margins — which core sets !important — so the box centres while its
   text stays left-aligned, and the heading floated ~135px to the right of the lead
   paragraph under it. A plain `margin-inline: 0` cannot win against !important; letting
   the H1 use the full column and wrap naturally is both simpler and correct. */
.rgd-hero h1 { max-width: none; }

/* ---- 2. The playing-card index --------------------------------------- */
:root {
	--rgd-index: linear-gradient(var(--wp--preset--color--amber), var(--wp--preset--color--amber));
	--rgd-index-arm: 26px;
	--rgd-index-thick: 3px;
}
/* Written as the `background` SHORTHAND, not as `background-image`: position/size/repeat
   are not legal inside background-image, so the first version of this rule was dropped by
   the parser and the signature silently did not exist — the plates rendered as plain cards
   and every markup gate still passed. Probed with getComputedStyle before and after. */
/* `.rgd-step` is NOT on this list, though the first draft put it there. In this tree a step
   is a NUMBERED LIST ROW, not a plate: `.rgd-steps > li, .rgd-step` strips its border,
   background and radius and pads 54px on the left for the markup numeral. Signing it would
   have meant fighting that layout for a rim nobody asked for, and the milled edge is supposed
   to mark the plates that carry a CLAIM — keeping it scarce is what makes it read. */
.rgd-card-raised,
.rgd-feature,
.rgd-offer,
.rgd-compare,
.rgd-app,
.rgd-jackpot {
	background:
		var(--rgd-index) top    left  / var(--rgd-index-arm) var(--rgd-index-thick) no-repeat,
		var(--rgd-index) top    left  / var(--rgd-index-thick) var(--rgd-index-arm) no-repeat,
		var(--rgd-index) bottom right / var(--rgd-index-arm) var(--rgd-index-thick) no-repeat,
		var(--rgd-index) bottom right / var(--rgd-index-thick) var(--rgd-index-arm) no-repeat,
		linear-gradient(168deg, #FFFFFF 0%, #F3F6F6 100%);
	border-radius: 12px;
}
/* The index only reads if the corner is not rounded away from under it. */
.rgd-card-raised, .rgd-feature, .rgd-step, .rgd-offer, .rgd-compare,
.rgd-app, .rgd-jackpot { background-clip: padding-box; }

/* The suit tic: a CSS-drawn diamond, not the ♦ character — U+2666 is not in
   every subset Google serves and a missing glyph would print a box.

   The eyebrow is also the one place this theme STOPS uppercasing. Under lang="az"
   the browser maps latin «i» to «İ», which is correct for Azerbaijani words and
   wrong for the latin brand string — every eyebrow on this site opens with «Royale
   Casino 1», so an uppercased eyebrow ships «ROYALE CASİNO 1» on eight pages. The
   label still reads as a label through tracking, weight and the diamond tic; the
   whole i→İ risk class is removed rather than audited. (import_rco.py's
   CAPS_COMPONENTS list is kept in step with this rule.) */
.rgd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	text-transform: none;
	letter-spacing: 1.1px;
	font-weight: 700;
	font-size: 13px;
}
.rgd-eyebrow::before {
	content: "";
	width: 8px;
	height: 8px;
	flex: none;
	transform: rotate(45deg);
	background: var(--wp--preset--color--amber);
	border-radius: 1px;
}

/* ---- 3. Accent-inversion clean-up ------------------------------------- */
/* Claret is DARK: anything sitting on it takes chalk, and anything that used to
   be a light-fill-with-dark-ink has to be re-stated in the other direction. */
.rgd-tag--jackpot,
.rgd-chip--accent,
.rgd-badge--solid {
	background: var(--wp--preset--color--amber);
	color: var(--wp--preset--color--chalk);
	border-color: transparent;
}
.rgd-stars { color: var(--wp--preset--color--amber-deep); }
/* Gilt is the sheet's dark gold, kept ONLY as an ornament and as the positive
   mark. Darkened from #9A641D (4.3:1 — under AA for body) to #815215 (5.4:1) so
   it is safe as text as well as as a dot. */
.rgd-badge::before { background: var(--wp--preset--color--bronze); box-shadow: none; }

/* ---- Focus: two-tone, because a amber ring on cream is not enough ---- */
/* NOT written with :where(). `:where()` contributes ZERO specificity, so an inherited
   `a:focus-visible` rule from any earlier layer outranks it — focusring_rco.js caught two
   links still painting the donor's ink-strong ring while every other control took the new
   amber one. A plain selector list is 0,1,1 and wins. */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--wp--preset--color--amber);
	outline-offset: 2px;
	border-radius: 6px;
}
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--petrol);
	outline-offset: 3px;
	box-shadow: 0 0 0 6px rgba(255, 255, 255, .95);
}

/* ---- Motion ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ---- Ambient wash: sand, not stone ------------------------------------ */
.wp-site-blocks::before {
	background:
		radial-gradient(1100px 560px at 84% -10%, rgba(201, 119, 11, .13), transparent 62%),
		radial-gradient(820px 460px at 8% 2%, rgba(15, 84, 94, .09), transparent 58%);
}

/* ---- The crest: the «1» is a RANK CHIP, not a third word --------------- */
/* The brand string this domain exists to own ends in a numeral, so the numeral is the
   one element the plate sets in the accent. It stays inside the selectable text —
   styling on top of the string, never a decorative substitute for it.
   `em` is safe here: the chip's PARENT (<i>) inherits the clamp()ed display size from
   `.rgd-crest__word`, so .58em resolves against the display size and not against a
   flex container's own font-size (the trap that shipped a 9px «1» on the .net twin). */
.rgd-crest__word i:last-child {
	display: inline-flex;
	align-items: baseline;
	gap: .22em;
}
.rgd-crest__word b {
	font-weight: 800;
	font-size: .58em;
	line-height: 1;
	padding: .22em .40em .28em;
	border-radius: .22em;
	background: var(--wp--preset--color--amber);
	color: var(--wp--preset--color--chalk);
	letter-spacing: 0;
	transform: translateY(-.06em);
}
.rgd-crest {
	border-top: 0;
	border-radius: 16px;
	background:
		var(--rgd-index) top    left  / var(--rgd-index-arm) var(--rgd-index-thick) no-repeat,
		var(--rgd-index) top    left  / var(--rgd-index-thick) var(--rgd-index-arm) no-repeat,
		var(--rgd-index) bottom right / var(--rgd-index-arm) var(--rgd-index-thick) no-repeat,
		var(--rgd-index) bottom right / var(--rgd-index-thick) var(--rgd-index-arm) no-repeat,
		linear-gradient(168deg, #FFFFFF 0%, #FCFCFC 100%);
}
.rgd-crest__rule {
	background:
		linear-gradient(to right, transparent 0 20%, var(--wp--preset--color--petrol) 20% 80%, transparent 80%) top left / 100% 3px no-repeat,
		linear-gradient(to right, var(--wp--preset--color--rule) 0 100%) bottom left / 100% 1px no-repeat;
}

/* ---- Caps: OFF on every element that carries the brand string ---------- */
/* Under lang="az" the browser maps latin «i» to «İ», so an uppercased «Royale Gold»
   renders «ROYALE CASİNO 1» — a misspelling of the one string this domain exists to own,
   in the wordmark, in the header and on the share card's twin. All-caps also strips the
   ascender and dot cues ə ş ğ ç ö ü ı İ depend on. Alexandria is a slab serif with real
   bracketed serifs; a mixed-case wordmark is the stronger setting anyway. */
.rgd-brand__word,
.rgd-crest__word,
.rgd-crest__word i {
	text-transform: none;
	letter-spacing: -0.4px;
}
/* The devise is MONO, and mono on this build carries figures and technical strings only.
   Left uppercased it also tripped the standing schwa-in-mono guard on «Əvvəl» — the
   cheapest end state is to stop uppercasing it rather than to audit the face. */
.rgd-crest__devise { text-transform: none; letter-spacing: .06em; }

/* ---- The footer is the one DARK surface, so the accent inverts there ---- */
/* The donor's accent was a LIGHT brass, which worked as a link colour on its dark
   graphite foot. This build's accent is a DARK amber, so the same rule measured
   1.63:1 on petrol-deep — correct substitution, inverted direction (the royale-win.net
   lesson). Footer links therefore take a pale bronze that belongs to this palette's
   ornament role: 7.6:1 on #08363D. */
:root { --rgd-footer-link: #F6E5CB; }
.rgd-footer a,
.rgd-footer .rgd-langtag,
.rgd-footer .rgd-payrail__note a { color: var(--rgd-footer-link); }
.rgd-footer a:hover,
.rgd-footer a:focus-visible { color: #FFFFFF; }
.rgd-footer .rgd-langtag { border-color: rgba(246, 229, 203, .45); }
/* …except inside the pale payment plate, which keeps the page's own surface. */
.rgd-footer .rgd-payrail--strip a { color: var(--wp--preset--color--amber-deep); }

/* ---- The T&C accordion on /bonus/ ------------------------------------- */
/* `.rgd-terms` is this build's own component — a deliberate second accordion that must
   NOT be `.rgd-faq`, because everything wearing that class enters the FAQPage node and
   a bonus T&C checklist is not a set of questions a reader asked. The donor never had
   one, so it shipped completely unstyled: a bare <details> with a 29px summary, i.e.
   under the 44px tap target at every breakpoint. Styled as a CHECKLIST rather than a
   Q&A — a petrol rule down the open panel, no + / − affordance — so the two accordions on
   the same site do not read as the same widget. */
.rgd-terms {
	border-radius: 12px;
	background: var(--wp--preset--gradient--card);
	border: 1px solid rgba(16, 30, 32, .12);
	overflow: hidden;
	margin: 0 0 10px;
}
.rgd-terms > summary {
	list-style: none;
	cursor: pointer;
	min-height: 48px;
	padding: 14px 18px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15.5px;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
}
.rgd-terms > summary::-webkit-details-marker { display: none; }
.rgd-terms > summary::before {
	content: "";
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	background: var(--wp--preset--color--petrol);
	border-radius: 1px;
}
.rgd-terms[open] > summary { color: var(--wp--preset--color--amber-deep); }
.rgd-terms > p {
	margin: 0;
	padding: 0 18px 16px 39px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--wp--preset--color--contrast);
	border-left: 3px solid var(--wp--preset--color--petrol);
	margin-left: 18px;
	max-width: 62ch;
}

/* ---- The promo-code illustration's label ------------------------------ */
/* Mono is FIGURES on this build. This label is a sentence, it contains ə, and the
   stylesheet uppercased it — the standing schwa-in-mono guard flagged it on every
   breakpoint. Fixed at the type rule, not in the guard. */
.rgd-codebox__label {
	font-family: var(--wp--preset--font-family--body);
	text-transform: none;
	letter-spacing: .2px;
	font-size: 13px;
	font-weight: 700;
}

/* ---- The mascot ------------------------------------------------------- */
.rgd-mascot { display: block; max-width: 100%; height: auto; }
figure:has(> .rgd-mascot) { margin: 0; text-align: center; }

/* ---- Mobile: the index arms shrink so they do not crowd 360px ---------- */
@media (max-width: 480px) {
	:root { --rgd-index-arm: 18px; }
	.rgd-hero h1 { max-width: none; }
}
/* ================= END RCO IDENTITY LAYER ================= */

/* =========================================================================
   RGD IDENTITY LAYER — royale-gold.com · «Slate & Amber — Qızıl Jeton»
   Appended LAST, so it wins over every inherited layer in this file, including
   the donor's own «Burgundy & Cream — Kart Masası» layer above.

   Five jobs, and only five:

     1. RE-FIT THE TYPE. The donor set headings in Bitter — a compact slab serif —
        at 54px with -0.5px tracking. Alexandria is a WIDE geometric sans: at the
        donor's sizes «Royale Gold Azərbaycan 2026» runs to four lines at 360px.
        Sizes come down, tracking goes slightly less negative (a wide face pinched
        by -0.5px closes its own counters), leading tightens rather than opens
        because there are no bracketed serifs to separate.

     2. STATE THE SIGNATURE — the MILLED EDGE. Every prior build in this chain
        marked its plates with one edge treatment: a top rule (royale-pro-az), a
        left ticket stub (royaleplay.bet), a plinth (royalecasino1.net), corner
        brackets (royale-casino1.org, the donor), a bulb rail (royalevegas-az).
        This one uses the KNURLING of a struck coin: a high-frequency tick rhythm
        along a plate's top edge. Ninth axis in the chain, and the first that is a
        micro-TEXTURE rather than a shape, an interval or a corner.
        Drawn with the `background` SHORTHAND, not `background-image`: size and
        repeat are not legal inside background-image, and the donor's own comment
        records that the parser silently drops the whole declaration when they are
        — the signature then does not exist and every markup gate still passes.

     3. FIX THE LABEL DIRECTION ON THE CTA. The inherited rule paints the primary
        button with `--gradient--amber` (amber-mid -> amber -> amber-shade) under a
        CHALK label. On this palette chalk holds 4.5 on the two DARK stops and only
        3.2 on the middle one, which is the stop that covers most of the button —
        so the label was sub-AA across the widest part of every CTA on the site.
        Amber is a FILL that carries INK here (5.84:1), so the gradient is restated
        to stay inside the ink-safe band (amber-lit -> amber, 6.55 and 5.84) and
        the label becomes ink-strong. See pal_rg.py.

     4. HOVER IS NOT AN AMBER. 1.4.11 caps the resting fill at L.42 (3.0 against
        the white panel) and the ink label needs 4.5 on whatever replaces it —
        every amber that differs *perceptibly* from `amber` fails one of the two.
        So the CTA hover swaps the whole chip to PETROL + CHALK (8.36:1) and active
        goes to petrol-deep. The colour changes by 5:1 in luminance, which is a far
        clearer state change than a brightness filter, and it ties the second
        saturated colour into the interaction instead of leaving it decorative.

     5. KILL THE GRADIENT TEXT. `.rgd-flame-text` clips a gradient into the glyphs.
        On a dark donor that was a bright accent on a dark field; inverted onto a
        near-white field the lighter stop lands at ~2:1. Text takes a solid
        `amber-deep`, which is the one amber that holds 4.5 on white.
   ========================================================================= */

/* ---- 0. Tokens the identity layer introduces ---------------------------- */
:root {
	/* the milled rim */
	--rgd-mill-tick: 2px;      /* width of one tick */
	--rgd-mill-gap: 3px;       /* gap between ticks */
	--rgd-mill-h: 3px;         /* rim height */
	--rgd-mill: repeating-linear-gradient(
		90deg,
		var(--wp--preset--color--amber) 0 var(--rgd-mill-tick),
		rgba(201, 119, 11, 0) var(--rgd-mill-tick) calc(var(--rgd-mill-tick) + var(--rgd-mill-gap))
	);
	/* the coin bevel: a hairline highlight over a hairline shade */
	--rgd-bevel: inset 0 1px 0 rgba(255, 255, 255, .92), 0 1px 0 rgba(16, 30, 32, .05);
	--rgd-plate-radius: 18px;
	--rgd-chip-radius: 999px;
}

/* ---- 1. Type re-fit for Alexandria -------------------------------------- */
h1, h2,
.wp-block-post-title,
.wp-block-site-title {
	font-family: var(--wp--preset--font-family--heading);
	letter-spacing: -0.02em;
	font-variant-numeric: lining-nums;
}
h1, .wp-block-post-title {
	font-size: clamp(30px, 5.2vw, 46px);
	line-height: 1.1;
	letter-spacing: -0.025em;
}
h2 { font-size: clamp(24px, 3.6vw, 32px); line-height: 1.16; }
h3 { font-size: clamp(19px, 2.4vw, 22px); line-height: 1.24; }
/* h3/h4 stay in the BODY face, and text-transform is spelled out: an inherited caps
   rule plus lang="az" maps latin i -> İ, so «casino» sets as «CASİNO». */
h3, h4, h5, h6 { text-transform: none; font-family: var(--wp--preset--font-family--body); }
/* The hero H1 gets NO max-width: in a constrained layout a capped measure inherits
   the layout's auto side margins, which core sets !important, so the box centres
   while its text stays left-aligned. */
.rgd-hero h1 { max-width: none; }

/* ---- 2. The MILLED EDGE ------------------------------------------------- */
/* Cancel the donor's card-index corner brackets outright — a rotational bracket
   pair and a milled rim on the same plate read as two unrelated systems. */
/* `.rgd-step` is NOT on this list, though the first draft put it there. In this tree a step
   is a NUMBERED LIST ROW, not a plate: `.rgd-steps > li, .rgd-step` strips its border,
   background and radius and pads 54px on the left for the markup numeral. Signing it would
   have meant fighting that layout for a rim nobody asked for, and the milled edge is supposed
   to mark the plates that carry a CLAIM — keeping it scarce is what makes it read. */
.rgd-card-raised,
.rgd-feature,
.rgd-offer,
.rgd-compare,
.rgd-app,
.rgd-jackpot {
	background:
		var(--rgd-mill) top left / 100% var(--rgd-mill-h) no-repeat,
		linear-gradient(168deg,
			var(--wp--preset--color--surface) 0%,
			var(--wp--preset--color--panel-tint) 100%);
	border-radius: var(--rgd-plate-radius);
	background-clip: padding-box;
	box-shadow: var(--rgd-bevel);
	border: 1px solid rgba(109, 141, 144, .34);
	/* The milled rim sits ON the top edge, so the plate needs its own top inset — and
	   the LONGHANDS, not the `padding` shorthand: a shorthand written by a page author
	   to add side padding would silently reset the top inset and the rim would print
	   through the first line of text. Sides and bottom are stated here so no page has
	   to carry inline padding at all. */
	padding-top: max(20px, 1.2em);
	padding-right: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
}
/* A plate whose rim is milled must not round the rim away from under it. */
.rgd-card-raised, .rgd-feature, .rgd-offer, .rgd-compare,
.rgd-app, .rgd-jackpot { overflow: hidden; }

/* The plain card keeps the bevel and the radius but no rim — the rim marks the
   plates that carry a claim, so it stays scarce enough to mean something. */
.rgd-card {
	border-radius: var(--rgd-plate-radius);
	box-shadow: var(--rgd-bevel);
	border: 1px solid rgba(109, 141, 144, .26);
}

/* The eyebrow tic: a COIN, not the donor's diamond. Two radial stops draw a ring
   with a struck centre — a CSS shape, never a ♦/● character, because U+2666 and
   friends are not in every subset Google serves and a miss prints a box. */
.rgd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	/* the one place this theme stops uppercasing: every eyebrow opens with the latin
	   brand string «Royale Gold», and under lang="az" an uppercase transform maps
	   its i to İ. The label still reads as a label through tracking and weight. */
	text-transform: none;
	letter-spacing: .09em;
	font-weight: 700;
	font-size: 13px;
	color: var(--wp--preset--color--amber-deep);
}
.rgd-eyebrow::before {
	content: "";
	width: 11px;
	height: 11px;
	flex: none;
	border-radius: 50%;
	background:
		radial-gradient(circle at 50% 50%,
			var(--wp--preset--color--amber) 0 2.5px,
			rgba(201, 119, 11, 0) 2.5px 4px,
			var(--wp--preset--color--amber) 4px 5.5px,
			rgba(201, 119, 11, 0) 5.5px);
}
/* An eyebrow that directly follows the h1 is a KICKER, and `h1 + X::before` (0,1,2) beats
   `X::before` (0,1,1) — the royalevegas lesson, which is why this is stated at all.

   The FIRST attempt at stating it introduced the same bug one level up: it "neutralised" the
   inherited kicker marker with `h1 + .rgd-eyebrow::before, .rgd-hero h1 + .rgd-eyebrow::before
   { background: inherit }` and then re-set the coin at (0,1,2). Inside a hero the neutraliser
   is (0,2,2) and therefore WINS, so every kicker eyebrow on the site rendered with no marker
   at all — a rule written to prevent one component having two appearances gave it a third.
   There is no neutraliser now; the coin is simply stated at both specificities. */
h1 + .rgd-eyebrow::before,
.rgd-hero h1 + .rgd-eyebrow::before,
.entry-content h1 + .rgd-eyebrow::before {
	background:
		radial-gradient(circle at 50% 50%,
			var(--wp--preset--color--amber) 0 2.5px,
			rgba(201, 119, 11, 0) 2.5px 4px,
			var(--wp--preset--color--amber) 4px 5.5px,
			rgba(201, 119, 11, 0) 5.5px);
	border-radius: 50%;
	width: 11px;
	height: 11px;
	transform: none;
}

/* Section heads carry a short milled rule instead of the donor's trail line. */
.rgd-section > h2::after,
.rgd-section > h3::after {
	content: "";
	display: block;
	height: var(--rgd-mill-h);
	width: 84px;
	margin-top: 12px;
	background: var(--rgd-mill);
	opacity: .85;
}

/* ---- 3 + 4. The CTA: a struck token ------------------------------------- */
/* Resting: amber gradient kept inside the ink-safe band, ink label, and a
   `amber-shade` ring. The ring is what satisfies 1.4.11 — the lighter end of the
   sheen sits at 2.6 against a white panel on its own. */
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link,
a.rgd-cta {
	background: linear-gradient(158deg,
		var(--wp--preset--color--amber-lit) 0%,
		var(--wp--preset--color--amber) 100%) !important;
	color: var(--wp--preset--color--ink-strong) !important;
	border: 1px solid var(--wp--preset--color--amber-shade) !important;
	border-radius: var(--rgd-chip-radius);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 1px 2px rgba(16, 30, 32, .16);
	font-weight: 700;
	transition: background .14s ease, color .14s ease, border-color .14s ease;
}
/* Hover/focus/active: the chip is RE-STRUCK in petrol. Not a brightness filter —
   see job 4 in the header comment. */
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:hover,
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:focus-visible,
a.rgd-cta:hover,
a.rgd-cta:focus-visible {
	background: var(--wp--preset--color--petrol) !important;
	color: var(--wp--preset--color--chalk) !important;
	border-color: var(--wp--preset--color--petrol-deep) !important;
	filter: none;
}
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:active,
a.rgd-cta:active {
	background: var(--wp--preset--color--petrol-deep) !important;
	color: var(--wp--preset--color--chalk) !important;
	transform: translateY(1px);
}
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link[aria-disabled="true"],
.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:disabled {
	background: var(--wp--preset--color--base-deep) !important;
	color: var(--wp--preset--color--ink-faint) !important;
	border-color: rgba(109, 141, 144, .5) !important;
	box-shadow: none;
	cursor: not-allowed;
}
/* The outline button is the same capsule, unstruck. */
.wp-block-button.rgd-btn-outline .wp-block-button__link,
.wp-block-button__link.rgd-btn-outline {
	border-radius: var(--rgd-chip-radius);
	border: 1px solid var(--wp--preset--color--rule) !important;
	background: var(--wp--preset--color--surface) !important;
	color: var(--wp--preset--color--contrast) !important;
}
.wp-block-button.rgd-btn-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--petrol) !important;
	color: var(--wp--preset--color--petrol) !important;
	background: var(--wp--preset--color--petrol-tint) !important;
}

/* Focus ring: two-tone, so it reads on the near-white field AND on an amber or
   petrol fill. `element.focus()` never matches :focus-visible, so any harness that
   asserts this must dispatch a real keyboard event. */
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--petrol);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px var(--wp--preset--color--chalk);
	border-radius: 6px;
}

/* ---- 5. No gradient text ------------------------------------------------ */
.rgd-flame-text {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: currentColor;
	color: var(--wp--preset--color--amber-deep);
}

/* ---- 6. Figures read as struck metal ------------------------------------ */
.rgd-num,
.rgd-stat__num,
.rgd-jackpot__num,
code, kbd, samp,
.rgd-table td:has(> .rgd-num) {
	font-family: var(--wp--preset--font-family--mono);
	font-variant-numeric: lining-nums tabular-nums;
	color: var(--wp--preset--color--bronze);
	letter-spacing: 0;
}
/* The mono face carries FIGURES only. Any uppercase Azerbaijani LABEL takes the
   display face — that removes the whole «is this face's Ə drawn correctly» class
   of risk rather than auditing for it, and a figure contains no schwa. */
.rgd-eyebrow, .rgd-chip, .rgd-badge, .rgd-tag, .rgd-trust, .rgd-langtag {
	font-family: var(--wp--preset--font-family--heading);
}

/* ---- 7. Chips and badges: small tokens ---------------------------------- */
.rgd-chip,
.rgd-badge,
.rgd-tag,
.rgd-rating-pill {
	border-radius: var(--rgd-chip-radius);
	border: 1px solid rgba(109, 141, 144, .38);
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink-soft);
	font-weight: 600;
}
.rgd-chip--accent,
.rgd-badge--solid,
.rgd-tag--hot,
.rgd-tag--jackpot {
	background: var(--wp--preset--color--amber);
	border-color: var(--wp--preset--color--amber-shade);
	color: var(--wp--preset--color--ink-strong);
}
.rgd-chip--age {
	background: var(--wp--preset--color--petrol);
	border-color: var(--wp--preset--color--petrol-deep);
	color: var(--wp--preset--color--chalk);
}

/* ---- 8. Trust bar and footer: the petrol band --------------------------- */
.rgd-trustrow,
.rgd-trust {
	background: var(--wp--preset--color--petrol-tint);
	border-block: 1px solid rgba(109, 141, 144, .34);
	color: var(--wp--preset--color--ink-soft);
}
.rgd-footer {
	background: var(--wp--preset--color--petrol-deep);
	color: var(--wp--preset--color--chalk);
	border-top: var(--rgd-mill-h) solid transparent;
	border-image: var(--rgd-mill) var(--rgd-mill-h);
}
.rgd-footer a { color: var(--wp--preset--color--chalk); }
.rgd-footer .rgd-updated,
.rgd-footer small,
.rgd-footer .rgd-note { color: rgba(254, 252, 248, .82); }

/* ---- 9. Tables: milled header rule -------------------------------------- */
.rgd-table thead th,
.rgd-tbl thead th {
	background: var(--wp--preset--color--panel-tint);
	color: var(--wp--preset--color--ink-strong);
	border-bottom: var(--rgd-mill-h) solid transparent;
	border-image: var(--rgd-mill) var(--rgd-mill-h);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
}

/* ---- 10. Sticky CTA: a token on a rail ---------------------------------- */
.rgd-sticky {
	background: var(--wp--preset--color--surface);
	border-top: 1px solid rgba(109, 141, 144, .4);
	padding-bottom: max(10px, env(safe-area-inset-bottom));
	box-shadow: 0 -2px 10px rgba(16, 30, 32, .08);
}

/* ---- 11. Reduced motion ------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link,
	a.rgd-cta { transition: none; }
	a.rgd-cta:active,
	.wp-block-button:not(.rgd-btn-outline) > .wp-block-button__link:active { transform: none; }
}

/* ---- 12. Small screens -------------------------------------------------- */
@media (max-width: 600px) {
	:root { --rgd-plate-radius: 14px; }
	.rgd-section > h2::after, .rgd-section > h3::after { width: 62px; }
}

/* ---- 13. The line-icon set + the milled crest rule ---------------------- */
.rgd-ico {
	flex: none;
	display: inline-block;
	vertical-align: -0.18em;
	color: inherit;
}
.rgd-cat__ico .rgd-ico,
.rgd-feature .rgd-ico { color: var(--wp--preset--color--amber-deep); }
.rgd-crest { display: grid; justify-items: center; gap: 10px; text-align: center; }
.rgd-crest__word {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 800;
	line-height: 1.02;
	display: grid;
	color: var(--wp--preset--color--ink-strong);
}
.rgd-crest__word i { font-style: normal; }
.rgd-crest__word i:first-child { letter-spacing: .02em; font-size: 22px; }
.rgd-crest__word i:last-child { letter-spacing: .30em; font-size: 22px; text-indent: .30em; }
/* The crest rule is MILLED — third appearance of the same tick rhythm. */
.rgd-crest__rule {
	display: block;
	width: 96px;
	height: var(--rgd-mill-h);
	background: var(--rgd-mill);
}
.rgd-crest__devise {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: none;
	color: var(--wp--preset--color--ink-faint);
	margin: 0;
}

/* ---- 14. Trust rail layout ---------------------------------------------
   `.rgd-trustrow` inherited a background and a border but no `display`, so every page
   that used it had to carry an inline flex rule inside a wp:html block. Stated here
   once instead. */
.rgd-trustrow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	padding: 12px 18px;
	border-radius: var(--rgd-plate-radius);
}
.rgd-trustrow > * { margin: 0; }

/* ---- 15. Footer band: `rule` is a HAIRLINE, never text ------------------
   Three footer strings inherited `rule` (#6D8D90) as a text colour and measured 3.65:1 on
   the petrol-deep band. The importer's BAD_TEXT_TOKENS list already forbids it, but that
   list only lints PAGE markup — parts/footer.html is theme-owned and never passes through
   it, which is exactly why the defect survived to the browser sweep. */
/* Verified by pixel sample: these three really do sit on the petrol-deep band. The payment
   strip's own text does not — see block 16a. */
.rgd-footer .rgd-sig__host,
.rgd-footer .rgd-footer__support,
.rgd-footer .rgd-footer__support .rgd-num,
.rgd-footer .has-chalk-dim-color {
	color: var(--wp--preset--color--chalk-dim);
}

/* ---- 16. The dark-band inversion, swept ---------------------------------
   Five pairs survived the first sweep, and all five are the same inherited error in
   different clothes: a component authored for a LIGHT panel, re-used on a DARK ground, that
   kept its ink colour when the ground flipped. The donor's footer band was cream; this one
   is petrol-deep. No markup, schema or validation gate can see a colour — only the computed
   1440+360 sweep can, which is why it runs on every page rather than on the home page. */

/* a. The payment rail. The first version of this block recoloured its title and note to
      chalk / chalk-dim, because contrast_rg.js reported them at 1.33:1 and 2.07:1 «on
      petrol-deep». They are NOT on petrol-deep: `.rgd-payrail--strip` is a WHITE panel
      sitting inside the dark footer, and the strip paints it as a background-IMAGE with a
      transparent background-colour — which contrast_rg.js could not see, because its
      ancestor walk composited background-COLORS only and fell through the strip to the band
      behind it. The recolour therefore put near-white text on a white panel: 1:1, a defect
      strictly worse than the one it was fixing, and it took a PIXEL SAMPLE of the rendered
      page to settle which harness was right. The rail keeps its ink tokens; the harness was
      fixed instead (see the ancestor-ground walk in contrast_rg.js).

      Two elements in the footer really are on the band — `.rgd-sig__host` and the support
      line's `.rgd-num` — and those keep chalk-dim, below. «Inside the footer» and «on the
      footer's ground» are different questions. */
.rgd-footer .rgd-payrail__title { color: var(--wp--preset--color--ink-strong); }
.rgd-footer .rgd-payrail__note { color: var(--wp--preset--color--ink-faint); }

/* b. The login-panel MOCK button is a picture of the operator's control, so it is painted
      with the same amber fill as a real CTA — and it inherited the same chalk label the real
      CTA had before job 3 above (2.58:1). Amber carries INK here. */
.rgd-shot__btn { color: var(--wp--preset--color--ink-strong); }

/* c. The KYC «waiting» chip fills with amber at 12% over a light panel and sets its label in
      `amber-deep` — 4.04:1, just under. The chip is a STATE, so the label goes to the
      darkest amber rather than the fill being lightened (which would cost the 1.4.11 edge). */
.rgd-kyc__state--wait { color: var(--wp--preset--color--amber-shade); }

/* d. `.rgd-num` inside a petrol-tinted offer row: bronze on that wash is 4.28:1. Figures are
      the one thing on this site that must never be approximate, so the ledger's figures take
      the darker bronze on any tinted row. */
.rgd-offer__row .rgd-num,
.rgd-ledger .rgd-num,
.rgd-table tr:nth-child(even) .rgd-num { color: var(--wp--preset--color--amber-shade); }

/* ---- 17. The trust-bar RG link is a real tap target ---------------------
   `.rgd-seg--rg` is the «Məsuliyyətli oyun» link in the top line — the one control on this
   site that a reader in trouble reaches for — and it rendered 140x30 on every page at every
   width above 600px.

   The first fix extended the HIT AREA with an absolutely-positioned ::after, which is the
   technique the breadcrumb link in this tree already uses. It works for a real pointer and
   the gate still reported 24 findings, because `getBoundingClientRect()` measures the
   ELEMENT, not the area that receives the click — a fix that only a human can verify is not
   a fix this pipeline can keep. So the link itself grows to 44px and the band is pulled back
   to its old height with a negative block margin: the measured box and the clickable box are
   now the same box, and the header does not move. */
.rgd-seg--rg {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-inline: 2px;
}
/* Pulling the 44px link back into a 32px band with a negative block margin made it poke out
   of the band's content box, and the sweep then reported «.rgd-topline__row clips its own
   text» at 360 and 768 — one defect traded for another. The band gives up its own vertical
   padding instead: the trust bar is 44px tall, which is what a bar carrying the site's one
   help link should be, and nothing is clipped at any width. */
.rgd-topline { padding-block: 0; }
.rgd-topline__row { min-height: 44px; }