:root {
	--oc-ink: #111520;
	--oc-ink-2: #202637;
	--oc-text: #172033;
	--oc-muted: #667084;
	--oc-canvas: #f4f7fb;
	--oc-panel: #ffffff;
	--oc-line: #dce4ef;
	--oc-green: #2f7d5b;
	--oc-green-dark: #235f47;
	--oc-mint: #e9f7ef;
	--oc-gold: #d7aa35;
	--oc-gold-soft: #fff4d3;
	--oc-blue: #315a9d;
	--oc-coral: #d85b4a;
	--oc-shadow-sm: 0 10px 24px rgba(17, 21, 32, .08);
	--oc-shadow: 0 22px 52px rgba(17, 21, 32, .12);
	--oc-radius: 14px;
	--oc-radius-sm: 10px;
	--oc-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--oc-container: 1220px;
	--oc-wide: 1360px;
	--oc-content: 920px;
}

/* 2026-07-01: controlled lower-homepage decision flow. */
.oc-home-showcase {
	display: grid !important;
	gap: clamp(22px, 3vw, 42px) !important;
	margin-top: clamp(32px, 4vw, 58px) !important;
	padding-top: 0 !important;
	background: transparent !important;
}

.oc-home-editorial {
	display: grid !important;
	gap: clamp(20px, 2.8vw, 36px) !important;
	margin-top: 0 !important;
}

.oc-visual-section {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(218, 226, 238, .95);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 52px rgba(17, 21, 32, .07);
}

.oc-visual-head {
	display: grid;
	gap: 12px;
	max-width: 980px;
}

.oc-visual-head h2,
.oc-home-battle__copy h2,
.oc-stepper h2,
.oc-support-panel h2,
.oc-verdict-panel h2 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(30px, 3.4vw, 54px);
	letter-spacing: 0;
	line-height: 1.02;
}

.oc-visual-head p,
.oc-visual-head .oc-home-copy-flow,
.oc-home-copy-flow {
	color: var(--oc-muted);
	font-size: clamp(16px, 1.06vw, 18px);
	font-weight: 620;
	line-height: 1.62;
}

.oc-home-battle {
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, .58fr) !important;
	gap: 0 !important;
	padding: 0 !important;
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 92% 8%, rgba(215, 170, 53, .13), transparent 34%) !important;
}

.oc-home-battle__copy {
	display: grid;
	align-content: center;
	gap: 18px;
	padding: clamp(28px, 4.2vw, 58px) !important;
}

.oc-home-battle__copy .oc-kicker,
.oc-visual-head .oc-kicker,
.oc-verdict-panel .oc-kicker,
.oc-support-panel .oc-kicker {
	width: max-content;
	max-width: 100%;
}

.oc-home-copy-flow--battle {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px !important;
	margin: 0 !important;
	column-count: initial !important;
	column-gap: 0 !important;
}

.oc-home-copy-flow--battle p,
.oc-home-copy-flow--battle ul,
.oc-home-copy-flow--battle h3 {
	margin: 0 !important;
	break-inside: auto !important;
}

.oc-home-copy-flow--battle p {
	padding: 16px;
	border: 1px solid rgba(47, 125, 91, .13);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(17, 21, 32, .045);
}

.oc-decision-dashboard {
	display: grid;
	align-content: center;
	gap: 22px;
	padding: clamp(26px, 3.2vw, 44px);
	background:
		linear-gradient(145deg, #111520 0%, #1a3328 65%, #584516 100%),
		radial-gradient(circle at 12% 20%, rgba(215, 170, 53, .28), transparent 32%);
	color: #fff;
}

.oc-decision-dashboard__meter {
	display: grid;
	place-items: center;
	justify-self: start;
	width: 158px;
	aspect-ratio: 1;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 999px;
	background:
		radial-gradient(circle, rgba(255, 255, 255, .16), rgba(255, 255, 255, .06)),
		conic-gradient(from 210deg, #d7aa35 0 78%, rgba(255, 255, 255, .16) 78% 100%);
	box-shadow: inset 0 0 0 12px rgba(17, 21, 32, .44);
}

.oc-decision-dashboard__meter span {
	color: #fff;
	font-size: 48px;
	font-weight: 950;
	line-height: .9;
}

.oc-decision-dashboard__meter small {
	max-width: 90px;
	color: rgba(255, 255, 255, .76);
	font-size: 12px;
	font-weight: 850;
	text-align: center;
	text-transform: uppercase;
}

.oc-decision-dashboard__chips {
	display: grid;
	gap: 10px;
}

.oc-decision-dashboard__chips span,
.oc-decision-route span {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 12px;
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	font-weight: 850;
}

.oc-decision-dashboard .oc-lite-icon {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	background: transparent;
	color: #f1d36b;
}

.oc-decision-route {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding-top: 4px;
}

.oc-context-brief {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: clamp(18px, 2.4vw, 28px);
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 100% 0, rgba(47, 125, 91, .09), transparent 36%);
}

.oc-context-brief article {
	display: grid;
	gap: 12px;
	align-content: start;
	padding: 18px;
	border: 1px solid rgba(47, 125, 91, .13);
	border-radius: 14px;
	background: rgba(255, 255, 255, .82);
}

.oc-context-brief article > span,
.oc-scorecard__icon,
.oc-flow-diagram__steps span {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-context-brief .oc-lite-icon,
.oc-scorecard__icon .oc-lite-icon,
.oc-flow-diagram__steps .oc-lite-icon {
	width: 38px;
	height: 38px;
	background: transparent;
}

.oc-context-brief h2 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(21px, 1.6vw, 27px);
	line-height: 1.1;
}

.oc-context-brief p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 660;
	line-height: 1.55;
}

.oc-scorecard,
.oc-flow-diagram,
.oc-ranked-recap,
.oc-faq-accordion,
.oc-next-steps {
	display: grid;
	gap: clamp(18px, 2.4vw, 28px);
	padding: clamp(24px, 3.5vw, 42px);
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .1), transparent 36%);
}

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

.oc-scorecard__card {
	display: grid;
	gap: 12px;
	align-content: start;
	min-height: 210px;
	padding: 20px;
	border: 1px solid rgba(47, 125, 91, .13);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .045);
}

.oc-scorecard__card h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: 22px;
	line-height: 1.1;
}

.oc-scorecard__card p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 680;
	line-height: 1.5;
}

.oc-stepper {
	display: grid !important;
	grid-template-columns: minmax(260px, .32fr) minmax(0, .68fr) !important;
	gap: clamp(20px, 3vw, 36px) !important;
	align-items: start;
	padding: clamp(24px, 3.6vw, 44px) !important;
	background:
		linear-gradient(135deg, #10141e, #1f392d 72%, #6b5319),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 82px) !important;
	color: #fff;
}

.oc-stepper .oc-kicker {
	background: rgba(255, 255, 255, .12);
	color: #e6f6ed;
}

.oc-stepper h2,
.oc-stepper .oc-home-copy-flow,
.oc-stepper .oc-home-copy-flow strong {
	color: #fff;
}

.oc-stepper .oc-home-copy-flow {
	color: rgba(255, 255, 255, .78);
}

.oc-stepper__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: step;
}

.oc-stepper__list li {
	position: relative;
	display: grid;
	gap: 10px;
	min-height: 170px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 15px;
	background: rgba(255, 255, 255, .08);
}

.oc-stepper__number {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: #fff;
	color: var(--oc-purple);
	font-size: 18px;
	font-weight: 950;
}

.oc-stepper__list h3 {
	margin: 0;
	color: #fff;
	font-size: 19px;
	line-height: 1.12;
}

.oc-stepper__list p {
	margin: 0;
	color: rgba(255, 255, 255, .78);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.45;
}

.oc-support-panel {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(260px, .4fr);
	gap: clamp(18px, 3vw, 34px);
	align-items: start;
	padding: clamp(24px, 3.5vw, 42px);
	background:
		linear-gradient(180deg, #f5faf7, #fff),
		radial-gradient(circle at 100% 0, rgba(47, 125, 91, .12), transparent 34%);
}

.oc-support-panel__copy {
	display: grid;
	gap: 14px;
}

.oc-support-panel__checklist {
	padding: 20px;
	border: 1px solid rgba(47, 125, 91, .15);
	border-radius: 16px;
	background: #fff;
}

.oc-support-panel__checklist ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-support-panel__checklist li {
	position: relative;
	padding-left: 28px;
	color: var(--oc-green-dark);
	font-size: 17px;
	font-weight: 850;
}

.oc-support-panel__checklist li::before {
	position: absolute;
	left: 0;
	top: .15em;
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: var(--oc-green);
	color: #fff;
	font-size: 12px;
	content: "✓";
}

.oc-support-panel__resources {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oc-support-panel__resources a {
	padding: 10px 13px;
	border: 1px solid rgba(47, 125, 91, .16);
	border-radius: 999px;
	background: #fff;
	color: var(--oc-green-dark);
	font-weight: 850;
	text-decoration: none;
}

.oc-support-panel__resources a:hover,
.oc-support-panel__resources a:focus-visible {
	border-color: var(--oc-green);
	outline: 3px solid rgba(47, 125, 91, .14);
}

.oc-flow-diagram__steps {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-flow-diagram__steps li {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 12px;
	min-height: 150px;
	padding: 18px 14px;
	border: 1px solid rgba(47, 125, 91, .13);
	background: #fff;
	text-align: center;
}

.oc-flow-diagram__steps li:first-child {
	border-radius: 16px 0 0 16px;
}

.oc-flow-diagram__steps li:last-child {
	border-radius: 0 16px 16px 0;
}

.oc-flow-diagram__steps li:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: -11px;
	z-index: 2;
	width: 22px;
	height: 22px;
	border-top: 1px solid rgba(47, 125, 91, .18);
	border-right: 1px solid rgba(47, 125, 91, .18);
	background: #fff;
	transform: translateY(-50%) rotate(45deg);
	content: "";
}

.oc-flow-diagram__steps strong {
	color: var(--oc-ink);
	font-size: 16px;
	line-height: 1.2;
}

.oc-ranked-recap__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.oc-ranked-recap__grid article {
	display: grid;
	gap: 10px;
	min-height: 150px;
	padding: 16px;
	border: 1px solid rgba(215, 170, 53, .24);
	border-radius: 15px;
	background:
		linear-gradient(180deg, #fffdf5, #fff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .16), transparent 44%);
}

.oc-ranked-recap__grid span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: var(--oc-purple);
	font-size: 18px;
	font-weight: 950;
}

.oc-ranked-recap__grid strong {
	color: var(--oc-ink);
	font-size: 19px;
	line-height: 1.08;
}

.oc-ranked-recap__grid small {
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
}

.oc-verdict-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .36fr);
	gap: clamp(18px, 3vw, 34px);
	align-items: stretch;
	padding: clamp(24px, 3.6vw, 44px);
	background:
		linear-gradient(135deg, #fff, #fffdf3),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .2), transparent 42%);
	border-color: rgba(215, 170, 53, .42);
}

.oc-verdict-panel__winner {
	display: grid;
	align-content: center;
	gap: 16px;
}

.oc-verdict-panel__winner ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-verdict-panel__winner li {
	position: relative;
	padding: 12px 12px 12px 34px;
	border: 1px solid rgba(47, 125, 91, .13);
	border-radius: 12px;
	background: #fff;
	color: var(--oc-green-dark);
	font-weight: 850;
}

.oc-verdict-panel__winner li::before {
	position: absolute;
	left: 12px;
	top: 15px;
	color: var(--oc-gold);
	content: "•";
}

.oc-verdict-panel__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

.oc-verdict-panel__disclosure {
	margin: 0;
	max-width: 760px;
	color: var(--oc-muted);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.5;
}

.oc-verdict-panel__brand {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 18px;
	min-height: 300px;
	padding: 24px;
	border-radius: 18px;
	background:
		linear-gradient(145deg, #111520, #1f3a2d 74%, #624b16),
		radial-gradient(circle at 15% 15%, rgba(215, 170, 53, .28), transparent 36%);
	color: #fff;
	text-align: center;
}

.oc-verdict-panel__brand span {
	display: grid;
	place-items: center;
	width: 74px;
	height: 74px;
	border-radius: 999px;
	background: #fff7d7;
	color: var(--oc-purple);
	font-size: 28px;
	font-weight: 950;
}

.oc-verdict-panel__brand img {
	display: block;
	max-width: min(260px, 86%);
	max-height: 96px;
	object-fit: contain;
	filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .28));
}

.oc-verdict-panel__brand small {
	color: #f3db7a;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.oc-faq-accordion {
	background:
		linear-gradient(180deg, #f7f8fb, #fff),
		radial-gradient(circle at 100% 0, rgba(47, 125, 91, .09), transparent 36%);
}

.oc-faq-accordion__list {
	display: grid;
	gap: 12px;
}

.oc-faq-accordion__item {
	border: 1px solid rgba(218, 226, 238, .95);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(17, 21, 32, .045);
}

.oc-faq-accordion__item summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 72px;
	padding: 18px 74px 18px 20px;
	color: var(--oc-ink);
	font-size: clamp(18px, 1.4vw, 23px);
	font-weight: 900;
	line-height: 1.22;
	cursor: pointer;
	list-style: none;
}

.oc-faq-accordion__item summary::-webkit-details-marker {
	display: none;
}

.oc-faq-accordion__item summary::after {
	position: absolute;
	right: 18px;
	top: 50%;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #edd342;
	color: #111520;
	font-size: 25px;
	line-height: 1;
	transform: translateY(-50%);
	content: "+";
}

.oc-faq-accordion__item[open] summary::after {
	content: "−";
}

.oc-faq-accordion__item summary:focus-visible {
	outline: 3px solid rgba(47, 125, 91, .22);
	outline-offset: 3px;
}

.oc-home-copy-flow--faq {
	padding: 0 20px 20px;
	font-size: 16px;
}

.oc-next-steps {
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 0 0, rgba(47, 125, 91, .08), transparent 36%);
}

.oc-next-steps__grid {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(320px, .55fr);
	gap: 18px;
	align-items: stretch;
}

.oc-next-steps .oc-home-guide-cards {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

.oc-next-steps .oc-home-guide-card {
	min-height: 0 !important;
	background: #fff !important;
}

.oc-next-steps .oc-home-spotlight,
.oc-next-steps .oc-home-featured-games {
	margin: 0 !important;
}

.oc-blog-strip--next-steps {
	margin-top: 0;
}

@media (max-width: 1180px) {
	.oc-home-battle,
	.oc-stepper,
	.oc-support-panel,
	.oc-verdict-panel,
	.oc-next-steps__grid {
		grid-template-columns: 1fr !important;
	}

	.oc-scorecard__grid,
	.oc-context-brief {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oc-ranked-recap__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.oc-flow-diagram__steps {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.oc-flow-diagram__steps li,
	.oc-flow-diagram__steps li:first-child,
	.oc-flow-diagram__steps li:last-child {
		border-radius: 14px;
	}

	.oc-flow-diagram__steps li:not(:last-child)::after {
		display: none;
	}
}

@media (max-width: 760px) {
	.oc-home-copy-flow--battle,
	.oc-scorecard__grid,
	.oc-stepper__list,
	.oc-context-brief,
	.oc-ranked-recap__grid,
	.oc-verdict-panel__winner ul,
	.oc-next-steps .oc-home-guide-cards {
		grid-template-columns: 1fr !important;
	}

	.oc-visual-section,
	.oc-home-battle,
	.oc-scorecard,
	.oc-stepper,
	.oc-support-panel,
	.oc-flow-diagram,
	.oc-ranked-recap,
	.oc-verdict-panel,
	.oc-faq-accordion,
	.oc-next-steps {
		border-radius: 14px !important;
	}

	.oc-home-battle__copy,
	.oc-decision-dashboard,
	.oc-scorecard,
	.oc-stepper,
	.oc-support-panel,
	.oc-flow-diagram,
	.oc-ranked-recap,
	.oc-verdict-panel,
	.oc-faq-accordion,
	.oc-next-steps {
		padding: 20px !important;
	}

	.oc-decision-dashboard__meter {
		width: 132px;
	}

	.oc-decision-route {
		grid-template-columns: 1fr;
	}

	.oc-faq-accordion__item summary {
		min-height: 64px;
		padding: 16px 64px 16px 16px;
	}

	.oc-faq-accordion__item summary::after {
		right: 14px;
		width: 38px;
		height: 38px;
	}
}

/* 2026-06-24: editor-driven ranked casino lists. */
.oc-casino-list .oc-shortcode-list--ranked {
	max-width: min(var(--oc-wide), calc(100vw - 48px));
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.oc-shortcode-list--ranked .oc-shortcode-list__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

.oc-shortcode-list--ranked .oc-shortcode-list__title {
	flex: 1 1 auto;
	min-width: 0;
}

.oc-shortcode-list--ranked .oc-shortcode-list__title h2 {
	margin: 10px 0;
	color: var(--oc-ink);
	font-size: clamp(34px, 4vw, 56px);
	line-height: 1;
	letter-spacing: -.04em;
}

.oc-shortcode-list--ranked .oc-shortcode-list__title p {
	max-width: none;
	margin: 0;
	color: var(--oc-muted);
	font-size: clamp(17px, 1.3vw, 21px);
	line-height: 1.5;
}

.oc-shortcode-list--ranked .oc-shortcode-list__head > strong {
	flex: 0 0 auto;
	padding: 16px 22px;
	border-radius: 999px;
	background: #fff7d8;
	color: #725a12;
	font-size: 24px;
	font-weight: 950;
}

body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__head {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__title h2 {
	margin: 14px 0 12px;
	font-size: clamp(30px, 3.35vw, 48px);
	line-height: 1.05;
	letter-spacing: -.03em;
}

body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__title p {
	max-width: none;
	color: var(--oc-muted);
	font-size: clamp(15px, 1vw, 17px);
	font-weight: 620;
	line-height: 1.58;
}

body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__head > strong {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 17px;
	font-size: 18px;
	line-height: 1;
}

.oc-shortcode-list--ranked .oc-shortcode-list__table {
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(15, 23, 42, .07);
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns,
.oc-shortcode-list--ranked .oc-shortcode-row {
	display: grid;
	grid-template-columns: 92px minmax(260px, 1.45fr) minmax(340px, 2fr) minmax(170px, .75fr) minmax(160px, .75fr) minmax(190px, .8fr);
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns {
	background: #111622;
	color: #fff;
	font-size: 15px;
	font-weight: 950;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns span {
	padding: 26px 24px;
}

.oc-shortcode-list--ranked .oc-shortcode-row {
	align-items: center;
	min-height: 170px;
	border: 0 !important;
	border-bottom: 1px solid var(--oc-line) !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: visible;
}

.oc-shortcode-list--ranked .oc-shortcode-row:last-child {
	border-bottom: 0 !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row > div,
.oc-shortcode-list--ranked .oc-shortcode-row > span {
	padding: 26px 24px;
}

.oc-shortcode-list--ranked .oc-shortcode-row__rank {
	display: flex;
	justify-content: center;
}

.oc-shortcode-list--ranked .oc-rank-dot {
	display: grid;
	width: 58px;
	height: 58px;
	place-items: center;
	border: 8px solid #f4ecd6;
	border-radius: 50%;
	background: #111622;
	color: #fff;
	font-size: 24px;
	font-weight: 950;
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino {
	display: grid !important;
	grid-template-columns: 98px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino .oc-logo-medallion {
	width: 90px !important;
	height: 90px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino .oc-logo-medallion img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	filter: drop-shadow(0 12px 20px rgba(15, 23, 42, .16));
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: 25px;
	line-height: 1.12;
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino p {
	margin: 7px 0;
	color: var(--oc-muted);
	font-size: 18px;
	font-weight: 700;
}

.oc-shortcode-list--ranked .oc-text-link,
.oc-shortcode-list--ranked .oc-terms-hover > span {
	color: var(--oc-green) !important;
	font-size: 18px;
	font-weight: 900;
	text-decoration: none !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__offer p {
	margin: 0 0 10px !important;
	color: var(--oc-ink);
	font-size: 23px;
	font-weight: 900;
	line-height: 1.25;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score {
	display: flex !important;
	align-items: center;
	gap: 14px;
	color: var(--oc-ink);
	font-size: 24px;
	font-weight: 950;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score .oc-rating-bar {
	width: 120px;
}

.oc-shortcode-list--ranked .oc-shortcode-row__best span {
	display: inline-flex;
	padding: 11px 16px;
	border-radius: 999px;
	background: #eef8ef;
	color: var(--oc-green);
	font-size: 15px;
	font-weight: 950;
	text-transform: uppercase;
	white-space: nowrap;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions {
	display: flex;
	align-items: center;
	justify-content: center;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
	display: flex;
	width: 100%;
	min-height: 64px;
	align-items: center;
	justify-content: center;
	border-radius: 14px !important;
	background: #bd4b1f !important;
	color: #fff !important;
	font-size: 21px !important;
	font-weight: 950;
	text-decoration: none !important;
	box-shadow: 0 18px 36px rgba(189, 75, 31, .22);
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button:hover,
.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button:focus-visible {
	background: #a94019 !important;
	box-shadow: 0 22px 42px rgba(189, 75, 31, .3);
	transform: translateY(-2px);
}

@media (max-width: 1180px) {
	.oc-shortcode-list--ranked .oc-shortcode-list__columns {
		display: none;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 70px minmax(0, 1fr);
		gap: 0;
		padding: 20px;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row > div {
		padding: 10px 12px;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__rank {
		grid-row: 1 / span 5;
		align-self: start;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-shortcode-list--ranked .oc-shortcode-row__score,
	.oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 2;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		justify-content: flex-start;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		max-width: 320px;
	}
}

@media (max-width: 680px) {
	.oc-casino-list .oc-shortcode-list--ranked {
		max-width: calc(100vw - 24px);
	}

	body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__head {
		display: flex;
		margin-bottom: 18px;
	}

	body.home .oc-casino-list .oc-shortcode-list--ranked .oc-shortcode-list__head > strong {
		position: static;
		align-self: flex-start;
		min-height: 38px;
		margin-top: 2px;
		font-size: 16px;
	}

	.oc-shortcode-list--ranked .oc-shortcode-list__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.oc-shortcode-list--ranked .oc-shortcode-list__title h2 {
		font-size: 34px;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 1fr;
		padding: 18px;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__rank,
	.oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-shortcode-list--ranked .oc-shortcode-row__score,
	.oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 1;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__rank {
		justify-content: flex-start;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino {
		grid-template-columns: 84px minmax(0, 1fr);
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino .oc-logo-medallion {
		width: 76px !important;
		height: 76px !important;
	}
}

/* Final polish: compact site rhythm, stronger casino CTAs, cleaner slot pages. */
:root {
	--oc-container: 1240px;
	--oc-wide: 1460px;
	--oc-content: 1060px;
}

@media (min-width: 1280px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: min(var(--oc-wide), calc(100% - 72px));
	}
}

.abh_box,
.abh_tab_content,
.abh_tabs,
.starbox,
.saboxplugin-wrap,
.m-a-box-container,
.wp-author-box,
.author-bio-box {
	display: none !important;
}

.oc-pick-grid {
	align-items: stretch;
}

.oc-pick-card--featured {
	position: relative;
	z-index: 1;
	transform: translateY(-14px);
	border-color: rgba(215, 170, 53, .58);
	box-shadow: 0 28px 70px rgba(17, 21, 32, .16);
}

.oc-pick-card--featured .oc-pick-card__top {
	background: linear-gradient(135deg, rgba(255, 244, 211, .9), rgba(255, 255, 255, .95));
}

.oc-pick-card__top {
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: center;
}

.oc-pick-card__top .oc-logo-medallion {
	width: 116px;
	height: 116px;
	padding: 14px;
	background: #fff;
}

.oc-pick-card--featured .oc-logo-medallion {
	width: 132px;
	height: 132px;
	background: radial-gradient(circle at 30% 25%, #fff 0 36%, #fff4d3 37% 100%);
}

.oc-pick-card__top .oc-logo-medallion img,
.oc-shortcode-row__casino .oc-logo-medallion img,
.oc-shortcode-offer__media .oc-logo-medallion img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 999px;
}

.oc-shortcode-list {
	overflow: hidden;
	padding: clamp(16px, 2vw, 26px);
	border: 1px solid var(--oc-line);
	border-radius: 22px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .13), transparent 32%),
		linear-gradient(180deg, #fff, #f8fbfd);
	box-shadow: var(--oc-shadow-sm);
}

.oc-shortcode-list__head {
	margin-bottom: 16px;
}

.oc-shortcode-list__head strong {
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #6c5011;
	font-family: var(--oc-display-font);
}

.oc-shortcode-list__items {
	display: grid;
	gap: 14px;
}

.oc-shortcode-row {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(280px, .88fr) minmax(360px, 1.25fr) minmax(150px, .45fr) minmax(160px, .38fr);
	gap: 18px;
	align-items: center;
	padding: 18px;
	border: 1px solid var(--oc-line) !important;
	border-radius: 16px !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 251, 253, .96)),
		#fff;
	box-shadow: 0 14px 36px rgba(17, 21, 32, .07);
}

.oc-shortcode-row--featured {
	border-color: rgba(215, 170, 53, .55) !important;
	background:
		linear-gradient(135deg, rgba(255, 250, 239, .98), rgba(255, 255, 255, .96)),
		#fff;
}

.oc-shortcode-row__casino {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}

.oc-shortcode-row__casino .oc-logo-medallion {
	width: 94px;
	height: 94px;
	padding: 12px;
	background: #fff;
}

.oc-shortcode-row__casino h3,
.oc-shortcode-offer__body h3 {
	margin: 0 0 5px;
	font-size: clamp(24px, 1.7vw, 34px);
	line-height: 1.04;
}

.oc-shortcode-row__offer {
	display: grid;
	gap: 9px;
}

.oc-shortcode-row__offer p,
.oc-shortcode-offer__bonus {
	margin: 0;
	color: var(--oc-ink);
	font-family: var(--oc-display-font);
	font-size: clamp(22px, 1.55vw, 31px);
	font-weight: 950;
	line-height: 1.12;
}

.oc-shortcode-badge {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 8px;
	padding: 8px 13px;
	border-radius: 999px;
	background: var(--oc-ink);
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: 13px;
	font-weight: 950;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-shortcode-row--featured .oc-shortcode-badge,
.oc-shortcode-offer--featured .oc-shortcode-badge {
	background: linear-gradient(135deg, var(--oc-gold), #f0dc83);
	color: var(--oc-ink);
}

.oc-shortcode-incentives {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

.oc-shortcode-incentives li {
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef8f1;
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.oc-shortcode-row__score,
.oc-shortcode-rating {
	justify-content: center;
	padding: 10px 12px;
	border: 1px solid rgba(215, 170, 53, .42);
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #6c5011;
	font-family: var(--oc-display-font);
	white-space: nowrap;
}

.oc-shortcode-row__actions {
	display: grid;
	gap: 8px;
}

.oc-shortcode-row__actions .oc-button,
.oc-shortcode-offer__actions .oc-button {
	min-height: 54px;
	border: 0;
	background: linear-gradient(135deg, var(--oc-green), #245e45) !important;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 16px 32px rgba(47, 125, 91, .22);
}

.oc-shortcode-row__actions .oc-button:hover,
.oc-shortcode-offer__actions .oc-button:hover {
	transform: translateY(-1px);
	background: linear-gradient(135deg, #3a916b, #235f47) !important;
}

.oc-shortcode-row .oc-terms-hover,
.oc-shortcode-offer .oc-terms-hover {
	width: fit-content;
}

.oc-shortcode-row .oc-terms-hover > span,
.oc-shortcode-offer .oc-terms-hover > span {
	color: var(--oc-green-dark);
	font-size: 14px;
	font-weight: 950;
	text-decoration: none;
}

.oc-shortcode-offer {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr) minmax(180px, auto);
	gap: 20px;
	align-items: center;
	padding: 20px;
	border: 1px solid var(--oc-line);
	border-top: 5px solid var(--oc-green);
	border-radius: 18px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .15), transparent 32%),
		linear-gradient(135deg, #fff, #f8fbfd);
	box-shadow: var(--oc-shadow-sm);
}

.oc-shortcode-offer__media .oc-logo-medallion {
	width: 112px;
	height: 112px;
	padding: 14px;
	background: #fff;
}

.oc-shortcode-offer__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 4px;
}

.oc-shortcode-offer__actions {
	display: grid;
	gap: 10px;
	justify-items: stretch;
}

.oc-slot-layout {
	grid-template-columns: minmax(0, 1fr) clamp(240px, 18vw, 292px) !important;
	gap: 18px;
}

.oc-slot-sidebar {
	padding: 18px;
}

.oc-slot-sidebar h2 {
	font-size: 24px;
}

.oc-slot-sidebar div {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4px;
	padding: 10px 0;
}

.oc-slot-sidebar dt {
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.oc-slot-sidebar dd {
	text-align: left;
	font-size: 15px;
	line-height: 1.35;
}

.oc-slot-player-card .sl-game-attributes,
.oc-slot-player-card .slot-facts-container,
.oc-prose .slot-facts-container {
	display: none !important;
}

@media (max-width: 1120px) {
	.oc-pick-card--featured {
		transform: none;
	}

	.oc-shortcode-row {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer,
	.oc-shortcode-row__score,
	.oc-shortcode-row__actions {
		grid-column: 2;
	}

	.oc-shortcode-row__casino {
		grid-template-columns: 82px minmax(0, 1fr);
	}

	.oc-shortcode-offer {
		grid-template-columns: 108px minmax(0, 1fr);
	}

	.oc-shortcode-offer__actions {
		grid-column: 2;
	}

	.oc-slot-layout {
		grid-template-columns: 1fr !important;
	}

	.oc-slot-sidebar {
		position: static;
	}
}

@media (max-width: 760px) {
	:root {
		--oc-wide: 100%;
	}

	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 24px);
	}

	.oc-pick-card__top,
	.oc-shortcode-row,
	.oc-shortcode-offer {
		grid-template-columns: 1fr;
	}

	.oc-pick-card__top .oc-logo-medallion,
	.oc-pick-card--featured .oc-logo-medallion {
		width: 104px;
		height: 104px;
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer,
	.oc-shortcode-row__score,
	.oc-shortcode-row__actions,
	.oc-shortcode-offer__actions {
		grid-column: auto;
	}

	.oc-shortcode-row__casino {
		grid-template-columns: 82px minmax(0, 1fr);
	}
}

* {
	box-sizing: border-box;
}

html {
	max-width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	max-width: 100%;
	overflow-x: hidden;
	background:
		linear-gradient(180deg, #eef3f8 0, var(--oc-canvas) 320px),
		var(--oc-canvas);
	color: var(--oc-text);
	font-family: var(--oc-font);
	font-size: 17px;
	line-height: 1.58;
	letter-spacing: 0;
}

body.oc-menu-open {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	display: block;
	max-width: 100%;
}

button,
input,
select {
	font: inherit;
	letter-spacing: 0;
}

.oc-site-header {
	position: sticky;
	top: 0;
	z-index: 70;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	min-height: 74px;
	padding: 12px max(20px, calc((100vw - var(--oc-wide)) / 2));
	background: rgba(17, 21, 32, .97);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 10px 28px rgba(17, 21, 32, .16);
}

.oc-brand img {
	width: min(238px, 46vw);
	height: auto;
}

.oc-header-nav {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
}

.oc-header-nav a {
	padding: 9px 12px;
	border-radius: 999px;
	color: rgba(255, 255, 255, .76);
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
}

.oc-header-nav a:hover,
.oc-header-nav a:focus {
	background: rgba(255, 255, 255, .12);
	color: #fff;
}

.oc-header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.oc-age-badge,
.oc-kicker,
.oc-tag,
.oc-card-meta-line {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 7px 11px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.oc-age-badge {
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.oc-menu-button,
.oc-drawer-close,
.oc-drawer-search button,
.oc-button {
	border: 0;
	border-radius: var(--oc-radius-sm);
	cursor: pointer;
	font-weight: 900;
}

.oc-menu-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 15px;
	background: #fff;
	color: var(--oc-ink);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
	transition: transform .18s ease, background-color .18s ease;
}

.oc-menu-button:hover,
.oc-menu-button:focus {
	background: var(--oc-gold-soft);
	transform: translateY(-1px);
}

.oc-mobile-menu-trigger {
	display: none;
}

.oc-menu-button span,
.oc-menu-button span::before,
.oc-menu-button span::after {
	display: block;
	width: 17px;
	height: 2px;
	background: currentColor;
	content: "";
}

.oc-menu-button span {
	position: relative;
}

.oc-menu-button span::before,
.oc-menu-button span::after {
	position: absolute;
	left: 0;
}

.oc-menu-button span::before {
	top: -6px;
}

.oc-menu-button span::after {
	top: 6px;
}

.oc-drawer {
	position: fixed;
	inset: 0;
	z-index: 110;
	pointer-events: none;
	background: rgba(17, 21, 32, 0);
	transition: background-color .22s ease;
}

.oc-drawer.is-open {
	pointer-events: auto;
	background: rgba(17, 21, 32, .56);
}

.oc-drawer-panel {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	width: min(440px, 92vw);
	height: 100%;
	padding: 24px;
	background: #151a27;
	color: #fff;
	box-shadow: -24px 0 54px rgba(0, 0, 0, .28);
	transform: translateX(105%);
	transition: transform .22s ease;
}

.oc-drawer.is-open .oc-drawer-panel {
	transform: translateX(0);
}

.oc-drawer-close {
	position: relative;
	align-self: flex-end;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 0;
}

.oc-drawer-close::before,
.oc-drawer-close::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 21px;
	height: 2px;
	background: #fff;
	content: "";
	transform: translate(-50%, -50%) rotate(45deg);
}

.oc-drawer-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.oc-drawer-search {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
}

.oc-drawer-search input {
	min-width: 0;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--oc-radius-sm);
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.oc-drawer-search button {
	padding: 0 15px;
	background: var(--oc-gold);
	color: var(--oc-ink);
}

.oc-drawer nav {
	display: grid;
	gap: 8px;
}

.oc-drawer nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 15px 16px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: var(--oc-radius-sm);
	background: rgba(255, 255, 255, .06);
	font-size: 23px;
	font-weight: 950;
	line-height: 1.05;
	text-transform: uppercase;
}

.oc-drawer nav a:hover,
.oc-drawer nav a:focus {
	background: rgba(255, 255, 255, .11);
}

.oc-drawer nav span {
	order: 2;
	color: var(--oc-gold);
	font-size: 12px;
}

.oc-main {
	min-height: 60vh;
}

.oc-section,
.oc-article,
.oc-page-hero,
.oc-author-hero {
	width: min(var(--oc-container), calc(100% - 40px));
	margin: 0 auto;
}

.oc-section {
	padding: clamp(36px, 4vw, 58px) 0;
}

.oc-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 22px;
}

h1,
h2,
h3,
h4,
.oc-button,
.oc-table-bonus {
	font-family: var(--oc-font);
	font-weight: 950;
	line-height: 1.05;
	letter-spacing: 0;
}

h1 {
	margin: 12px 0 16px;
	font-size: clamp(40px, 4.2vw, 68px);
	overflow-wrap: break-word;
}

h2 {
	margin: 8px 0;
	font-size: clamp(30px, 3vw, 46px);
}

h3 {
	font-size: clamp(22px, 1.6vw, 28px);
}

p {
	color: var(--oc-muted);
}

.oc-text-link {
	color: var(--oc-green-dark);
	font-weight: 950;
}

.oc-text-link:hover,
.oc-text-link:focus {
	color: var(--oc-coral);
}

.oc-home-hero {
	position: relative;
	overflow: hidden;
	background: var(--oc-ink);
	color: #fff;
}

.oc-home-hero__bg,
.oc-page-hero::before,
.oc-slot-hero::before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(110deg, rgba(17, 21, 32, .98), rgba(17, 21, 32, .82) 55%, rgba(47, 125, 91, .62)),
		url("/wp-content/uploads/2024/11/casino-background-image.webp") center / cover no-repeat;
	content: "";
}

.oc-home-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.03fr) minmax(340px, .82fr);
	gap: clamp(28px, 4vw, 54px);
	align-items: center;
	width: min(var(--oc-wide), calc(100% - 40px));
	min-height: clamp(440px, 56vh, 610px);
	margin: 0 auto;
	padding: clamp(38px, 4vw, 62px) 0;
}

.oc-home-hero h1 {
	max-width: 780px;
}

.oc-home-hero p {
	max-width: 690px;
	color: rgba(255, 255, 255, .78);
	font-size: clamp(19px, 1.5vw, 24px);
}

.oc-legacy-strip {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	max-width: 720px;
	margin-top: 26px;
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--oc-radius);
	background: rgba(255, 255, 255, .08);
}

.oc-legacy-strip strong {
	padding: 9px 13px;
	border-radius: 999px;
	background: var(--oc-gold);
	color: var(--oc-ink);
	font-weight: 950;
	white-space: nowrap;
}

.oc-legacy-strip span {
	color: rgba(255, 255, 255, .84);
	font-weight: 800;
}

.oc-core-grid {
	display: grid;
	gap: 12px;
}

.oc-core-grid a {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	grid-template-areas: "icon title" "icon text";
	gap: 4px 14px;
	min-height: 96px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--oc-radius);
	background: rgba(255, 255, 255, .08);
	transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.oc-core-grid a:hover,
.oc-core-grid a:focus {
	border-color: rgba(255, 255, 255, .28);
	background: rgba(255, 255, 255, .13);
	transform: translateY(-2px);
}

.oc-core-grid span {
	grid-area: icon;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: #fff;
	color: var(--oc-green-dark);
	font-size: 22px;
	font-weight: 950;
}

.oc-core-grid strong {
	grid-area: title;
	align-self: end;
	font-size: 20px;
	font-weight: 950;
}

.oc-core-grid small {
	grid-area: text;
	color: rgba(255, 255, 255, .7);
	font-weight: 750;
}

.oc-pick-grid,
.oc-post-grid,
.oc-slot-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.oc-pick-card,
.oc-post-card,
.oc-slot-card,
.oc-review-directory-card,
.oc-review-row,
.oc-faq-list details,
.oc-prose,
.oc-page-hero,
.oc-author-card,
.oc-shortcode-offer,
.oc-shortcode-list,
.oc-slot-player-card,
.oc-slot-sidebar {
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: var(--oc-panel);
	box-shadow: var(--oc-shadow-sm);
}

.oc-pick-card {
	position: relative;
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-pick-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--oc-shadow);
}

.oc-pick-card::before {
	position: absolute;
	inset: 0 0 auto;
	height: 5px;
	background: linear-gradient(90deg, var(--oc-green), var(--oc-gold));
	content: "";
}

.oc-pick-card__top {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 132px;
	padding: 24px 24px 18px;
	background: linear-gradient(180deg, #fff, #f8fafc);
	border-bottom: 1px solid var(--oc-line);
}

.oc-pick-card__top span,
.oc-card-meta span {
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-pick-card__top h3 {
	margin: 6px 0 0;
}

.oc-pick-card__body {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 22px;
}

.oc-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.oc-card-meta strong,
.oc-row-score strong,
.oc-shortcode-row__score {
	padding: 7px 12px;
	border: 1px solid rgba(215, 170, 53, .36);
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #75560c;
	font-weight: 950;
	white-space: nowrap;
}

.oc-bonus-text {
	margin: 0;
	color: var(--oc-text);
	font-size: clamp(23px, 1.8vw, 31px);
	font-weight: 950;
	line-height: 1.16;
}

.oc-proof-list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #354056;
	font-weight: 850;
}

.oc-proof-list li::before,
.oc-verdict-card li::before {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin-right: 9px;
	border-radius: 999px;
	background: var(--oc-gold);
	content: "";
}

.oc-card-actions,
.oc-row-actions {
	display: flex;
	gap: 10px;
}

.oc-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 18px;
	text-align: center;
	transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.oc-button:hover,
.oc-button:focus {
	transform: translateY(-1px);
}

.oc-button--primary {
	background: var(--oc-green);
	color: #fff;
	box-shadow: 0 12px 24px rgba(47, 125, 91, .2);
}

.oc-button--primary:hover,
.oc-button--primary:focus {
	background: var(--oc-green-dark);
}

.oc-button--ghost {
	border: 1px solid var(--oc-line);
	background: #fff;
	color: var(--oc-ink);
}

.oc-button--ghost:hover,
.oc-button--ghost:focus {
	border-color: rgba(47, 125, 91, .34);
	background: var(--oc-mint);
}

.oc-logo-medallion {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 104px;
	height: 104px;
	padding: 14px;
	border: 1px solid var(--oc-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 14px 32px rgba(17, 21, 32, .08);
}

.oc-logo-medallion img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 999px;
}

.oc-logo-medallion i {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	border-radius: 999px;
	background: var(--oc-ink);
	color: #fff;
	font-style: normal;
	font-weight: 950;
}

.oc-logo-medallion--sm {
	width: 68px;
	height: 68px;
	padding: 9px;
}

.oc-logo-medallion--xl {
	width: min(210px, 62vw);
	height: min(210px, 62vw);
	padding: 22px;
}

.oc-terms-hover {
	position: relative;
	display: inline-flex;
	width: fit-content;
	color: var(--oc-green-dark);
	font-weight: 950;
	text-decoration: underline;
	text-decoration-thickness: 6px;
	text-decoration-color: #e6f4eb;
	text-underline-offset: -3px;
	cursor: help;
}

.oc-terms-hover small {
	position: absolute;
	left: 0;
	bottom: calc(100% + 10px);
	z-index: 15;
	width: min(360px, 78vw);
	padding: 13px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius-sm);
	background: #fff;
	color: #344054;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	box-shadow: var(--oc-shadow);
	opacity: 0;
	pointer-events: none;
	transform: translateY(6px);
	transition: opacity .16s ease, transform .16s ease;
}

.oc-terms-hover:hover small,
.oc-terms-hover:focus small,
.oc-terms-hover:focus-within small {
	opacity: 1;
	transform: translateY(0);
}

.oc-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: #fff;
	box-shadow: var(--oc-shadow-sm);
}

.oc-casino-table {
	width: 100%;
	min-width: 1040px;
	border-collapse: separate;
	border-spacing: 0;
}

.oc-casino-table th {
	padding: 16px 18px;
	background: var(--oc-ink);
	color: #fff;
	text-align: left;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-casino-table td {
	padding: 18px;
	border-top: 1px solid var(--oc-line);
	vertical-align: middle;
}

.oc-casino-table tbody tr:hover {
	background: #f8fbfd;
}

.oc-rank-dot {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 6px solid #f6ecd0;
	border-radius: 999px;
	background: var(--oc-ink);
	color: #fff;
	font-size: 19px;
	font-weight: 950;
}

.oc-casino-cell,
.oc-table-rating {
	display: flex;
	align-items: center;
	gap: 14px;
}

.oc-casino-cell strong {
	display: block;
	font-size: 20px;
	font-weight: 950;
}

.oc-casino-cell span {
	display: block;
	color: var(--oc-muted);
}

.oc-casino-cell a {
	color: var(--oc-green-dark);
	font-weight: 950;
}

.oc-table-bonus {
	display: block;
	max-width: 400px;
	margin-bottom: 7px;
	font-size: 20px;
}

.oc-casino-table .oc-terms-hover {
	display: grid;
	position: static;
}

.oc-casino-table .oc-terms-hover small {
	position: static;
	width: auto;
	max-height: 0;
	margin-top: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	opacity: 1;
	overflow: hidden;
	transform: none;
	transition: max-height .18s ease, margin-top .18s ease, padding .18s ease;
}

.oc-casino-table .oc-terms-hover:hover small,
.oc-casino-table .oc-terms-hover:focus small,
.oc-casino-table .oc-terms-hover:focus-within small {
	max-height: 220px;
	margin-top: 8px;
	padding: 11px;
	border: 1px solid var(--oc-line);
}

.oc-rating-bar {
	display: block;
	overflow: hidden;
	width: 110px;
	height: 12px;
	border-radius: 999px;
	background: #e8edf4;
}

.oc-rating-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #c99724, #f2db74);
}

.oc-table-actions {
	white-space: nowrap;
}

.oc-table-actions .oc-button {
	min-height: 44px;
	padding: 0 14px;
}

.oc-page-hero,
.oc-slot-hero,
.oc-author-hero {
	position: relative;
	overflow: hidden;
	margin-top: 28px;
	padding: clamp(34px, 4vw, 54px);
}

.oc-page-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	background: var(--oc-ink);
	color: #fff;
}

.oc-page-hero > * {
	position: relative;
	z-index: 1;
}

.oc-page-hero p {
	max-width: 720px;
	color: rgba(255, 255, 255, .74);
	font-size: 18px;
}

.oc-hero-stat {
	display: grid;
	place-items: center;
	width: 132px;
	height: 132px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

.oc-hero-stat strong {
	font-size: 38px;
}

.oc-review-page-wrap {
	width: min(var(--oc-wide), calc(100% - 40px));
}

.oc-sticky-offer {
	position: sticky;
	top: 88px;
	z-index: 45;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	width: min(720px, calc(100% - 24px));
	margin: 14px auto 18px;
	padding: 10px 12px 10px 16px;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 999px;
	background: linear-gradient(90deg, var(--oc-mint), #f6e6a7);
	box-shadow: 0 16px 34px rgba(17, 21, 32, .17);
}

.oc-sticky-offer span {
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-sticky-offer strong {
	min-width: 0;
	overflow: hidden;
	color: var(--oc-ink);
	font-size: 17px;
	font-weight: 950;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oc-sticky-offer a {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--oc-green);
	color: #fff;
	font-size: 0;
}

.oc-sticky-offer a::after {
	font-size: 21px;
	content: ">";
}

.oc-review-hero-card {
	display: grid;
	grid-template-columns: 310px minmax(0, 1fr);
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: #fff;
	box-shadow: var(--oc-shadow);
}

.oc-review-identity {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	padding: clamp(24px, 3vw, 40px);
	background:
		linear-gradient(160deg, rgba(17, 21, 32, .98), rgba(32, 38, 55, .96)),
		var(--oc-ink);
	color: #fff;
}

.oc-score-card,
.oc-verdict-card {
	width: 100%;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--oc-radius-sm);
	background: rgba(255, 255, 255, .08);
}

.oc-score-card strong {
	font-size: 42px;
	font-weight: 950;
}

.oc-score-card span {
	margin-left: 7px;
	font-weight: 900;
}

.oc-score-card .oc-rating-bar {
	width: 100%;
	margin-top: 9px;
	background: rgba(255, 255, 255, .15);
}

.oc-verdict-card ul {
	display: grid;
	gap: 10px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	font-weight: 850;
}

.oc-review-hero-main {
	padding: clamp(28px, 3.8vw, 50px);
}

.oc-review-hero-main h1 {
	max-width: 920px;
}

.oc-fact-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 22px 0;
}

.oc-fact-grid div {
	min-height: 96px;
	padding: 15px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius-sm);
	background: #f8fafc;
}

.oc-fact-grid dt {
	color: var(--oc-muted);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-fact-grid dd {
	margin: 6px 0 0;
	font-weight: 950;
}

.oc-offer-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	padding: 22px;
	border: 1px solid rgba(47, 125, 91, .2);
	border-left: 5px solid var(--oc-gold);
	border-radius: var(--oc-radius-sm);
	background: linear-gradient(120deg, #f8fbfd, #edf8f1);
}

.oc-offer-panel span {
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-offer-panel strong {
	display: block;
	margin-top: 8px;
	color: var(--oc-text);
	font-size: clamp(28px, 2.6vw, 40px);
	font-weight: 950;
	line-height: 1.06;
}

.oc-offer-panel p {
	margin-bottom: 0;
	font-weight: 750;
}

.oc-offer-panel a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 164px;
	min-height: 56px;
	border-radius: var(--oc-radius-sm);
	background: var(--oc-green);
	color: #fff;
	font-weight: 950;
}

.oc-prose {
	max-width: var(--oc-content);
	padding: clamp(28px, 4vw, 52px);
}

.oc-review-prose {
	max-width: 1040px;
}

.oc-editorial-block .oc-prose,
.oc-directory-copy {
	max-width: none;
}

.oc-prose > *:first-child {
	margin-top: 0;
}

.oc-prose p,
.oc-prose li {
	font-size: clamp(18px, 1.15vw, 20px);
	line-height: 1.68;
}

.oc-prose h2 {
	margin-top: 42px;
}

.oc-prose a {
	color: var(--oc-green-dark);
	font-weight: 850;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 3px;
}

.oc-prose img {
	height: auto;
	margin: 24px auto;
	border-radius: var(--oc-radius-sm);
}

.oc-prose table {
	display: block;
	overflow-x: auto;
	max-width: 100%;
	border-collapse: collapse;
}

.oc-prose th,
.oc-prose td {
	padding: 12px;
	border: 1px solid var(--oc-line);
}

.ez-toc-sticky,
.ez-toc-sticky-fixed,
.ez-toc-sticky-toggle,
[class*="ez-toc-sticky"] {
	display: none !important;
}

.oc-prose #ez-toc-container.oc-toc-bottom,
.oc-prose #review-toc.oc-toc-bottom {
	max-width: 720px;
	margin: 46px auto 0;
	padding: 22px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius-sm);
	background: #f8fafc;
	box-shadow: none;
}

.oc-prose #ez-toc-container.oc-toc-bottom .ez-toc-title,
.oc-prose #review-toc.oc-toc-bottom .ez-toc-title {
	margin: 0 0 10px;
	color: var(--oc-text);
	font-size: 22px;
	font-weight: 950;
}

.oc-page-content-shell.has-toc {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
	gap: 28px;
	align-items: start;
}

.oc-page-content-shell.has-toc .oc-prose {
	width: 100%;
	max-width: none;
}

.oc-page-toc-sidebar {
	position: relative;
	z-index: 3;
	align-self: start;
	min-width: 0;
}

@media (min-width: 981px) {
	.oc-page-toc-sidebar {
		position: sticky;
		top: 88px;
	}
}

.oc-page-toc-sidebar #oc-sidebar-toc {
	max-height: none;
	margin: 0 !important;
	padding: 18px;
	overflow: visible;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius-sm);
	background: #fff;
	box-shadow: 0 18px 42px rgba(17, 21, 32, .07);
}

.oc-page-toc-sidebar #oc-sidebar-toc .ez-toc-title {
	margin: 0 0 12px;
	color: var(--oc-ink);
	font-size: 18px;
	font-weight: 950;
}

.oc-page-toc-sidebar #oc-sidebar-toc label,
.oc-page-toc-sidebar #oc-sidebar-toc input {
	display: none !important;
}

.oc-page-toc-sidebar #oc-sidebar-toc nav,
.oc-page-toc-sidebar #oc-sidebar-toc ul,
.oc-page-toc-sidebar #oc-sidebar-toc li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-page-toc-sidebar #oc-sidebar-toc ul ul {
	margin-top: 4px;
	margin-left: 10px;
	padding-left: 12px;
	border-left: 2px solid #e8eef5;
}

.oc-page-toc-sidebar #oc-sidebar-toc a {
	display: block;
	padding: 8px 0;
	color: #334155;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.35;
	text-decoration: none;
}

.oc-page-toc-sidebar #oc-sidebar-toc a:hover,
.oc-page-toc-sidebar #oc-sidebar-toc a:focus-visible {
	color: var(--oc-green-dark);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

@media (max-width: 980px) {
	.oc-page-content-shell.has-toc {
		grid-template-columns: 1fr;
	}

	.oc-page-toc-sidebar {
		position: static;
		order: 2;
	}

	.oc-page-toc-sidebar #oc-sidebar-toc {
		max-height: none;
	}
}

.oc-review-directory-featured {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 18px;
}

.oc-review-directory-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 22px;
}

.oc-review-directory-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.oc-review-directory-card__top .oc-logo-medallion {
	width: 108px;
	height: 108px;
}

.oc-review-directory-card h2,
.oc-review-directory-card h3,
.oc-review-row h2,
.oc-review-row h3 {
	margin: 5px 0;
	font-size: 26px;
}

.oc-review-directory-list {
	display: grid;
	gap: 10px;
}

.oc-review-row {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) auto auto;
	gap: 16px;
	align-items: center;
	padding: 16px;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-review-row:hover {
	transform: translateY(-1px);
	box-shadow: var(--oc-shadow);
}

.oc-review-row p {
	margin: 0;
}

.oc-row-score span {
	display: block;
	color: var(--oc-muted);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-slot-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(300px, 480px) minmax(0, 1fr);
	gap: clamp(24px, 3.6vw, 48px);
	align-items: center;
	overflow: hidden;
	width: min(var(--oc-wide), calc(100% - 40px));
	margin: 28px auto 0;
	padding: clamp(28px, 3.8vw, 52px);
	border-radius: var(--oc-radius);
	background: var(--oc-ink);
	color: #fff;
}

.oc-slot-hero > * {
	position: relative;
	z-index: 1;
}

.oc-slot-hero__media {
	overflow: hidden;
	aspect-ratio: 16 / 10;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: var(--oc-radius);
	background: rgba(255, 255, 255, .08);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .2);
}

.oc-slot-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-slot-hero p {
	max-width: 660px;
	color: rgba(255, 255, 255, .76);
	font-size: 18px;
}

.oc-slot-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.oc-slot-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 20px;
}

.oc-slot-player-card {
	overflow: hidden;
	padding: 16px;
}

.oc-slot-sidebar {
	position: sticky;
	top: 96px;
	align-self: start;
	padding: 22px;
}

.oc-slot-sidebar h2 {
	font-size: 28px;
}

.oc-slot-sidebar dl,
.oc-fact-grid,
.oc-slot-sidebar dd {
	margin: 0;
}

.oc-slot-sidebar div {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 0;
	border-bottom: 1px solid var(--oc-line);
}

.oc-slot-sidebar dt {
	color: var(--oc-muted);
	font-weight: 850;
}

.oc-slot-sidebar dd {
	font-weight: 950;
	text-align: right;
}

.oc-slot-sidebar .oc-button {
	width: 100%;
	margin-top: 18px;
}

.oc-slot-card-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.oc-slot-card {
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-slot-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--oc-shadow);
}

.oc-slot-card a {
	display: grid;
	gap: 11px;
	padding: 12px;
}

.oc-slot-card__image {
	display: grid;
	overflow: hidden;
	place-items: center;
	aspect-ratio: 16 / 10;
	border-radius: var(--oc-radius-sm);
	background: var(--oc-ink);
	color: #fff;
	font-size: 36px;
	font-weight: 950;
}

.oc-slot-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-slot-card strong {
	font-size: 17px;
	line-height: 1.18;
}

.oc-article {
	padding: 28px 0 70px;
}

.oc-article .oc-article-content-shell {
	width: 100%;
	padding-top: 0;
}

.oc-article-hero {
	max-width: 1040px;
	margin: 0 auto 26px;
	padding: clamp(30px, 4vw, 50px);
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius);
	background: #fff;
	box-shadow: var(--oc-shadow-sm);
}

.oc-article-hero h1 {
	font-size: clamp(38px, 4.4vw, 64px);
}

.oc-byline {
	color: var(--oc-muted);
	font-weight: 850;
}

.oc-byline a {
	color: var(--oc-green-dark);
}

.oc-article-image {
	overflow: hidden;
	margin-top: 24px;
	border-radius: var(--oc-radius-sm);
}

.oc-article-image img {
	width: 100%;
	height: auto;
}

.oc-article .oc-prose {
	margin: 0 auto;
}

.oc-post-card {
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-post-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--oc-shadow);
}

.oc-post-card a {
	display: grid;
	gap: 13px;
	height: 100%;
	padding: 16px;
}

.oc-post-card__image {
	display: grid;
	overflow: hidden;
	place-items: center;
	min-height: 170px;
	border-radius: var(--oc-radius-sm);
	background: linear-gradient(135deg, var(--oc-ink), #274037);
	color: #fff;
}

.oc-post-card__image img {
	width: 100%;
	height: 100%;
	min-height: 170px;
	object-fit: cover;
}

.oc-post-card h2,
.oc-post-card h3 {
	margin: 0;
	font-size: 24px;
}

.oc-post-card p {
	margin: 0;
}

.oc-faq-block {
	margin: 50px 0;
}

.oc-faq-block h2 {
	text-align: center;
}

.oc-faq-list {
	display: grid;
	gap: 10px;
	max-width: 980px;
	margin: 20px auto 0;
}

.oc-faq-list details {
	padding: 0;
	box-shadow: none;
}

.oc-faq-list summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 18px 22px;
	color: var(--oc-ink);
	font-size: 19px;
	font-weight: 950;
	cursor: pointer;
}

.oc-faq-list summary::after {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: var(--oc-gold);
	content: "+";
}

.oc-faq-list details[open] summary::after {
	content: "-";
}

.oc-faq-list p {
	margin: 0;
	padding: 0 22px 20px;
}

.oc-author-hero {
	padding: 0;
	background: transparent;
}

.oc-author-card {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	padding: clamp(26px, 4vw, 46px);
}

.oc-author-card img {
	width: 160px;
	height: 160px;
	border-radius: 999px;
	object-fit: cover;
	box-shadow: var(--oc-shadow-sm);
}

.oc-author-card h1 {
	font-size: clamp(38px, 4.2vw, 60px);
}

.oc-author-signals,
.oc-footer-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.oc-author-signals span,
.oc-footer-badges span {
	padding: 8px 11px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-shortcode-offer {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	margin: 28px 0;
	padding: 18px;
	border-left: 5px solid var(--oc-gold);
}

.oc-shortcode-offer__media {
	display: grid;
	gap: 8px;
	justify-items: center;
}

.oc-shortcode-offer__media span {
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #75560c;
	font-weight: 950;
}

.oc-shortcode-offer__body h3,
.oc-shortcode-row h3 {
	margin: 4px 0;
}

.oc-shortcode-offer__body p,
.oc-shortcode-row p {
	margin: 0 0 6px;
	color: var(--oc-text);
	font-weight: 850;
}

.oc-shortcode-offer__actions {
	display: grid;
	gap: 9px;
	min-width: 150px;
}

.oc-shortcode-list {
	margin: 30px 0;
	padding: 18px;
}

.oc-shortcode-list__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 14px;
}

.oc-shortcode-list__head strong {
	padding: 7px 12px;
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #75560c;
}

.oc-shortcode-list__items {
	display: grid;
	gap: 10px;
}

.oc-shortcode-row {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) auto auto;
	gap: 14px;
	align-items: center;
	padding: 14px;
	border: 1px solid var(--oc-line);
	border-radius: var(--oc-radius-sm);
	background: #f8fafc;
}

.fc-wrapper,
.featured-casino-wrapper {
	overflow: hidden;
	border: 1px solid var(--oc-line) !important;
	border-radius: var(--oc-radius) !important;
	background: #fff !important;
	box-shadow: var(--oc-shadow-sm) !important;
}

.fc-tabs,
.featured-casino-tabs {
	display: none !important;
}

.fc-wrapper img {
	border-radius: 999px;
	object-fit: contain;
}

.fc-wrapper a,
.featured-casino-wrapper a {
	border-radius: var(--oc-radius-sm) !important;
}

.oc-site-footer {
	margin-top: 40px;
	padding: clamp(38px, 4vw, 62px) max(20px, calc((100vw - var(--oc-container)) / 2)) 24px;
	background: var(--oc-ink);
	color: #fff;
}

.oc-footer-inner {
	display: grid;
	grid-template-columns: 1.2fr .8fr 1fr 1.2fr;
	gap: 28px;
	width: 100%;
	margin: 0 auto;
}

.oc-footer-brand img {
	width: 240px;
}

.oc-site-footer p {
	color: rgba(255, 255, 255, .72);
}

.oc-site-footer h2 {
	font-size: 22px;
}

.oc-footer-links {
	display: grid;
	gap: 9px;
}

.oc-footer-links a,
.oc-footer-disclosure a,
.oc-footer-bottom a {
	color: rgba(255, 255, 255, .82);
	font-weight: 800;
}

.oc-footer-disclosure a {
	display: inline-flex;
	margin: 4px 8px 0 0;
	padding: 8px 11px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 999px;
}

.oc-footer-bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: space-between;
	width: 100%;
	margin: 30px auto 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .62);
}

.sl-powered-by,
.slotslaunch-powered,
[class*="slotslaunch"][class*="brand"],
a[href*="slotslaunch"] {
	display: none !important;
}

@media (max-width: 1120px) {
	.oc-header-nav {
		display: none;
	}

	.oc-home-hero__inner,
	.oc-review-hero-card,
	.oc-slot-hero,
	.oc-slot-layout,
	.oc-footer-inner {
		grid-template-columns: 1fr;
	}

	.oc-fact-grid,
	.oc-pick-grid,
	.oc-review-directory-featured,
	.oc-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oc-slot-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.oc-slot-sidebar {
		position: static;
	}
}

@media (max-width: 760px) {
	body {
		font-size: 16px;
	}

	.oc-site-header {
		min-height: 68px;
		padding: 12px;
	}

	.oc-brand {
		min-width: 0;
	}

	.oc-brand img {
		width: min(185px, 52vw);
	}

	.oc-header-actions {
		display: none;
	}

	.oc-age-badge {
		display: none;
	}

	.oc-mobile-menu-trigger {
		position: fixed;
		top: 11px;
		right: 11px;
		z-index: 90;
		display: inline-flex;
		width: 50px;
		min-height: 44px;
		padding: 0 12px;
	}

	.oc-mobile-menu-trigger strong {
		display: none;
	}

	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero {
		width: calc(100% - 24px);
	}

	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 24px);
	}

	.oc-home-hero__inner {
		min-height: auto;
		padding: 34px 0;
	}

	h1 {
		font-size: clamp(34px, 10vw, 46px);
	}

	.oc-home-hero h1 {
		max-width: 9ch;
	}

	h2 {
		font-size: clamp(28px, 9vw, 38px);
	}

	.oc-section-head,
	.oc-legacy-strip,
	.oc-card-actions,
	.oc-row-actions,
	.oc-slot-hero__actions,
	.oc-footer-bottom,
	.oc-page-hero {
		align-items: stretch;
		flex-direction: column;
	}

	.oc-core-grid,
	.oc-pick-grid,
	.oc-review-directory-featured,
	.oc-post-grid,
	.oc-slot-card-grid,
	.oc-fact-grid {
		grid-template-columns: 1fr;
	}

	.oc-review-row,
	.oc-shortcode-row,
	.oc-shortcode-offer {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.oc-review-row .oc-logo-medallion,
	.oc-shortcode-row .oc-logo-medallion,
	.oc-shortcode-offer__media {
		grid-column: 1;
	}

	.oc-row-score,
	.oc-row-actions,
	.oc-shortcode-row__score,
	.oc-shortcode-row .oc-button,
	.oc-shortcode-offer__actions {
		grid-column: 1 / -1;
	}

	.oc-sticky-offer {
		top: 76px;
		grid-template-columns: minmax(0, 1fr) auto;
		width: calc(100% - 24px);
		border-radius: var(--oc-radius);
	}

	.oc-sticky-offer span {
		display: none;
	}

	.oc-offer-panel,
	.oc-shortcode-offer {
		grid-template-columns: 1fr;
	}

	.oc-offer-panel a,
	.oc-button {
		width: 100%;
	}

	.oc-drawer-panel {
		width: min(360px, 94vw);
		padding: 20px;
	}

	.oc-drawer nav a {
		font-size: 20px;
	}

	.oc-logo-medallion--xl {
		width: 190px;
		height: 190px;
	}

	.oc-review-identity,
	.oc-review-hero-main {
		padding: 24px;
	}

	.oc-author-card {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.oc-author-card img {
		margin: 0 auto;
	}
}

/*
 * Product/editorial polish pass.
 * Keep the site modern without making every page feel like a giant landing page.
 */
:root {
	--oc-container: 1120px;
	--oc-wide: 1240px;
	--oc-content: 820px;
	--oc-radius: 12px;
	--oc-radius-sm: 8px;
}

body {
	background:
		radial-gradient(circle at 12% -8%, rgba(47, 125, 91, .12), transparent 32rem),
		linear-gradient(180deg, #f3f7fb 0, #f8fafc 420px),
		#f8fafc;
	font-size: 16px;
	line-height: 1.6;
}

.oc-site-header {
	min-height: 68px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.oc-brand img {
	width: min(218px, 44vw);
}

.oc-header-nav a {
	padding: 8px 11px;
	font-size: 12px;
}

.oc-menu-button {
	min-height: 42px;
	border-radius: 999px;
}

.oc-section {
	padding: clamp(30px, 3.3vw, 48px) 0;
}

h1 {
	font-size: clamp(34px, 3.8vw, 54px);
	line-height: 1.02;
}

h2 {
	font-size: clamp(26px, 2.6vw, 38px);
	line-height: 1.08;
}

h3 {
	font-size: clamp(20px, 1.4vw, 25px);
}

.oc-drawer.is-open {
	background: rgba(17, 21, 32, .44);
	backdrop-filter: blur(5px);
}

.oc-drawer-panel {
	width: min(390px, 92vw);
	padding: 22px;
	background:
		linear-gradient(180deg, #171c2a, #111520),
		#111520;
}

.oc-drawer nav {
	gap: 7px;
}

.oc-drawer nav a {
	min-height: 58px;
	padding: 13px 14px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .055);
	font-size: 17px;
	line-height: 1.14;
	text-transform: none;
}

.oc-drawer nav span {
	color: rgba(255, 255, 255, .46);
}

.oc-home-hero__inner {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
	min-height: clamp(380px, 48vh, 520px);
	padding: clamp(34px, 4vw, 56px) 0;
}

.oc-home-hero p {
	max-width: 630px;
	font-size: clamp(17px, 1.2vw, 20px);
}

.oc-legacy-strip {
	max-width: 640px;
	margin-top: 22px;
	padding: 11px;
}

.oc-core-grid a {
	min-height: 82px;
	padding: 15px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .065));
}

.oc-core-grid span {
	width: 46px;
	height: 46px;
	font-size: 18px;
}

.oc-core-grid strong {
	font-size: 17px;
}

.oc-pick-grid,
.oc-post-grid {
	gap: 16px;
}

.oc-pick-card__top {
	min-height: 112px;
	padding: 20px 20px 16px;
}

.oc-logo-medallion {
	width: 88px;
	height: 88px;
	padding: 13px;
}

.oc-logo-medallion--sm {
	width: 58px;
	height: 58px;
	padding: 8px;
}

.oc-logo-medallion--xl {
	width: min(168px, 48vw);
	height: min(168px, 48vw);
	padding: 20px;
}

.oc-logo-medallion img {
	border-radius: 999px;
	object-fit: contain;
}

.oc-pick-card__body {
	gap: 13px;
	padding: 18px;
}

.oc-bonus-text {
	font-size: clamp(20px, 1.35vw, 25px);
	line-height: 1.18;
}

.oc-proof-list {
	gap: 6px;
	font-size: 15px;
}

.oc-button {
	min-height: 44px;
	padding: 0 16px;
	border-radius: 10px;
	font-size: 15px;
}

.oc-terms-hover {
	text-decoration-thickness: 4px;
	text-underline-offset: -2px;
}

.oc-terms-hover small {
	width: min(330px, 78vw);
	font-size: 13px;
}

.oc-table-wrap {
	max-width: 100%;
}

.oc-casino-table {
	min-width: 900px;
}

.oc-casino-table th {
	padding: 13px 15px;
}

.oc-casino-table td {
	padding: 15px;
}

.oc-casino-cell strong,
.oc-table-bonus {
	font-size: 17px;
}

.oc-rank-dot {
	width: 42px;
	height: 42px;
	border-width: 5px;
	font-size: 16px;
}

.oc-table-rating {
	gap: 10px;
}

.oc-rating-bar {
	width: 88px;
	height: 10px;
}

.oc-page-hero,
.oc-slot-hero,
.oc-author-hero {
	margin-top: 20px;
	padding: clamp(28px, 3.2vw, 42px);
}

.oc-page-hero p {
	font-size: 16px;
}

.oc-review-page-wrap {
	width: min(var(--oc-wide), calc(100% - 40px));
}

.oc-sticky-offer {
	top: 82px;
	width: min(620px, calc(100% - 32px));
	padding: 8px 9px 8px 14px;
}

.oc-sticky-offer strong {
	font-size: 15px;
}

.oc-sticky-offer a {
	width: 36px;
	height: 36px;
}

.oc-review-hero-card {
	grid-template-columns: 260px minmax(0, 1fr);
	border-radius: 14px;
}

.oc-review-identity {
	gap: 16px;
	padding: clamp(22px, 2.4vw, 32px);
}

.oc-score-card,
.oc-verdict-card {
	padding: 15px;
}

.oc-score-card strong {
	font-size: 34px;
}

.oc-verdict-card ul {
	gap: 8px;
	font-size: 14px;
	line-height: 1.4;
}

.oc-review-hero-main {
	padding: clamp(24px, 3vw, 38px);
}

.oc-review-hero-main h1 {
	max-width: 760px;
	margin-top: 10px;
}

.oc-fact-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin: 18px 0;
}

.oc-fact-grid div {
	min-height: 82px;
	padding: 13px;
}

.oc-offer-panel {
	gap: 18px;
	padding: 18px;
}

.oc-offer-panel strong {
	font-size: clamp(24px, 2.1vw, 32px);
}

.oc-offer-panel p {
	font-size: 15px;
	line-height: 1.5;
}

.oc-offer-panel a {
	min-width: 132px;
	min-height: 48px;
}

.oc-prose {
	padding: clamp(24px, 3.2vw, 42px);
}

.oc-review-prose {
	max-width: 920px;
}

.oc-prose p,
.oc-prose li {
	font-size: clamp(16px, 1vw, 18px);
	line-height: 1.72;
}

.oc-prose h2 {
	margin-top: 34px;
}

.oc-prose h3 {
	margin-top: 26px;
}

.oc-prose h4.wp-block-heading {
	margin: 26px 0 10px;
	padding: 14px 16px;
	border: 1px solid var(--oc-line);
	border-left: 4px solid var(--oc-green);
	border-radius: 10px;
	background: linear-gradient(90deg, #fff, #f7fbf8);
	font-size: 19px;
	box-shadow: 0 8px 20px rgba(17, 21, 32, .05);
}

.oc-prose > .post-modified-info:first-child,
.oc-review-prose > .post-modified-info:first-child,
.oc-article .post-modified-info {
	display: none !important;
}

.oc-prose table {
	width: 100% !important;
	margin: 22px 0;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 1px solid var(--oc-line);
	border-radius: 12px;
	background: #fff;
	box-shadow: var(--oc-shadow-sm);
}

.oc-prose table th,
.oc-prose table td {
	padding: 13px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--oc-line) !important;
	border-right: 1px solid var(--oc-line) !important;
	text-align: left !important;
	vertical-align: top;
}

.oc-prose table th {
	background: #111520;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
}

.oc-prose table tr:last-child td {
	border-bottom: 0 !important;
}

.oc-prose table th:last-child,
.oc-prose table td:last-child {
	border-right: 0 !important;
}

.oc-prose .abh_box {
	overflow: hidden;
	margin: 32px 0 !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: var(--oc-shadow-sm) !important;
}

.oc-prose .abh_tabs {
	display: none !important;
}

.oc-prose .abh_tab_content,
.oc-prose .abh_about_tab {
	display: grid !important;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	padding: 18px !important;
}

.oc-prose .abh_image img {
	width: 96px !important;
	height: 96px !important;
	border-radius: 999px !important;
	object-fit: cover;
}

.oc-prose .abh_name {
	font-size: 20px !important;
	font-weight: 950 !important;
}

.oc-prose .abh_description {
	color: var(--oc-muted) !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
}

.oc-review-directory-featured {
	gap: 16px;
}

.oc-review-directory-card,
.oc-review-row {
	padding: 18px;
}

.oc-review-directory-card h2,
.oc-review-directory-card h3,
.oc-review-row h2,
.oc-review-row h3 {
	font-size: 22px;
}

/* 2026-07-16: final drawer toggle normalization before launch QA. */
.oc-drawer-item--has-children {
	position: relative;
}

.oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 56px !important;
}

.oc-drawer-toggle {
	position: absolute !important;
	top: 50% !important;
	right: 20px !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	border: 1px solid rgba(238, 216, 95, .52) !important;
	border-radius: 10px !important;
	background: rgba(238, 216, 95, .08) !important;
	color: #f1df76 !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-indent: 0 !important;
	transform: translateY(-50%) !important;
}

.oc-drawer-toggle::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 9px !important;
	height: 9px !important;
	border: 0 !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: translate(-50%, -62%) rotate(45deg) !important;
}

.oc-drawer-toggle::after {
	content: none !important;
	display: none !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus-visible,
.oc-drawer-toggle[aria-expanded="true"] {
	background: rgba(238, 216, 95, .14) !important;
	border-color: rgba(238, 216, 95, .8) !important;
	color: #fff1a2 !important;
}

.oc-drawer-toggle:focus-visible {
	outline: 3px solid rgba(238, 216, 95, .32) !important;
	outline-offset: 3px !important;
}

.oc-drawer-toggle[aria-expanded="true"]::before,
.oc-drawer-item.is-expanded > .oc-drawer-toggle::before {
	transform: translate(-50%, -38%) rotate(-135deg) !important;
}

.oc-drawer-submenu .oc-drawer-toggle {
	right: 14px !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	border-radius: 9px !important;
}

@media (max-width: 640px) {
	.oc-drawer-item--has-children > .oc-drawer-link {
		padding-right: 50px !important;
	}

	.oc-drawer-toggle {
		right: 14px !important;
	}
}

.oc-review-row {
	grid-template-columns: auto auto minmax(0, 1fr) auto;
}

.oc-row-score {
	display: none;
}

.oc-slot-hero {
	grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
	width: min(var(--oc-wide), calc(100% - 40px));
}

.oc-slot-hero p {
	font-size: 16px;
}

.oc-slot-layout {
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 18px;
}

.oc-slot-player-card {
	padding: 12px;
}

.oc-slot-sidebar {
	padding: 18px;
}

.oc-slot-sidebar h2 {
	font-size: 23px;
}

.oc-slot-card-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.oc-slot-card a {
	padding: 10px;
}

.oc-slot-card__image {
	aspect-ratio: 16 / 9;
}

.oc-slot-card strong {
	font-size: 15px;
}

.oc-shortcode-offer {
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 16px;
	padding: 16px;
}

.oc-shortcode-list {
	padding: 16px;
}

.oc-shortcode-row {
	grid-template-columns: auto auto minmax(0, 1fr) auto;
	gap: 12px;
	padding: 12px;
}

.oc-shortcode-row__score {
	display: none;
}

.oc-site-footer {
	margin-top: 34px;
	padding-top: 42px;
}

.oc-footer-inner {
	grid-template-columns: 1.1fr .8fr 1fr 1fr;
	gap: 22px;
}

@media (max-width: 1120px) {
	.oc-review-hero-card,
	.oc-slot-layout,
	.oc-footer-inner {
		grid-template-columns: 1fr;
	}

	.oc-review-identity {
		align-items: flex-start;
	}

	.oc-review-identity .oc-logo-medallion--xl {
		width: 130px;
		height: 130px;
	}

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

@media (max-width: 760px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 22px);
	}

	.oc-home-hero__inner {
		grid-template-columns: 1fr;
	}

	.oc-home-hero h1 {
		max-width: 12ch;
	}

	.oc-core-grid a {
		min-height: 76px;
	}

	.oc-pick-grid,
	.oc-review-directory-featured,
	.oc-post-grid,
	.oc-slot-card-grid,
	.oc-fact-grid {
		grid-template-columns: 1fr;
	}

	.oc-review-identity {
		align-items: center;
	}

	.oc-offer-panel,
	.oc-shortcode-offer,
	.oc-shortcode-row,
	.oc-review-row {
		grid-template-columns: 1fr;
	}

	.oc-card-actions,
	.oc-table-actions,
	.oc-row-actions {
		flex-direction: column;
	}

	.oc-prose .abh_tab_content,
	.oc-prose .abh_about_tab {
		grid-template-columns: 1fr;
		text-align: center;
	}

.oc-prose .abh_image img {
		margin: 0 auto;
	}

	.oc-casino-table {
		min-width: 780px;
	}
}

/* Final fit fixes after rendered screenshot review. */
.oc-review-hero-card {
	gap: 16px;
	align-items: start;
	overflow: visible;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.oc-review-identity,
.oc-review-hero-main {
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	box-shadow: var(--oc-shadow-sm);
}

.oc-review-identity {
	align-self: start;
}

.oc-review-hero-main {
	background: #fff;
}

.oc-slot-player-card .sl-container,
.oc-slot-player-card .sl-slots,
.oc-slot-player-card .sl-featured-widget-container,
.oc-slot-player-card .slotls-header,
.oc-slot-player-card .sl-banner-container {
	background: #111520 !important;
}

.oc-slot-player-card .sl-container {
	overflow: hidden;
	padding-top: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	background: #111520 !important;
	box-shadow: none !important;
}

.oc-slot-player-card .slotls-header {
	border: 0 !important;
	border-radius: 14px 14px 0 0 !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08) !important;
}

.oc-slot-player-card .sl-slots {
	border-radius: 0 0 14px 14px !important;
}

.oc-slot-player-card .sl-placeholder {
	background:
		radial-gradient(circle at 50% 36%, rgba(47, 125, 91, .18), transparent 22rem),
		#111520 !important;
}

.oc-slot-player-card .slaunch-button {
	border-radius: 10px !important;
	font-family: var(--oc-font) !important;
	font-size: 17px !important;
	font-weight: 950 !important;
	box-shadow: 0 14px 28px rgba(17, 21, 32, .18) !important;
}

.oc-slot-player-card .sl-play-for-real {
	border: 0 !important;
	background: var(--oc-green) !important;
	color: #fff !important;
}

.oc-slot-player-card button.slaunch-button.slaunch-game {
	border: 2px solid rgba(255, 255, 255, .78) !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
}

.oc-slot-player-card button.slaunch-button.slaunch-game svg {
	stroke: currentColor !important;
}

.oc-slot-player-card .sl-game-attributes {
	display: none !important;
}

@media (max-width: 760px) {
	.oc-legacy-strip {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.oc-legacy-strip strong {
		width: fit-content;
	}

	.oc-review-hero-card {
		gap: 12px;
	}

	.oc-sticky-offer {
		top: 72px;
	}
}

/* Cohesive product pass: wider content, cleaner CTAs, slot-player parity. */
:root {
	--oc-font: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
	--oc-display-font: "Arial Rounded MT Bold", "Trebuchet MS", "Segoe UI", Arial, sans-serif;
	--oc-container: 1320px;
	--oc-wide: 1600px;
	--oc-content: 1160px;
}

body,
button,
input,
select {
	font-family: var(--oc-font);
}

h1,
h2,
h3,
h4,
.oc-button,
.oc-kicker,
.oc-card-meta-line,
.oc-tag,
.oc-table-bonus {
	font-family: var(--oc-display-font);
}

h1 {
	font-size: clamp(36px, 3.35vw, 58px);
}

h2 {
	font-size: clamp(28px, 2.45vw, 42px);
}

.oc-section,
.oc-article,
.oc-page-hero,
.oc-author-hero,
.oc-slot-hero,
.oc-home-hero__inner,
.oc-review-page-wrap {
	width: min(var(--oc-wide), calc(100% - 48px));
}

.oc-prose,
.oc-article .oc-prose,
.oc-editorial-block .oc-prose,
.oc-review-prose {
	max-width: var(--oc-content);
}

.oc-review-prose,
.oc-directory-copy,
.oc-article .oc-prose,
.page .oc-prose {
	width: 100%;
}

.oc-prose a:not(.oc-button):not(.wp-block-button__link):not(.slotsl-url):not(.slaunch-button) {
	color: #235f47;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(47, 125, 91, .28);
	text-underline-offset: .18em;
}

.oc-prose a:not(.oc-button):not(.wp-block-button__link):hover,
.oc-prose a:not(.oc-button):not(.wp-block-button__link):focus {
	color: #111520;
	text-decoration-color: var(--oc-gold);
}

.oc-header-nav a {
	white-space: nowrap;
}

.oc-drawer-panel {
	width: min(560px, 94vw);
	overflow-y: auto;
}

.oc-drawer-nav {
	display: grid;
	gap: 8px;
	padding-bottom: 20px;
}

.oc-drawer-nav a {
	display: grid !important;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	min-height: 58px;
	padding: 12px 14px !important;
	font-size: 17px !important;
	line-height: 1.12 !important;
	text-transform: none !important;
}

.oc-drawer-nav .oc-lite-icon {
	width: 40px;
	height: 40px;
	color: rgba(255, 255, 255, .78);
	background: rgba(255, 255, 255, .08);
}

.oc-drawer-nav em {
	color: rgba(255, 255, 255, .44);
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
}

.oc-core-grid--stats {
	gap: 14px;
}

.oc-core-grid--stats a {
	grid-template-columns: 58px minmax(0, 1fr);
	min-height: 108px;
	border-color: rgba(255, 255, 255, .18);
}

.oc-lite-icon,
.oc-core-grid--stats .oc-lite-icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	color: var(--oc-green-dark);
}

.oc-lite-icon svg {
	width: 27px;
	height: 27px;
}

.oc-core-grid--stats strong {
	font-size: clamp(20px, 1.45vw, 28px);
}

.oc-legacy-strip strong {
	white-space: normal;
}

.oc-pick-card__top {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	text-align: left;
}

.oc-pick-card__top span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 8px 12px;
	border-radius: 999px;
	background: #111520;
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: 13px;
	letter-spacing: .01em;
}

.oc-pick-card:first-child .oc-pick-card__top span {
	background: linear-gradient(90deg, var(--oc-gold), #f6df76);
	color: #111520;
	box-shadow: 0 10px 24px rgba(215, 170, 53, .22);
}

.oc-pick-card__top h3 {
	font-size: clamp(25px, 1.8vw, 34px);
}

.oc-card-actions .oc-button--primary {
	flex: 1 1 58%;
}

.oc-table-actions .oc-button {
	min-width: 150px;
	font-size: 16px;
}

.navigation.pagination,
.nav-links,
.page-numbers,
.uagb-loop-pagination {
	display: none !important;
}

.oc-prose .abh_box,
.oc-slot-player-card .abh_box {
	display: none !important;
}

.oc-sticky-offer {
	position: fixed;
	top: 12px;
	left: 50%;
	z-index: 95;
	width: min(980px, calc(100% - 280px));
	margin: 0;
	padding: 12px 14px 12px 22px;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 999px;
	background: linear-gradient(90deg, #e9f7ef 0%, #eef4d4 45%, #f4d063 100%);
	box-shadow: 0 20px 42px rgba(17, 21, 32, .22);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -18px);
	transition: opacity .2s ease, transform .2s ease;
}

.oc-sticky-offer.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

.oc-sticky-offer span {
	padding: 7px 11px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .62);
}

.oc-sticky-offer strong {
	font-size: clamp(17px, 1.5vw, 24px);
}

.oc-sticky-offer a {
	width: 52px;
	height: 52px;
}

.oc-sticky-offer a::after {
	font-family: var(--oc-display-font);
	font-size: 30px;
}

.oc-verdict-card--inline {
	width: 100%;
	margin-top: 18px;
	background: linear-gradient(135deg, #fff, #f8fbfd);
	color: var(--oc-ink);
}

.oc-verdict-card--inline ul {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.oc-verdict-card--inline li {
	padding: 13px;
	border: 1px solid var(--oc-line);
	border-radius: 10px;
	background: #fff;
	color: #2d3748;
	font-weight: 850;
}

.oc-verdict-card--inline li::before {
	margin-right: 8px;
}

.oc-slot-hero {
	display: grid;
	grid-template-columns: minmax(300px, 460px) minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	background: #111520;
	color: #fff;
}

.oc-slot-hero__media {
	border-radius: 16px;
	background: rgba(255, 255, 255, .07);
}

.oc-slot-hero__media img {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.oc-slot-hero__actions .oc-button--primary {
	background: #fff;
	color: var(--oc-ink);
}

.oc-slot-layout {
	grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
	align-items: start;
}

.oc-slot-player-card {
	padding: 16px;
}

.oc-slot-sidebar {
	position: sticky;
	top: 96px;
	padding: 22px;
}

.oc-slot-sidebar dl {
	gap: 0;
}

.oc-slot-sidebar div {
	display: grid;
	grid-template-columns: minmax(100px, .78fr) minmax(0, 1fr);
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--oc-line);
}

.oc-slot-sidebar dd {
	text-align: right;
	overflow-wrap: anywhere;
}

.oc-slot-player-card .sl-game-attributes,
.oc-prose .sl-game-attributes {
	display: block !important;
	margin: 18px 0 0 !important;
	border: 1px solid rgba(220, 228, 239, .9) !important;
	border-radius: 14px !important;
	box-shadow: none !important;
}

.oc-slot-player-card .sl-game-attributes-header,
.oc-prose .sl-game-attributes-header {
	background: #111520 !important;
}

.oc-prose .sl-container,
.oc-prose .sl-slots,
.oc-prose .sl-featured-widget-container,
.oc-prose .slotls-header,
.oc-prose .sl-banner-container {
	background: #111520 !important;
}

.oc-prose .sl-container {
	overflow: hidden;
	max-width: 100% !important;
	margin: 28px auto !important;
	padding: 0 !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 16px !important;
	box-shadow: var(--oc-shadow-sm) !important;
}

.oc-prose .slotls-header {
	border: 0 !important;
	border-radius: 16px 16px 0 0 !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08) !important;
}

.oc-prose .sl-slots {
	border-radius: 0 0 16px 16px !important;
}

.oc-prose .sl-placeholder {
	background:
		radial-gradient(circle at 50% 34%, rgba(47, 125, 91, .16), transparent 22rem),
		#111520 !important;
}

.oc-prose .slaunch-button,
.oc-slot-player-card .slaunch-button {
	border-radius: 10px !important;
	font-family: var(--oc-display-font) !important;
	font-size: 17px !important;
	font-weight: 900 !important;
}

.oc-prose .sl-play-for-real,
.oc-slot-player-card .sl-play-for-real {
	border: 0 !important;
	background: var(--oc-green) !important;
	color: #fff !important;
}

.oc-prose button.slaunch-button.slaunch-game,
.oc-slot-player-card button.slaunch-button.slaunch-game {
	border: 2px solid rgba(255, 255, 255, .82) !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
}

.oc-prose button.slaunch-button.slaunch-game svg,
.oc-slot-player-card button.slaunch-button.slaunch-game svg {
	stroke: currentColor !important;
}

.oc-prose .sl-banner-text a,
.oc-slot-player-card .sl-banner-text a,
.oc-prose a[href*="slotslaunch"],
.oc-slot-player-card a[href*="slotslaunch"] {
	display: none !important;
}

.slotsl-container {
	max-width: 100% !important;
	margin: 28px auto !important;
	padding: 0 !important;
	scroll-margin-top: 96px;
}

.slotsl-grid {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
	gap: 18px !important;
}

.slotsl-game {
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: var(--oc-shadow-sm) !important;
	transition: transform .18s ease, box-shadow .18s ease;
}

.slotsl-game:hover {
	transform: translateY(-3px);
	box-shadow: var(--oc-shadow) !important;
}

.slotsl-thumb,
.slotsl-thumb img {
	border-radius: 14px 14px 0 0 !important;
}

.slotsl-thumb img {
	aspect-ratio: 16 / 10 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.slotsl-demo-container {
	display: grid !important;
	place-items: center !important;
	background: rgba(17, 21, 32, .68) !important;
}

.slotsl-demo-container .slotsl-demo-wrapper {
	position: static !important;
	transform: none !important;
}

.slotsl-demo-container .slotsl-url,
.slotsl-meta .slotsl-title a {
	font-family: var(--oc-display-font) !important;
}

.slotsl-demo-container .slotsl-url {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	background: #fff !important;
	color: var(--oc-ink) !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
}

.slotsl-meta {
	padding: 15px !important;
}

.slotsl-meta p.slotsl-title {
	margin: 0 !important;
	line-height: 1.15 !important;
}

.slotsl-meta .slotsl-title a,
.slotsl-meta .slotsl-title span {
	color: var(--oc-ink) !important;
	font-size: 17px !important;
	line-height: 1.12 !important;
	text-decoration: none !important;
}

.oc-author-card--compact {
	grid-template-columns: 110px minmax(0, 1fr);
	max-width: var(--oc-content);
}

.oc-author-avatar {
	display: block;
	overflow: hidden;
	border-radius: 999px;
	background: #fff;
	box-shadow: var(--oc-shadow-sm);
}

.oc-author-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-author-avatar--profile {
	width: 170px;
	height: 170px;
}

.oc-author-avatar--compact {
	width: 110px;
	height: 110px;
}

.oc-shortcode-offer {
	position: relative;
	grid-template-columns: auto minmax(0, 1fr) auto;
	border-left: 0;
	border-top: 5px solid var(--oc-green);
	background: linear-gradient(135deg, #fff, #f8fbfd);
}

.oc-shortcode-offer__body {
	display: grid;
	gap: 6px;
}

.oc-shortcode-offer__body h3 {
	font-size: clamp(24px, 1.7vw, 34px);
}

.oc-shortcode-offer__body p {
	font-size: clamp(20px, 1.35vw, 27px);
	line-height: 1.16;
}

.oc-shortcode-rating,
.oc-shortcode-row__score {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--oc-ink);
	font-weight: 900;
}

.oc-shortcode-list {
	border-radius: 16px;
}

.oc-shortcode-list__items {
	gap: 0;
}

.oc-shortcode-row {
	grid-template-columns: auto auto minmax(170px, .8fr) minmax(260px, 1.3fr) auto auto;
	padding: 16px;
	border-radius: 0;
	border-right: 0;
	border-left: 0;
	background: #fff;
}

.oc-shortcode-row:first-child {
	border-radius: 12px 12px 0 0;
}

.oc-shortcode-row:last-child {
	border-radius: 0 0 12px 12px;
}

.oc-shortcode-row h3 {
	margin: 0 0 3px;
	font-size: 22px;
}

.oc-shortcode-row p {
	font-size: 18px;
	line-height: 1.18;
}

.oc-shortcode-row .oc-button {
	min-width: 142px;
	min-height: 48px;
	font-size: 16px;
}

.oc-faq-list {
	gap: 8px;
}

.oc-faq-list summary {
	padding: 14px 18px;
	font-size: 18px;
}

.oc-faq-list summary::after {
	width: 28px;
	height: 28px;
}

.oc-post-card h2,
.oc-post-card h3 {
	font-size: clamp(23px, 1.75vw, 31px);
	line-height: 1.08;
	text-decoration: none;
}

.oc-post-card a {
	text-decoration: none !important;
}

.oc-post-card:hover h2,
.oc-post-card:hover h3 {
	color: var(--oc-green-dark);
}

@media (min-width: 1500px) {
	.slotsl-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 1120px) {
	.oc-sticky-offer {
		top: auto;
		right: 14px;
		bottom: 14px;
		left: 14px;
		width: auto;
		transform: translateY(16px);
	}

	.oc-sticky-offer.is-visible {
		transform: translateY(0);
	}

	.oc-verdict-card--inline ul {
		grid-template-columns: 1fr;
	}

	.oc-shortcode-row {
		grid-template-columns: auto auto minmax(0, 1fr);
	}

	.oc-shortcode-row__score,
	.oc-shortcode-row .oc-button {
		grid-column: 3;
	}
}

@media (max-width: 760px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 24px);
	}

	.oc-drawer-nav a {
		grid-template-columns: 34px minmax(0, 1fr) auto;
		font-size: 16px !important;
	}

	.oc-drawer-nav .oc-lite-icon {
		width: 34px;
		height: 34px;
	}

	.oc-slot-hero,
	.oc-slot-layout,
	.oc-shortcode-offer,
	.oc-shortcode-row,
	.oc-author-card--compact {
		grid-template-columns: 1fr;
	}

	.oc-slot-sidebar {
		position: static;
	}

	.oc-slot-sidebar div {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.oc-slot-sidebar dd {
		text-align: left;
	}

	.oc-sticky-offer {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.oc-sticky-offer strong {
		font-size: 16px;
	}

	.oc-sticky-offer a {
		width: 44px;
		height: 44px;
	}

	.oc-shortcode-row__score,
	.oc-shortcode-row .oc-button {
		grid-column: auto;
	}

	.slotsl-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
}

/* Hard-final overrides: keep the newest compact CTA system in control. */
:root {
	--oc-container: 1240px;
	--oc-wide: 1460px;
	--oc-content: 1060px;
}

@media (min-width: 1280px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: min(var(--oc-wide), calc(100% - 72px)) !important;
	}
}

.abh_box,
.abh_tab_content,
.abh_tabs,
.starbox,
.saboxplugin-wrap,
.m-a-box-container,
.wp-author-box,
.author-bio-box {
	display: none !important;
}

.oc-pick-grid {
	align-items: stretch;
}

.oc-pick-card--featured {
	position: relative;
	z-index: 1;
	transform: translateY(-14px);
	border-color: rgba(215, 170, 53, .58) !important;
	box-shadow: 0 28px 70px rgba(17, 21, 32, .16) !important;
}

.oc-pick-card__top {
	grid-template-columns: 132px minmax(0, 1fr);
	align-items: center;
}

.oc-pick-card__top .oc-logo-medallion {
	width: 116px;
	height: 116px;
	padding: 14px;
	background: #fff;
}

.oc-pick-card--featured .oc-logo-medallion {
	width: 132px;
	height: 132px;
	background: radial-gradient(circle at 30% 25%, #fff 0 36%, #fff4d3 37% 100%);
}

.oc-shortcode-list {
	overflow: hidden;
	padding: clamp(16px, 2vw, 26px) !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 22px !important;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .13), transparent 32%),
		linear-gradient(180deg, #fff, #f8fbfd) !important;
	box-shadow: var(--oc-shadow-sm) !important;
}

.oc-shortcode-list__items {
	display: grid;
	gap: 14px !important;
}

.oc-shortcode-row {
	position: relative;
	display: grid !important;
	grid-template-columns: auto minmax(280px, .88fr) minmax(360px, 1.25fr) minmax(150px, .45fr) minmax(160px, .38fr) !important;
	gap: 18px !important;
	align-items: center;
	padding: 18px !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 16px !important;
	background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 251, 253, .96)) !important;
	box-shadow: 0 14px 36px rgba(17, 21, 32, .07) !important;
}

.oc-shortcode-row--featured {
	border-color: rgba(215, 170, 53, .55) !important;
	background: linear-gradient(135deg, rgba(255, 250, 239, .98), rgba(255, 255, 255, .96)) !important;
}

.oc-shortcode-row__casino {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
}

.oc-shortcode-row__casino .oc-logo-medallion {
	width: 94px !important;
	height: 94px !important;
	padding: 12px;
	background: #fff;
}

.oc-pick-card__top .oc-logo-medallion img,
.oc-shortcode-row__casino .oc-logo-medallion img,
.oc-shortcode-offer__media .oc-logo-medallion img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 999px;
}

.oc-shortcode-row__offer {
	display: grid;
	gap: 9px;
}

.oc-shortcode-row__casino h3,
.oc-shortcode-offer__body h3 {
	margin: 0 0 5px;
	font-size: clamp(24px, 1.7vw, 34px);
	line-height: 1.04;
}

.oc-shortcode-row__offer p,
.oc-shortcode-offer__bonus {
	margin: 0;
	color: var(--oc-ink);
	font-family: var(--oc-display-font);
	font-size: clamp(22px, 1.55vw, 31px);
	font-weight: 950;
	line-height: 1.12;
}

.oc-shortcode-badge {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	gap: 8px;
	padding: 8px 13px;
	border-radius: 999px;
	background: var(--oc-ink);
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: 13px;
	font-weight: 950;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-shortcode-row--featured .oc-shortcode-badge,
.oc-shortcode-offer--featured .oc-shortcode-badge {
	background: linear-gradient(135deg, var(--oc-gold), #f0dc83);
	color: var(--oc-ink);
}

.oc-shortcode-incentives {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

.oc-shortcode-incentives li {
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef8f1;
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.oc-shortcode-row__score,
.oc-shortcode-rating {
	justify-content: center;
	padding: 10px 12px !important;
	border: 1px solid rgba(215, 170, 53, .42);
	border-radius: 999px;
	background: var(--oc-gold-soft);
	color: #6c5011;
	font-family: var(--oc-display-font);
	white-space: nowrap;
}

.oc-shortcode-row__actions {
	display: grid;
	gap: 8px;
}

.oc-shortcode-row__actions .oc-button,
.oc-shortcode-offer__actions .oc-button {
	min-height: 54px;
	border: 0;
	background: linear-gradient(135deg, var(--oc-green), #245e45) !important;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 16px 32px rgba(47, 125, 91, .22);
}

.oc-shortcode-row .oc-terms-hover,
.oc-shortcode-offer .oc-terms-hover {
	width: fit-content;
}

.oc-shortcode-row .oc-terms-hover > span,
.oc-shortcode-offer .oc-terms-hover > span {
	color: var(--oc-green-dark);
	font-size: 14px;
	font-weight: 950;
	text-decoration: none;
}

.oc-shortcode-offer {
	display: grid !important;
	grid-template-columns: 132px minmax(0, 1fr) minmax(180px, auto) !important;
	gap: 20px !important;
	align-items: center;
	padding: 20px !important;
	border: 1px solid var(--oc-line) !important;
	border-top: 5px solid var(--oc-green) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .15), transparent 32%),
		linear-gradient(135deg, #fff, #f8fbfd) !important;
	box-shadow: var(--oc-shadow-sm) !important;
}

.oc-shortcode-offer__media .oc-logo-medallion {
	width: 112px !important;
	height: 112px !important;
	padding: 14px;
	background: #fff;
}

.oc-shortcode-offer__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-top: 4px;
}

.oc-shortcode-offer__actions {
	display: grid;
	gap: 10px;
	justify-items: stretch;
}

.oc-slot-layout {
	grid-template-columns: minmax(0, 1fr) clamp(240px, 18vw, 292px) !important;
	gap: 18px !important;
}

.oc-slot-sidebar {
	padding: 18px !important;
}

.oc-slot-sidebar h2 {
	font-size: 24px !important;
}

.oc-slot-sidebar div {
	display: grid;
	grid-template-columns: 1fr !important;
	gap: 4px;
	padding: 10px 0;
}

.oc-slot-sidebar dt {
	font-size: 12px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.oc-slot-sidebar dd {
	text-align: left !important;
	font-size: 15px;
	line-height: 1.35;
}

.oc-slot-player-card .sl-game-attributes,
.oc-slot-player-card .slot-facts-container,
.oc-prose .slot-facts-container {
	display: none !important;
}

@media (max-width: 1120px) {
	.oc-pick-card--featured {
		transform: none;
	}

	.oc-shortcode-row {
		grid-template-columns: auto minmax(0, 1fr) !important;
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer,
	.oc-shortcode-row__score,
	.oc-shortcode-row__actions {
		grid-column: 2;
	}

	.oc-shortcode-offer {
		grid-template-columns: 108px minmax(0, 1fr) !important;
	}

	.oc-shortcode-offer__actions {
		grid-column: 2;
	}

	.oc-slot-layout {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 760px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 24px) !important;
	}

	.oc-pick-card__top,
	.oc-shortcode-row,
	.oc-shortcode-offer {
		grid-template-columns: 1fr !important;
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer,
	.oc-shortcode-row__score,
	.oc-shortcode-row__actions,
	.oc-shortcode-offer__actions {
		grid-column: auto;
	}
}

/* 2026-06-22 feedback pass: tighter width, real drawer submenus, safer shared CTAs. */
:root {
	--oc-container: 1120px;
	--oc-wide: 1320px;
	--oc-content: 1080px;
}

@media (min-width: 1280px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: min(var(--oc-wide), calc(100% - 112px)) !important;
	}

	.oc-prose {
		max-width: var(--oc-content);
	}
}

.oc-header-nav {
	max-width: min(560px, 42vw);
	overflow: hidden;
}

.oc-header-nav a {
	white-space: nowrap;
}

.oc-page-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 260px);
	align-items: center;
	gap: 32px;
	overflow: hidden;
}

.oc-page-hero__art {
	display: flex;
	justify-content: flex-end;
	pointer-events: none;
}

.oc-page-icon-stack {
	position: relative;
	width: clamp(132px, 14vw, 220px);
	aspect-ratio: 1;
	opacity: .22;
	filter: drop-shadow(0 18px 40px rgba(255, 255, 255, .09));
}

.oc-page-icon-stack span {
	position: absolute;
	display: grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 999px;
	color: rgba(255, 255, 255, .92);
	background: rgba(255, 255, 255, .08);
}

.oc-page-icon-stack span:first-child {
	inset: 0 18% 18% 0;
}

.oc-page-icon-stack span:nth-child(2) {
	inset: 36% 0 0 42%;
	color: rgba(215, 170, 53, .95);
}

.oc-page-icon-stack .oc-lite-icon {
	width: 44%;
	height: 44%;
	background: transparent;
}

.oc-page-icon-stack i {
	position: absolute;
	inset: 24% 20% 18% 12%;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .22);
	transform: rotate(-12deg);
}

.oc-logo-medallion {
	overflow: hidden !important;
	background: #fff !important;
}

.oc-logo-medallion img {
	display: block;
	width: 82% !important;
	height: 82% !important;
	object-fit: contain !important;
	border-radius: 0 !important;
}

.oc-logo-medallion--betfred img,
.oc-logo-medallion--betfred-casino img {
	width: 72% !important;
	height: 72% !important;
}

.oc-logo-medallion--genting-casino img,
.oc-logo-medallion--fortune-mobile img,
.oc-logo-medallion--casiku img,
.oc-logo-medallion--pub-casino img {
	width: 88% !important;
	height: 88% !important;
}

.oc-pick-card .oc-logo-medallion,
.oc-shortcode-offer__media .oc-logo-medallion,
.oc-shortcode-row__casino .oc-logo-medallion {
	box-shadow: 0 18px 45px rgba(17, 21, 32, .10);
}

.oc-pick-card__top {
	grid-template-columns: 128px minmax(0, 1fr) !important;
}

.oc-pick-card__top .oc-logo-medallion {
	width: 118px !important;
	height: 118px !important;
}

.oc-pick-card--featured .oc-logo-medallion {
	width: 128px !important;
	height: 128px !important;
	background: #fff !important;
}

.oc-pick-card__top span {
	background: var(--oc-ink) !important;
	color: #fff !important;
	box-shadow: 0 8px 22px rgba(17, 21, 32, .12);
}

.oc-pick-card--featured .oc-pick-card__top span {
	background: linear-gradient(135deg, var(--oc-gold), #f4e891) !important;
	color: var(--oc-ink) !important;
}

.oc-pick-card,
.oc-shortcode-offer,
.oc-shortcode-row {
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.oc-pick-card:hover,
.oc-shortcode-offer:hover,
.oc-shortcode-row:hover {
	transform: translateY(-3px);
	box-shadow: 0 26px 58px rgba(17, 21, 32, .12) !important;
}

.oc-shortcode-list {
	overflow: visible !important;
}

.oc-shortcode-row {
	grid-template-columns: 48px minmax(190px, .75fr) minmax(310px, 1fr) minmax(150px, .32fr) minmax(154px, .34fr) !important;
	gap: 16px !important;
	min-width: 0;
}

.oc-shortcode-row > * {
	min-width: 0;
}

.oc-shortcode-row__casino {
	grid-template-columns: 86px minmax(0, 1fr) !important;
}

.oc-shortcode-row__casino .oc-logo-medallion {
	width: 86px !important;
	height: 86px !important;
}

.oc-shortcode-row__actions {
	justify-items: stretch;
	min-width: 154px;
}

.oc-shortcode-row__actions .oc-button,
.oc-shortcode-offer__actions .oc-button {
	position: relative;
	isolation: isolate;
	min-width: 148px;
	overflow: hidden;
	white-space: nowrap;
}

.oc-shortcode-row__actions .oc-button::after,
.oc-shortcode-offer__actions .oc-button::after,
.oc-card-actions .oc-button--primary::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(110deg, transparent 0 36%, rgba(255, 255, 255, .28) 45%, transparent 56% 100%);
	transform: translateX(-120%);
	transition: transform .35s ease;
}

.oc-shortcode-row__actions .oc-button:hover::after,
.oc-shortcode-offer__actions .oc-button:hover::after,
.oc-card-actions .oc-button--primary:hover::after {
	transform: translateX(120%);
}

.oc-shortcode-offer {
	border-top: 0 !important;
	border-left: 6px solid var(--oc-green) !important;
	background:
		radial-gradient(circle at 92% 8%, rgba(215, 170, 53, .22), transparent 25%),
		radial-gradient(circle at 4% 92%, rgba(47, 125, 91, .12), transparent 28%),
		linear-gradient(135deg, #fff, #fbf8ee) !important;
}

.oc-shortcode-offer__actions .oc-button,
.oc-shortcode-row__actions .oc-button,
.oc-card-actions .oc-button--primary {
	background: linear-gradient(135deg, #3f8f67, #1f5e43) !important;
}

.oc-terms-hover > span {
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.oc-advice-layout {
	display: grid;
	grid-template-columns: minmax(300px, .42fr) minmax(0, .58fr);
	gap: clamp(18px, 3vw, 36px);
	align-items: start;
}

.oc-advice-panel {
	display: grid;
	gap: 12px;
	position: sticky;
	top: 112px;
}

.oc-advice-card,
.oc-advice-table {
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .14), transparent 36%),
		#fff;
	box-shadow: 0 18px 40px rgba(17, 21, 32, .06);
}

.oc-advice-card {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 8px 14px;
	align-items: center;
	padding: 18px;
}

.oc-advice-card .oc-lite-icon {
	grid-row: span 2;
	width: 54px;
	height: 54px;
	color: var(--oc-green-dark);
	background: #eef8f1;
}

.oc-advice-card strong {
	color: var(--oc-ink);
	font-family: var(--oc-display-font);
	font-size: 18px;
	line-height: 1.1;
}

.oc-advice-card span {
	color: var(--oc-muted);
	font-weight: 750;
	line-height: 1.35;
}

.oc-advice-table {
	overflow: hidden;
}

.oc-advice-table div {
	display: grid;
	grid-template-columns: minmax(120px, .42fr) minmax(0, .58fr);
	gap: 12px;
	padding: 14px 16px;
	border-bottom: 1px solid var(--oc-line);
}

.oc-advice-table div:last-child {
	border-bottom: 0;
}

.oc-advice-table strong {
	color: var(--oc-green-dark);
	font-family: var(--oc-display-font);
}

.oc-advice-table span {
	color: var(--oc-muted);
	font-weight: 700;
}

.oc-drawer-nav {
	display: grid !important;
	gap: 10px !important;
}

.oc-drawer-item {
	position: relative;
}

.oc-drawer-link {
	display: grid !important;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	min-height: 78px;
	padding: 14px 82px 14px 16px !important;
	border: 1px solid rgba(255, 255, 255, .11) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, .055) !important;
	text-decoration: none !important;
}

.oc-drawer-link strong {
	font-size: clamp(22px, 2.3vw, 34px);
	line-height: 1.04;
}

.oc-drawer-link em {
	color: rgba(255, 255, 255, .48);
	font-style: normal;
	font-weight: 950;
}

.oc-drawer-toggle {
	position: absolute;
	top: 14px;
	right: 14px;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 14px;
	background: rgba(255, 255, 255, .07);
	color: #fff;
	cursor: pointer;
}

.oc-drawer-toggle::before {
	content: "+";
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	transition: transform .18s ease;
}

.oc-drawer-toggle[aria-expanded="true"]::before {
	content: "-";
	transform: translateY(-2px);
}

.oc-drawer-submenu[hidden] {
	display: none !important;
}

.oc-drawer-submenu {
	display: grid;
	gap: 8px;
	margin: 9px 0 14px 64px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 16px;
	background: rgba(0, 0, 0, .14);
}

.oc-drawer-submenu a {
	display: flex !important;
	align-items: center;
	min-height: 44px;
	padding: 10px 14px !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: rgba(255, 255, 255, .82) !important;
	font-family: var(--oc-body-font);
	font-size: 16px !important;
	font-weight: 800;
	text-decoration: none !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus {
	background: rgba(255, 255, 255, .08) !important;
	color: #fff !important;
}

.oc-faq-list {
	gap: 10px !important;
}

.oc-faq-item summary,
.oc-faq-list summary {
	min-height: 64px !important;
	padding: 18px 22px !important;
}

@media (max-width: 1180px) {
	.oc-shortcode-row {
		grid-template-columns: 48px minmax(0, 1fr) minmax(150px, auto) !important;
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer {
		grid-column: 2 / -1;
	}

	.oc-shortcode-row__score {
		grid-column: 2;
		justify-self: start;
	}

	.oc-shortcode-row__actions {
		grid-column: 3;
		grid-row: 3;
	}

	.oc-advice-layout {
		grid-template-columns: 1fr;
	}

	.oc-advice-panel {
		position: static;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.oc-advice-table {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	:root {
		--oc-wide: 100%;
		--oc-content: 100%;
	}

	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-home-hero__inner,
	.oc-review-page-wrap {
		width: calc(100% - 28px) !important;
	}

	.oc-page-hero {
		grid-template-columns: 1fr !important;
	}

	.oc-page-hero__art {
		display: none;
	}

	.oc-advice-panel {
		grid-template-columns: 1fr;
	}

	.oc-shortcode-row {
		grid-template-columns: 1fr !important;
	}

	.oc-shortcode-row__casino,
	.oc-shortcode-row__offer,
	.oc-shortcode-row__score,
	.oc-shortcode-row__actions {
		grid-column: auto;
		grid-row: auto;
	}

	.oc-drawer-submenu {
		margin-left: 0;
	}
}

/* 2026-06-22 width refinement: keep the homepage and core layouts compact on desktop. */
@media (min-width: 900px) {
	.oc-home-hero {
		width: min(1240px, calc(100% - 112px)) !important;
		margin: 22px auto 0 !important;
		border-radius: 24px !important;
		box-shadow: 0 28px 70px rgba(17, 21, 32, .16);
	}

	.oc-home-hero__inner {
		width: min(1120px, calc(100% - 96px)) !important;
		min-height: clamp(420px, 52vh, 560px) !important;
	}
}

@media (min-width: 1280px) {
	.oc-section,
	.oc-article,
	.oc-page-hero,
	.oc-author-hero,
	.oc-slot-hero,
	.oc-review-page-wrap {
		width: min(1240px, calc(100% - 112px)) !important;
	}

	.oc-prose {
		max-width: 1040px !important;
	}
}

@media (max-width: 899px) {
	.oc-home-hero {
		width: calc(100% - 28px) !important;
		margin: 14px auto 0 !important;
		border-radius: 18px !important;
	}
}

/* 2026-06-22 drawer polish: compact navigation with clear submenu affordances. */
.oc-drawer-panel {
	width: min(520px, 92vw) !important;
	gap: 14px !important;
	padding: 22px !important;
}

.oc-drawer-search {
	grid-template-columns: minmax(0, 1fr) 112px !important;
	gap: 10px !important;
}

.oc-drawer-search input {
	min-height: 54px !important;
	padding: 0 18px !important;
	border-radius: 16px !important;
	font-size: 18px !important;
	font-weight: 650 !important;
}

.oc-drawer-search button {
	min-height: 54px !important;
	border-radius: 16px !important;
	font-size: 18px !important;
	font-weight: 950 !important;
}

.oc-drawer-nav {
	gap: 8px !important;
}

.oc-drawer-link {
	grid-template-columns: 42px minmax(0, 1fr) 34px !important;
	min-height: 72px !important;
	padding: 13px 16px !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, .05) !important;
}

.oc-drawer-item--has-children .oc-drawer-link {
	padding-right: 118px !important;
	border-color: rgba(213, 178, 67, .32) !important;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .075), rgba(213, 178, 67, .06)) !important;
}

.oc-drawer-link .oc-lite-icon {
	order: 0 !important;
	width: 42px !important;
	height: 42px !important;
	background: rgba(255, 255, 255, .1) !important;
	color: rgba(255, 255, 255, .82) !important;
}

.oc-drawer-label {
	order: 0 !important;
	display: grid !important;
	gap: 5px !important;
	min-width: 0 !important;
	color: inherit !important;
}

.oc-drawer-label strong {
	display: block !important;
	color: #fff !important;
	font-size: clamp(19px, 1.45vw, 22px) !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.oc-drawer-subhint {
	display: inline-flex !important;
	width: fit-content !important;
	order: 0 !important;
	padding: 4px 9px !important;
	border-radius: 999px !important;
	background: rgba(232, 246, 237, .12) !important;
	color: rgba(232, 246, 237, .86) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.oc-drawer-link em {
	order: 0 !important;
	justify-self: end !important;
	align-self: center !important;
	color: rgba(255, 255, 255, .42) !important;
	font-size: 12px !important;
}

.oc-drawer-toggle {
	top: 50% !important;
	right: 14px !important;
	display: inline-grid !important;
	grid-template-columns: auto 16px !important;
	gap: 7px !important;
	align-items: center !important;
	justify-content: center !important;
	width: 88px !important;
	height: 42px !important;
	border-radius: 999px !important;
	background: rgba(213, 178, 67, .16) !important;
	color: #fff !important;
	transform: translateY(-50%) !important;
}

.oc-drawer-toggle::before {
	content: "Open" !important;
	font-size: 12px !important;
	font-weight: 950 !important;
	letter-spacing: .03em !important;
	text-transform: uppercase !important;
	transform: none !important;
}

.oc-drawer-toggle::after {
	content: "+" !important;
	font-size: 22px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

.oc-drawer-toggle[aria-expanded="true"] {
	background: rgba(232, 246, 237, .14) !important;
}

.oc-drawer-toggle[aria-expanded="true"]::before {
	content: "Close" !important;
	transform: none !important;
}

.oc-drawer-toggle[aria-expanded="true"]::after {
	content: "-" !important;
	transform: translateY(-1px) !important;
}

.oc-drawer-submenu {
	gap: 6px !important;
	margin: 8px 0 10px 52px !important;
	padding: 9px !important;
	border-radius: 16px !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	min-height: 40px !important;
	padding: 9px 12px !important;
	border-radius: 12px !important;
	font-size: 15px !important;
	line-height: 1.2 !important;
}

@media (max-width: 760px) {
	.oc-drawer-panel {
		width: min(430px, 96vw) !important;
		padding: 18px !important;
	}

	.oc-drawer-search {
		grid-template-columns: 1fr !important;
	}

	.oc-drawer-link {
		grid-template-columns: 38px minmax(0, 1fr) 30px !important;
		min-height: 66px !important;
	}

	.oc-drawer-item--has-children .oc-drawer-link {
		padding-right: 100px !important;
	}

	.oc-drawer-label strong {
		font-size: 19px !important;
	}

	.oc-drawer-toggle {
		width: 76px !important;
		height: 38px !important;
	}

	.oc-drawer-toggle::before {
		font-size: 11px !important;
	}

	.oc-drawer-submenu {
		margin-left: 0 !important;
	}
}

/* 2026-06-22 Freebets-inspired drawer motion: smoother panel, compact rows, animated submenus. */
body.oc-menu-open {
	overflow: hidden;
}

.oc-drawer {
	visibility: hidden !important;
	opacity: 0 !important;
	background: rgba(9, 12, 21, 0) !important;
	transition:
		opacity .24s ease,
		visibility .24s ease,
		background-color .24s ease !important;
}

.oc-drawer.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	background: rgba(9, 12, 21, .66) !important;
	backdrop-filter: blur(10px);
}

.oc-drawer-panel {
	width: min(500px, calc(100vw - 18px)) !important;
	padding: 22px !important;
	border-left: 1px solid rgba(255, 255, 255, .1) !important;
	background:
		radial-gradient(circle at 18% 0%, rgba(213, 178, 67, .12), transparent 28%),
		radial-gradient(circle at 94% 22%, rgba(77, 135, 94, .18), transparent 28%),
		linear-gradient(180deg, #171b28 0%, #111622 100%) !important;
	box-shadow: -30px 0 80px rgba(0, 0, 0, .34) !important;
	overflow-y: auto !important;
	transform: translate3d(104%, 0, 0) scale(.985) !important;
	transition: transform .36s cubic-bezier(.19, 1, .22, 1) !important;
	will-change: transform;
}

.oc-drawer.is-open .oc-drawer-panel {
	transform: translate3d(0, 0, 0) scale(1) !important;
}

.oc-drawer-close {
	width: 50px !important;
	height: 50px !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .08) !important;
	transition: background-color .18s ease, transform .18s ease !important;
}

.oc-drawer-close:hover,
.oc-drawer-close:focus {
	background: rgba(255, 255, 255, .14) !important;
	transform: rotate(6deg) !important;
}

.oc-drawer-search {
	align-items: stretch !important;
	margin-bottom: 4px !important;
}

.oc-drawer-search input {
	border-color: rgba(255, 255, 255, .14) !important;
	background: rgba(255, 255, 255, .07) !important;
	color: #fff !important;
	font-size: 17px !important;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

.oc-drawer-search input:focus {
	border-color: rgba(213, 178, 67, .7) !important;
	background: rgba(255, 255, 255, .1) !important;
	box-shadow: 0 0 0 4px rgba(213, 178, 67, .12) !important;
	outline: 0 !important;
}

.oc-drawer-search button {
	background: linear-gradient(135deg, #d7b846, #f0d86f) !important;
	box-shadow: 0 12px 28px rgba(213, 178, 67, .18) !important;
	transition: transform .18s ease, box-shadow .18s ease !important;
}

.oc-drawer-search button:hover,
.oc-drawer-search button:focus {
	box-shadow: 0 16px 36px rgba(213, 178, 67, .24) !important;
	transform: translateY(-1px) !important;
}

.oc-drawer-nav {
	gap: 9px !important;
	padding-bottom: 22px !important;
}

.oc-drawer-item {
	opacity: 0;
	transform: translateX(18px);
	transition:
		opacity .24s ease,
		transform .32s cubic-bezier(.19, 1, .22, 1);
	transition-delay: 0ms;
}

.oc-drawer.is-open .oc-drawer-item {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--drawer-index, 0) * 26ms);
}

.oc-drawer-link {
	position: relative !important;
	grid-template-columns: 42px minmax(0, 1fr) 30px !important;
	min-height: 68px !important;
	padding: 12px 14px !important;
	border-color: rgba(255, 255, 255, .12) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .035)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
	transition:
		border-color .18s ease,
		background-color .18s ease,
		box-shadow .18s ease,
		transform .18s ease !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus {
	border-color: rgba(213, 178, 67, .4) !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .105), rgba(213, 178, 67, .07)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .08),
		0 16px 32px rgba(0, 0, 0, .16) !important;
	transform: translateX(-2px) !important;
}

.oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 110px !important;
	border-color: rgba(213, 178, 67, .24) !important;
}

.oc-drawer-item--has-children > .oc-drawer-link::after {
	position: absolute;
	top: 14px;
	bottom: 14px;
	right: 102px;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .16), transparent);
	content: "";
}

.oc-drawer-link .oc-lite-icon {
	width: 40px !important;
	height: 40px !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	background: rgba(255, 255, 255, .095) !important;
	color: rgba(255, 255, 255, .86) !important;
}

.oc-drawer-label strong {
	font-size: clamp(18px, 1.15vw, 21px) !important;
	line-height: 1.08 !important;
	text-transform: none !important;
}

.oc-drawer-subhint {
	padding: 4px 8px !important;
	background: rgba(213, 178, 67, .12) !important;
	color: rgba(246, 226, 143, .95) !important;
	font-size: 11px !important;
}

.oc-drawer-link em {
	color: rgba(255, 255, 255, .38) !important;
	font-size: 11px !important;
	font-weight: 950 !important;
}

.oc-drawer-toggle {
	right: 12px !important;
	width: 82px !important;
	height: 38px !important;
	border: 1px solid rgba(213, 178, 67, .22) !important;
	background: rgba(213, 178, 67, .14) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
	transition:
		background-color .18s ease,
		border-color .18s ease,
		transform .18s ease !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus {
	border-color: rgba(213, 178, 67, .5) !important;
	background: rgba(213, 178, 67, .22) !important;
	transform: translateY(-50%) translateX(-1px) !important;
}

.oc-drawer-toggle::before {
	content: "More" !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	letter-spacing: .04em !important;
}

.oc-drawer-toggle::after {
	content: "+" !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .12) !important;
	font-size: 15px !important;
	transition: transform .18s ease !important;
}

.oc-drawer-item.is-expanded > .oc-drawer-toggle,
.oc-drawer-toggle[aria-expanded="true"] {
	border-color: rgba(232, 246, 237, .28) !important;
	background: rgba(77, 135, 94, .24) !important;
}

.oc-drawer-item.is-expanded > .oc-drawer-toggle::before,
.oc-drawer-toggle[aria-expanded="true"]::before {
	content: "Less" !important;
}

.oc-drawer-item.is-expanded > .oc-drawer-toggle::after,
.oc-drawer-toggle[aria-expanded="true"]::after {
	content: "-" !important;
	transform: rotate(180deg) !important;
}

.oc-drawer-submenu {
	display: grid !important;
	gap: 6px !important;
	max-height: 0;
	margin: 8px 0 8px 50px !important;
	padding: 8px !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, .09) !important;
	border-radius: 15px !important;
	background: rgba(4, 7, 13, .2) !important;
	opacity: 0;
	transform: translateY(-6px);
	transition:
		max-height .26s cubic-bezier(.19, 1, .22, 1),
		opacity .18s ease,
		transform .18s ease !important;
}

.oc-drawer-submenu[hidden] {
	display: none !important;
}

.oc-drawer-submenu:not([hidden]) {
	opacity: 1;
	transform: translateY(0);
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	min-height: 38px !important;
	padding: 9px 11px !important;
	border-color: transparent !important;
	border-radius: 11px !important;
	background: transparent !important;
	color: rgba(255, 255, 255, .84) !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.18 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus {
	background: rgba(255, 255, 255, .08) !important;
	color: #fff !important;
	transform: none !important;
}

.oc-drawer-submenu .oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 90px !important;
}

.oc-drawer-submenu .oc-drawer-toggle {
	width: 72px !important;
	height: 32px !important;
}

.oc-drawer-submenu .oc-drawer-toggle::before {
	font-size: 10px !important;
}

.oc-drawer-submenu .oc-drawer-toggle::after {
	width: 15px !important;
	height: 15px !important;
	font-size: 13px !important;
}

@media (max-width: 760px) {
	.oc-drawer-panel {
		width: min(420px, 94vw) !important;
		padding: 16px !important;
	}

	.oc-drawer-search input,
	.oc-drawer-search button {
		min-height: 50px !important;
		font-size: 16px !important;
	}

	.oc-drawer-link {
		grid-template-columns: 38px minmax(0, 1fr) 26px !important;
		min-height: 64px !important;
		padding: 11px 12px !important;
	}

	.oc-drawer-item--has-children > .oc-drawer-link {
		padding-right: 96px !important;
	}

	.oc-drawer-item--has-children > .oc-drawer-link::after {
		right: 90px;
	}

	.oc-drawer-label strong {
		font-size: 18px !important;
	}

	.oc-drawer-link .oc-lite-icon {
		width: 38px !important;
		height: 38px !important;
	}

	.oc-drawer-toggle {
		width: 72px !important;
		height: 34px !important;
	}

	.oc-drawer-toggle::before {
		font-size: 10px !important;
	}

	.oc-drawer-toggle::after {
		width: 16px !important;
		height: 16px !important;
		font-size: 14px !important;
	}

	.oc-drawer-submenu {
		margin: 7px 0 8px 0 !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oc-drawer,
	.oc-drawer-panel,
	.oc-drawer-item,
	.oc-drawer-link,
	.oc-drawer-toggle,
	.oc-drawer-submenu {
		transition: none !important;
	}
}

/* 2026-06-22 homepage bonus shortlist: Casino.org-inspired offer cards, adapted to OC. */
.oc-top-picks .oc-section-head {
	align-items: end;
	margin-bottom: 22px;
}

.oc-bonus-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.oc-bonus-card {
	position: relative;
	display: grid;
	grid-template-rows: auto auto minmax(86px, auto) auto auto auto 1fr auto;
	justify-items: center;
	overflow: hidden;
	min-height: 470px;
	padding: 26px 24px 0;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 18px;
	background:
		radial-gradient(circle at 18% 0, rgba(255, 255, 255, .16), transparent 34%),
		linear-gradient(145deg, #151a2a 0%, #243553 56%, #2f7d5b 100%);
	color: #fff;
	box-shadow: 0 24px 54px rgba(17, 21, 32, .16);
	text-align: center;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.oc-bonus-card:nth-child(2) {
	background:
		radial-gradient(circle at 50% 0, rgba(255, 244, 211, .26), transparent 32%),
		linear-gradient(145deg, #111520 0%, #2b234d 42%, #7a1f1f 100%);
}

.oc-bonus-card:nth-child(3) {
	background:
		radial-gradient(circle at 18% 0, rgba(255, 255, 255, .18), transparent 34%),
		linear-gradient(145deg, #151a2a 0%, #302754 50%, #4c3b83 100%);
}

.oc-bonus-card--featured {
	transform: translateY(-10px);
	border-color: rgba(215, 170, 53, .52);
	box-shadow: 0 32px 76px rgba(17, 21, 32, .22);
}

.oc-bonus-card:hover,
.oc-bonus-card:focus-within {
	transform: translateY(-5px);
	border-color: rgba(255, 255, 255, .34);
	box-shadow: 0 34px 78px rgba(17, 21, 32, .22);
}

.oc-bonus-card--featured:hover,
.oc-bonus-card--featured:focus-within {
	transform: translateY(-14px);
}

.oc-bonus-card::before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, transparent 0 42%, rgba(255, 255, 255, .12) 50%, transparent 58%),
		linear-gradient(180deg, transparent 0 78%, rgba(0, 0, 0, .14) 100%);
	opacity: .42;
	pointer-events: none;
	content: "";
}

.oc-bonus-card > * {
	position: relative;
	z-index: 1;
}

.oc-bonus-card__media {
	display: grid;
	place-items: center;
	min-height: 88px;
	margin-bottom: 14px;
}

.oc-bonus-card__media .oc-logo-medallion {
	width: 116px !important;
	height: 116px !important;
	padding: 17px !important;
	border: 1px solid rgba(255, 255, 255, .28) !important;
	background: rgba(255, 255, 255, .96) !important;
	box-shadow: 0 20px 42px rgba(0, 0, 0, .18) !important;
}

.oc-bonus-card__media .oc-logo-medallion img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 999px;
}

.oc-bonus-card__badge,
.oc-bonus-card__trust {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	border-radius: 999px;
	font-family: var(--oc-display-font);
	font-weight: 900;
	line-height: 1;
}

.oc-bonus-card__badge {
	margin-bottom: 16px;
	padding: 9px 14px;
	background: rgba(17, 21, 32, .74);
	color: #fff;
	font-size: 13px;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-bonus-card--featured .oc-bonus-card__badge {
	background: linear-gradient(135deg, #f4d95f, var(--oc-gold));
	color: #111520;
}

.oc-bonus-card__offer {
	display: grid;
	align-items: center;
	min-height: 92px;
	margin: 0;
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: clamp(25px, 2vw, 34px);
	font-weight: 950;
	line-height: 1.13;
	text-wrap: balance;
}

.oc-bonus-card h3 {
	margin: 16px 0 11px;
	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	font-weight: 850;
}

.oc-bonus-card__trust {
	gap: 7px;
	margin-bottom: 13px;
	color: rgba(255, 255, 255, .86);
	font-size: 14px;
}

.oc-bonus-card__trust span {
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #fff;
	color: #c8242d;
	font-size: 12px;
}

.oc-bonus-card__trust span::after {
	display: inline-grid;
	place-items: center;
	width: 13px;
	height: 13px;
	margin: -24px -21px 0 0;
	border: 2px solid currentColor;
	border-radius: 999px;
	background: var(--oc-green);
	color: #fff;
	font-size: 8px;
	content: "✓";
}

.oc-bonus-card__terms {
	min-height: 31px;
}

.oc-bonus-card__terms .oc-terms-hover > span {
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	font-weight: 900;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.oc-bonus-card__terms .oc-terms-hover small {
	left: 50%;
	width: min(320px, calc(100vw - 48px));
	transform: translate(-50%, 8px);
	text-align: left;
}

.oc-bonus-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 58px;
	margin: 15px 0 12px;
	border-radius: 10px;
	background: #fff;
	color: #2c176f;
	font-family: var(--oc-display-font);
	font-size: 20px;
	font-weight: 950;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
	transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

.oc-bonus-card__cta:hover,
.oc-bonus-card__cta:focus {
	transform: translateY(-2px);
	background: var(--oc-gold);
	color: #111520;
}

.oc-bonus-card__review {
	margin-bottom: 16px;
	color: rgba(255, 255, 255, .86);
	font-size: 14px;
	font-weight: 850;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.oc-bonus-card__footer {
	display: flex;
	align-self: end;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: calc(100% + 48px);
	min-height: 54px;
	margin: 0 -24px;
	padding: 12px 18px;
	background: rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .86);
	font-size: 14px;
	font-weight: 800;
}

.oc-bonus-card__footer strong {
	color: #fff;
	font-weight: 950;
}

.oc-bonus-card__footer span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1120px) {
	.oc-bonus-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oc-bonus-card--featured {
		transform: none;
	}

	.oc-bonus-card--featured:hover,
	.oc-bonus-card--featured:focus-within {
		transform: translateY(-5px);
	}
}

@media (max-width: 760px) {
	.oc-top-picks .oc-section-head {
		align-items: start;
	}

	.oc-bonus-strip {
		grid-template-columns: 1fr;
	}

	.oc-bonus-card {
		min-height: auto;
		padding: 22px 18px 0;
	}

	.oc-bonus-card__media .oc-logo-medallion {
		width: 104px !important;
		height: 104px !important;
	}

	.oc-bonus-card__offer {
		min-height: auto;
		font-size: 26px;
	}

	.oc-bonus-card__footer {
		width: calc(100% + 36px);
		margin: 0 -18px;
	}
}

/* 2026-06-22 compact bonus cards: rectangular brand marks and proper UK flag. */
.oc-bonus-strip {
	gap: 16px !important;
}

.oc-bonus-card {
	grid-template-rows: auto auto minmax(64px, auto) auto auto auto 1fr auto !important;
	min-height: 390px !important;
	padding: 20px 20px 0 !important;
	border-radius: 16px !important;
}

.oc-bonus-card--featured {
	transform: translateY(-6px) !important;
}

.oc-bonus-card--featured:hover,
.oc-bonus-card--featured:focus-within {
	transform: translateY(-9px) !important;
}

.oc-bonus-card__media {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 104px !important;
	margin-bottom: 12px !important;
}

.oc-bonus-card__logo {
	display: block;
	width: min(282px, 84%);
	height: 98px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	filter:
		drop-shadow(0 16px 26px rgba(0, 0, 0, .34))
		drop-shadow(0 1px 0 rgba(255, 255, 255, .28));
}

.oc-bonus-card__logo--betfred-casino {
	width: min(252px, 72%);
	height: 72px;
}

.oc-bonus-card__logo--genting-casino {
	width: min(318px, 86%);
	height: 104px;
}

.oc-bonus-card__logo--pub-casino {
	width: min(296px, 84%);
	height: 124px;
}

.oc-bonus-card--pub-casino .oc-bonus-card__media {
	min-height: 118px !important;
}

.oc-bonus-card__logo-fallback {
	display: grid;
	place-items: center;
	width: 78px;
	height: 78px;
	margin: 0 auto;
	border-radius: 18px;
	background: rgba(255, 255, 255, .12);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}

.oc-bonus-card__logo-fallback {
	color: var(--oc-ink);
	font-family: var(--oc-display-font);
	font-size: 30px;
	font-weight: 950;
}

.oc-bonus-card__badge {
	margin-bottom: 10px !important;
	padding: 7px 12px !important;
	font-size: 12px !important;
}

.oc-bonus-card__offer {
	min-height: 68px !important;
	font-size: clamp(21px, 1.65vw, 28px) !important;
	line-height: 1.12 !important;
}

.oc-bonus-card h3 {
	margin: 11px 0 9px !important;
	font-size: 16px !important;
}

.oc-bonus-card__trust {
	gap: 13px !important;
	margin-bottom: 8px !important;
	font-size: 13px !important;
}

.oc-bonus-card__flag {
	position: relative;
	display: inline-block !important;
	width: 34px !important;
	height: 24px !important;
	border: 2px solid rgba(255, 255, 255, .92);
	border-radius: 4px !important;
	background:
		linear-gradient(27deg, transparent 41%, #fff 41% 47%, #c8102e 47% 53%, #fff 53% 59%, transparent 59%),
		linear-gradient(153deg, transparent 41%, #fff 41% 47%, #c8102e 47% 53%, #fff 53% 59%, transparent 59%),
		linear-gradient(0deg, transparent 38%, #fff 38% 62%, transparent 62%),
		linear-gradient(90deg, transparent 38%, #fff 38% 62%, transparent 62%),
		linear-gradient(0deg, transparent 43%, #c8102e 43% 57%, transparent 57%),
		linear-gradient(90deg, transparent 44%, #c8102e 44% 56%, transparent 56%),
		#012169 !important;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .28);
	color: inherit !important;
	font-size: 0 !important;
}

.oc-bonus-card__flag::after {
	position: absolute;
	right: -5px;
	bottom: -5px;
	display: grid;
	place-items: center;
	width: 13px;
	height: 13px;
	margin: 0 !important;
	border: 2px solid #fff;
	border-radius: 999px;
	background: var(--oc-green);
	color: #fff;
	font-size: 7px;
	font-weight: 950;
	line-height: 1;
	content: "\2713";
}

.oc-bonus-card__terms {
	min-height: 25px !important;
}

.oc-bonus-card__terms .oc-terms-hover > span {
	font-size: 13px !important;
}

.oc-bonus-card__cta {
	min-height: 50px !important;
	margin: 10px 0 9px !important;
	border-radius: 9px !important;
	font-size: 18px !important;
}

.oc-bonus-card__review {
	margin-bottom: 12px !important;
	font-size: 13px !important;
}

.oc-bonus-card__footer {
	width: calc(100% + 40px) !important;
	min-height: 44px !important;
	margin: 0 -20px !important;
	padding: 9px 14px !important;
	font-size: 13px !important;
}

@media (max-width: 1120px) {
	.oc-bonus-card--featured,
	.oc-bonus-card--featured:hover,
	.oc-bonus-card--featured:focus-within {
		transform: none !important;
	}
}

@media (max-width: 760px) {
	.oc-bonus-card {
		min-height: auto !important;
		padding: 18px 16px 0 !important;
	}

	.oc-bonus-card__logo,
	.oc-bonus-card__logo-fallback {
		width: min(230px, 84%);
		height: 82px;
	}

	.oc-bonus-card__logo--betfred-casino {
		width: min(218px, 78%);
		height: 62px;
	}

	.oc-bonus-card__logo--genting-casino {
		width: min(248px, 88%);
		height: 88px;
	}

	.oc-bonus-card__logo--pub-casino {
		width: min(248px, 88%);
		height: 104px;
	}

	.oc-bonus-card__offer {
		min-height: auto !important;
		font-size: 23px !important;
	}

	.oc-bonus-card__footer {
		width: calc(100% + 32px) !important;
		margin: 0 -16px !important;
	}
}

/* 2026-06-22 homepage shortlist logo/CTA alignment pass. */
.oc-bonus-card {
	display: flex !important;
	flex-direction: column;
	align-items: center;
}

.oc-bonus-card__media {
	flex: 0 0 116px;
	height: 116px !important;
	min-height: 116px !important;
	margin-bottom: 8px !important;
}

.oc-bonus-card--pub-casino .oc-bonus-card__media {
	height: 116px !important;
	min-height: 116px !important;
}

.oc-bonus-card__logo--genting-casino {
	width: min(326px, 88%);
	height: 102px;
}

.oc-bonus-card__logo--betfred-casino {
	width: min(286px, 78%);
	height: 74px;
}

.oc-bonus-card__logo--pub-casino {
	width: min(304px, 84%);
	height: 104px;
}

.oc-bonus-card__offer {
	display: flex !important;
	flex: 0 0 76px;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 76px !important;
}

.oc-bonus-card h3 {
	flex: 0 0 auto;
}

.oc-bonus-card__trust {
	flex: 0 0 auto;
	min-height: 28px;
}

.oc-bonus-card__terms {
	display: flex;
	flex: 0 0 26px;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 26px !important;
}

.oc-bonus-card__cta {
	display: flex !important;
	flex: 0 0 58px;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 58px !important;
	min-height: 58px !important;
	margin: 12px 0 10px !important;
	padding: 0 18px !important;
	box-sizing: border-box;
	line-height: 1 !important;
	white-space: nowrap;
}

.oc-bonus-card__review {
	flex: 0 0 auto;
}

.oc-bonus-card__footer {
	flex: 0 0 44px;
	margin-top: auto !important;
}

@media (max-width: 760px) {
	.oc-bonus-card__media,
	.oc-bonus-card--pub-casino .oc-bonus-card__media {
		flex-basis: 96px;
		height: 96px !important;
		min-height: 96px !important;
	}

	.oc-bonus-card__logo--betfred-casino {
		width: min(238px, 78%);
		height: 64px;
	}

	.oc-bonus-card__logo--genting-casino {
		width: min(260px, 88%);
		height: 88px;
	}

	.oc-bonus-card__logo--pub-casino {
		width: min(258px, 86%);
		height: 92px;
	}

	.oc-bonus-card__offer {
		flex-basis: auto;
		min-height: auto !important;
	}
}

/* 2026-06-22 page hero author and contextual icon pass. */
.oc-page-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 320px) !important;
	align-items: center !important;
	gap: clamp(24px, 4vw, 56px) !important;
	min-height: clamp(350px, 34vw, 450px) !important;
	padding: clamp(40px, 5vw, 70px) !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 22px !important;
	background:
		radial-gradient(circle at 88% 18%, rgba(75, 132, 98, .38), transparent 34%),
		linear-gradient(115deg, #111520 0%, #111520 45%, #213f36 100%) !important;
	box-shadow: 0 26px 70px rgba(17, 21, 32, .16) !important;
	overflow: hidden;
}

.oc-page-hero__copy {
	position: relative;
	z-index: 2;
	max-width: 880px;
}

.oc-hero-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 22px;
	color: rgba(255, 255, 255, .72);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
}

.oc-hero-breadcrumb a {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.oc-page-hero .oc-kicker {
	margin-bottom: 18px;
}

.oc-page-hero h1 {
	max-width: 940px;
	margin: 0;
	color: #fff;
	font-size: clamp(42px, 4.4vw, 68px);
	letter-spacing: 0;
	line-height: 1;
}

.oc-page-hero__author {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-top: 22px;
	color: rgba(255, 255, 255, .84);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
}

.oc-page-hero__author a {
	color: #fff;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.oc-page-hero__author i {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: #4f8f69;
	color: #fff;
	font-style: normal;
	box-shadow: 0 6px 16px rgba(79, 143, 105, .32);
}

.oc-page-hero__author i::before {
	color: inherit;
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
	content: "\2713";
}

.oc-author-avatar--hero {
	width: 38px !important;
	height: 38px !important;
	border: 2px solid rgba(255, 255, 255, .7);
	border-radius: 999px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
	overflow: hidden;
}

.oc-author-avatar--hero img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-page-hero__intro {
	max-width: 820px !important;
	margin: 22px 0 0 !important;
	color: rgba(255, 255, 255, .84) !important;
	font-size: clamp(18px, 1.35vw, 22px) !important;
	font-weight: 650 !important;
	line-height: 1.58 !important;
}

.oc-page-hero__art {
	position: relative !important;
	z-index: 1;
	display: flex !important;
	justify-self: end !important;
	justify-content: flex-end !important;
	align-items: center !important;
	width: min(320px, 100%) !important;
	min-height: 260px;
	pointer-events: none;
	opacity: 1 !important;
}

.oc-page-hero__art::before {
	position: absolute;
	inset: 50% auto auto 50%;
	width: clamp(230px, 24vw, 380px);
	height: clamp(230px, 24vw, 380px);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 42% 58% 50% 50%;
	background: rgba(255, 255, 255, .055);
	transform: translate(-50%, -50%) rotate(-11deg);
	content: "";
}

.oc-page-hero__art .oc-page-icon-stack {
	width: clamp(210px, 20vw, 330px) !important;
	max-width: 100%;
	opacity: .62 !important;
	filter: drop-shadow(0 28px 65px rgba(255, 255, 255, .16));
}

.oc-page-hero__art .oc-page-icon-stack span {
	border-color: rgba(255, 255, 255, .32) !important;
	background: rgba(255, 255, 255, .09) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.oc-page-hero__art .oc-page-icon-stack svg {
	stroke: rgba(255, 255, 255, .9) !important;
}

.oc-page-hero__art .oc-page-icon-stack i {
	border-color: rgba(255, 255, 255, .28) !important;
	background: rgba(255, 255, 255, .025);
}

/* 2026-06-23: make contextual hero icons intentional, not background noise. */
.oc-page-hero__art {
	width: min(360px, 100%) !important;
}

.oc-page-hero__art::before {
	width: clamp(250px, 25vw, 410px) !important;
	height: clamp(250px, 25vw, 410px) !important;
	border-color: rgba(255, 255, 255, .24) !important;
	background:
		radial-gradient(circle at 34% 30%, rgba(255, 255, 255, .16), transparent 34%),
		rgba(255, 255, 255, .06) !important;
}

.oc-page-hero__art .oc-page-icon-stack {
	width: clamp(250px, 22vw, 370px) !important;
	opacity: .94 !important;
	filter:
		drop-shadow(0 22px 44px rgba(0, 0, 0, .2))
		drop-shadow(0 0 28px rgba(255, 255, 255, .12)) !important;
}

.oc-page-hero__art .oc-page-icon-stack span {
	border-color: rgba(255, 255, 255, .5) !important;
	background: rgba(255, 255, 255, .15) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .22),
		0 18px 44px rgba(0, 0, 0, .18) !important;
}

.oc-page-hero__art .oc-page-icon-stack span:first-child {
	inset: 0 10% 14% 0 !important;
}

.oc-page-hero__art .oc-page-icon-stack span:nth-child(2) {
	inset: 49% 0 0 54% !important;
	color: #f0d359 !important;
	border-color: rgba(240, 211, 89, .5) !important;
	background: rgba(240, 211, 89, .14) !important;
}

.oc-page-hero__art .oc-page-icon-stack .oc-lite-icon {
	width: 64% !important;
	height: 64% !important;
}

.oc-page-hero__art .oc-page-icon-stack svg {
	stroke: rgba(255, 255, 255, .98) !important;
	stroke-width: 2.35 !important;
}

.oc-page-hero__art .oc-page-icon-stack span:nth-child(2) svg {
	stroke: rgba(240, 211, 89, .98) !important;
}

.oc-page-icon-stack--new span:first-child .oc-lite-icon,
.oc-page-icon-stack--money span:first-child .oc-lite-icon,
.oc-page-icon-stack--bonus span:first-child .oc-lite-icon {
	transform: scale(1.08);
}

@media (max-width: 900px) {
	.oc-page-hero {
		grid-template-columns: 1fr !important;
		min-height: auto !important;
		padding: 34px 28px !important;
	}

	.oc-page-hero__art {
		position: absolute !important;
		right: -34px;
		bottom: -46px;
		display: flex !important;
		min-height: 0;
		width: 220px;
		opacity: .36 !important;
	}

	.oc-page-hero__copy {
		max-width: none;
	}
}

@media (max-width: 640px) {
	.oc-page-hero {
		padding: 28px 22px !important;
		border-radius: 18px !important;
	}

	.oc-hero-breadcrumb {
		margin-bottom: 16px;
		font-size: 13px;
	}

	.oc-page-hero h1 {
		font-size: clamp(34px, 11vw, 48px);
	}

	.oc-page-hero__intro {
		font-size: 16px !important;
	}

	.oc-page-hero__art {
		display: none !important;
	}
}

/* 2026-06-23: page-specific hero illustrations. */
.oc-page-hero {
	grid-template-columns: minmax(0, 1fr) minmax(280px, 430px) !important;
}

.oc-page-hero__art {
	width: min(460px, 100%) !important;
	min-height: 310px !important;
}

.oc-page-hero__art::before {
	width: clamp(280px, 26vw, 430px) !important;
	height: clamp(280px, 26vw, 430px) !important;
	background:
		radial-gradient(circle at 36% 28%, rgba(255, 255, 255, .17), transparent 35%),
		radial-gradient(circle at 68% 70%, rgba(213, 178, 58, .18), transparent 34%),
		rgba(255, 255, 255, .055) !important;
}

.oc-page-icon-art {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: clamp(280px, 28vw, 450px);
	max-width: 100%;
	aspect-ratio: 1.24;
	opacity: 1;
	transform: translateZ(0);
	filter:
		drop-shadow(0 30px 56px rgba(0, 0, 0, .34))
		drop-shadow(0 0 34px rgba(230, 198, 75, .16));
}

.oc-page-icon-art::before {
	position: absolute;
	inset: 9% 3% 2% 5%;
	border-radius: 42% 58% 44% 56%;
	background:
		radial-gradient(circle at 33% 28%, rgba(255, 255, 255, .22), transparent 32%),
		linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .16),
		0 22px 55px rgba(0, 0, 0, .18);
	content: "";
	transform: rotate(-8deg);
}

.oc-page-icon-art__svg {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 100%;
}

.oc-page-icon-art img,
.oc-page-icon-art svg {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	max-height: 370px;
	object-fit: contain;
}

.oc-page-icon-art svg {
	overflow: visible;
}

.oc-page-icon-art--new img,
.oc-page-icon-art--new svg,
.oc-page-icon-art--money img,
.oc-page-icon-art--money svg,
.oc-page-icon-art--bonus img,
.oc-page-icon-art--bonus svg,
.oc-page-icon-art--mobile img,
.oc-page-icon-art--mobile svg {
	transform: scale(1.04);
}

.oc-page-icon-art--crypto img,
.oc-page-icon-art--crypto svg,
.oc-page-icon-art--live img,
.oc-page-icon-art--live svg {
	transform: scale(1.02);
}

.oc-page-icon-art--slots img,
.oc-page-icon-art--slots svg,
.oc-page-icon-art--demos img,
.oc-page-icon-art--demos svg {
	transform: scale(1.05);
}

/* 2026-06-23: keep hero artwork visible as illustration, not watermark. */
.oc-page-hero__art:has(.oc-page-icon-art) {
	width: min(520px, 100%) !important;
	min-height: 350px !important;
	opacity: 1 !important;
}

.oc-page-hero__art:has(.oc-page-icon-art)::before {
	width: clamp(330px, 32vw, 520px) !important;
	height: clamp(260px, 25vw, 410px) !important;
	border-color: rgba(255, 255, 255, .16) !important;
	background:
		radial-gradient(circle at 38% 28%, rgba(255, 255, 255, .2), transparent 30%),
		radial-gradient(circle at 70% 72%, rgba(213, 178, 58, .2), transparent 32%),
		linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 28px 70px rgba(0, 0, 0, .18) !important;
}

.oc-page-hero__art .oc-page-icon-art {
	width: clamp(360px, 31vw, 530px) !important;
	opacity: 1 !important;
	filter:
		drop-shadow(0 34px 64px rgba(0, 0, 0, .4))
		drop-shadow(0 0 30px rgba(230, 198, 75, .2)) !important;
}

.oc-page-hero__art .oc-page-icon-art::before {
	opacity: .42;
}

.oc-page-hero__art .oc-page-icon-art svg {
	max-height: 430px !important;
}

@media (max-width: 900px) {
	.oc-page-hero {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.oc-page-hero__copy {
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
	}

	.oc-page-hero__art {
		right: -52px !important;
		bottom: -54px !important;
		width: 260px !important;
		opacity: .46 !important;
	}

	.oc-page-icon-art {
		width: clamp(230px, 56vw, 320px);
	}
}

@media (max-width: 640px) {
	.oc-page-hero {
		grid-template-columns: minmax(0, 1fr) !important;
		min-height: auto !important;
		padding: 28px 22px !important;
	}

	.oc-page-hero h1 {
		max-width: 100% !important;
		overflow-wrap: normal;
		word-break: normal;
	}

	.oc-page-hero__art,
	.oc-page-hero__art:has(.oc-page-icon-art) {
		display: none !important;
	}

	.oc-prose table {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		box-sizing: border-box;
	}
}

/* 2026-06-23: review pages use a sticky offer sidebar and one aligned content column. */
.oc-review-page .oc-sticky-offer {
	display: none !important;
}

.oc-sidebar-offer {
	width: 100%;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-left: 4px solid var(--oc-gold);
	border-radius: 16px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(47, 125, 91, .2)),
		rgba(255, 255, 255, .04);
	color: #fff;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .2);
}

.oc-sidebar-offer span {
	display: inline-flex;
	width: fit-content;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(238, 255, 241, .12);
	color: #d6f6dc;
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-sidebar-offer strong {
	display: block;
	margin-top: 10px;
	color: #fff;
	font-size: 21px;
	font-weight: 950;
	line-height: 1.12;
}

.oc-sidebar-offer p {
	margin: 10px 0 14px;
	color: rgba(255, 255, 255, .74);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.45;
}

.oc-sidebar-offer a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	border-radius: 12px;
	background: var(--oc-green);
	color: #fff;
	font-size: 16px;
	font-weight: 950;
	text-decoration: none;
	box-shadow: 0 16px 30px rgba(47, 125, 91, .28);
	transition: transform .18s ease, filter .18s ease;
}

.oc-sidebar-offer a:hover,
.oc-sidebar-offer a:focus-visible {
	color: #fff;
	filter: brightness(1.06);
	transform: translateY(-1px);
}

.oc-review-checked-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px 20px;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 20px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 16px;
	background:
		radial-gradient(circle at 96% 12%, rgba(215, 170, 53, .14), transparent 28%),
		linear-gradient(135deg, #fff, #fbfcff);
	box-shadow: 0 18px 42px rgba(17, 21, 32, .07);
}

.oc-review-checked-card__main {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	min-width: 0;
}

.oc-review-checked-card__badge {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: #111827;
	color: #f3d34a;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1;
	text-transform: uppercase;
}

.oc-review-checked-card__main strong {
	display: block;
	color: var(--oc-ink);
	font-size: 18px;
	font-weight: 950;
	line-height: 1.2;
}

.oc-review-checked-card__main p {
	max-width: 680px;
	margin: 4px 0 0;
	color: #667085;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.4;
}

.oc-review-checked-card__meta {
	display: grid;
	gap: 3px;
	justify-items: end;
	color: #667085;
	font-size: 12px;
	font-weight: 850;
	line-height: 1.2;
}

.oc-review-checked-card__meta a {
	color: var(--oc-green-dark);
	font-size: 14px;
	font-weight: 950;
	text-decoration: none;
	border-bottom: 2px solid rgba(47, 125, 91, .2);
}

.oc-review-checked-card__checks {
	grid-column: 1 / -1;
	padding-top: 13px;
	border-top: 1px solid rgba(219, 226, 236, .9);
	color: #3f4b5e;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.55;
}

.oc-review-checked-card__checks strong {
	color: var(--oc-ink);
	font-weight: 950;
}

.oc-review-title-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
	gap: 24px;
	align-items: end;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 18px;
	background:
		radial-gradient(circle at 88% 14%, rgba(215, 170, 53, .18), transparent 28%),
		linear-gradient(135deg, #101827, #193b2d 66%, #284f3e);
	color: #fff;
	box-shadow: 0 24px 58px rgba(17, 21, 32, .16);
	overflow: hidden;
}

.oc-review-title-hero .oc-hero-breadcrumb {
	margin-bottom: 18px;
	color: rgba(255, 255, 255, .72);
}

.oc-review-title-hero .oc-hero-breadcrumb a,
.oc-review-title-hero .oc-hero-breadcrumb span {
	color: inherit;
}

.oc-review-title-hero .oc-kicker {
	width: fit-content;
	background: rgba(238, 248, 239, .12);
	color: #f3d34a;
}

.oc-review-title-hero h1 {
	max-width: 930px;
	margin: 14px 0 18px;
	color: #fff;
	font-size: clamp(42px, 5vw, 76px);
	line-height: .98;
	letter-spacing: 0;
}

.oc-review-title-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .86);
	font-size: 15px;
	font-weight: 850;
	line-height: 1.3;
}

.oc-review-title-hero__meta a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid rgba(243, 211, 74, .55);
}

.oc-review-title-hero__meta i {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(243, 211, 74, .75);
}

.oc-review-title-hero__author {
	display: inline-flex;
	gap: 9px;
	align-items: center;
}

.oc-author-avatar--review-hero {
	flex: 0 0 auto;
	width: 42px !important;
	height: 42px !important;
	border-color: rgba(243, 211, 74, .75) !important;
}

.oc-review-title-hero__copy > p {
	max-width: 760px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .78);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.55;
}

.oc-review-title-hero__panel {
	display: grid;
	gap: 8px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 14px;
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(10px);
	box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
}

.oc-review-title-hero__panel span {
	color: #f3d34a;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-review-title-hero__panel strong {
	color: #fff;
	font-size: 24px;
	font-weight: 950;
	line-height: 1.12;
}

.oc-review-title-hero__panel small {
	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.4;
}

@media (max-width: 760px) {
	.oc-review-checked-card {
		grid-template-columns: 1fr;
		padding: 16px;
	}

	.oc-review-checked-card__meta {
		justify-items: start;
	}

	.oc-review-title-hero {
		grid-template-columns: 1fr;
		padding: 22px;
	}

	.oc-review-title-hero h1 {
		font-size: 42px;
	}

	.oc-review-title-hero__panel {
		padding: 16px;
	}
}

@media (min-width: 960px) {
	.oc-review-page-wrap {
		display: grid !important;
		grid-template-columns: 310px minmax(0, 1fr);
		gap: 24px;
		align-items: start;
	}

	.oc-review-page-wrap > .oc-review-hero-card {
		display: contents !important;
	}

	.oc-review-page-wrap .oc-review-sidebar-slot {
		grid-column: 1;
		grid-row: 2 / span 2;
		position: relative;
		display: grid;
		gap: 16px;
		align-self: start;
		width: 100%;
		min-height: 0;
	}

	.oc-review-page-wrap .oc-review-identity {
		position: static !important;
		width: 100%;
		padding: 26px 20px;
		border-radius: 18px;
	}

	.oc-review-page-wrap .oc-review-identity .oc-logo-medallion--xl {
		width: 170px;
		height: 170px;
	}

	.oc-review-page-wrap .oc-score-card {
		width: 100%;
	}

	.oc-review-page-wrap .oc-review-title-hero,
	.oc-review-page-wrap .oc-review-checked-card {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.oc-review-page-wrap .oc-review-hero-main {
		grid-column: 2;
		grid-row: 2;
		width: 100%;
		box-sizing: border-box;
		border: 1px solid var(--oc-line);
		border-radius: 18px;
		background: #fff;
		box-shadow: var(--oc-shadow);
	}

	.oc-review-page-wrap .oc-review-prose {
		grid-column: 2;
		grid-row: 3;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
}

@media (max-width: 959px) {
	.oc-review-page-wrap {
		display: block !important;
	}

	.oc-review-page-wrap > .oc-review-hero-card {
		display: grid !important;
		grid-template-columns: 1fr !important;
	}

	.oc-review-page-wrap .oc-review-sidebar-slot {
		position: static !important;
		display: grid;
		gap: 16px;
	}

	.oc-review-page-wrap .oc-review-title-hero,
	.oc-review-page-wrap .oc-review-checked-card {
		margin-bottom: 16px;
	}

	.oc-review-page-wrap .oc-review-identity {
		position: static !important;
	}

	.oc-review-page-wrap .oc-review-hero-main,
	.oc-review-page-wrap .oc-review-prose {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

/* 2026-06-24: final ranked casino list layout with fixed action rail. */
.oc-shortcode-list--ranked .oc-shortcode-list__table {
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-shortcode-list--ranked .oc-shortcode-list__items {
	display: grid !important;
	gap: 18px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns,
.oc-shortcode-list--ranked .oc-shortcode-row {
	display: grid !important;
	grid-template-columns: 300px minmax(0, 1fr) 240px !important;
	gap: 0 !important;
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns {
	overflow: hidden !important;
	margin-bottom: 16px !important;
	border-radius: 8px !important;
	background: #111622 !important;
	color: #fff !important;
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns span {
	padding: 18px 22px !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row {
	align-items: stretch !important;
	min-height: 216px !important;
	padding: 0 !important;
	border: 1px solid #d9dfeb !important;
	border-radius: 8px !important;
	background: #fbfcff !important;
	box-shadow: 0 18px 42px rgba(15, 23, 42, .07) !important;
	overflow: hidden !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row > div {
	min-width: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.oc-shortcode-list--ranked .oc-shortcode-row__casino {
	display: block !important;
}

.oc-brand-panel {
	position: relative;
	display: flex;
	min-height: 216px;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 22px;
	padding: 30px 28px;
	box-sizing: border-box;
	color: #fff;
	overflow: hidden;
}

.oc-brand-panel--navy {
	background: linear-gradient(135deg, #101827, #243f61);
}

.oc-brand-panel--charcoal {
	background: linear-gradient(135deg, #181a20, #2a2c34);
}

.oc-brand-panel--plum {
	background: linear-gradient(135deg, #2e074b, #5d177b);
}

.oc-brand-panel--forest {
	background: linear-gradient(135deg, #102419, #285d45);
}

.oc-brand-panel--indigo {
	background: linear-gradient(135deg, #161941, #32408f);
}

.oc-brand-panel--clay {
	background: linear-gradient(135deg, #522713, #9b4825);
}

.oc-brand-panel--teal {
	background: linear-gradient(135deg, #0b3136, #236771);
}

.oc-rank-corner {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	width: 58px;
	height: 54px;
	place-items: center;
	border-radius: 0 0 8px 0;
	background: #ded8ff;
	color: #28158e;
	font-size: 22px;
	font-weight: 950;
	line-height: 1;
}

.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion {
	display: flex !important;
	width: min(210px, 82%) !important;
	height: 92px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 92px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 16px 24px rgba(0, 0, 0, .3));
}

.oc-brand-panel__trust {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	width: min(212px, 100%);
	padding: 10px 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .9);
	color: #596173;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .14);
}

.oc-brand-panel__trust span {
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border-radius: 50%;
	background: #172554;
	color: #fff;
	font-size: 12px;
	font-weight: 950;
}

.oc-brand-panel__trust strong {
	color: #596173;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.2;
}

.oc-shortcode-list--ranked .oc-shortcode-row__offer {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 30px 42px !important;
}

.oc-shortcode-row__casino-name {
	color: var(--oc-green);
	font-size: 15px;
	font-weight: 950;
	line-height: 1.2;
	text-transform: uppercase;
}

.oc-shortcode-list--ranked .oc-shortcode-row__offer h3 {
	margin: 0 !important;
	color: #2610a3 !important;
	font-size: clamp(26px, 2.1vw, 30px) !important;
	font-weight: 950 !important;
	line-height: 1.1 !important;
	letter-spacing: 0 !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__offer p {
	margin: 0 !important;
	color: #111520 !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1.2 !important;
}

.oc-shortcode-row__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.oc-shortcode-row__facts li {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 10px;
	border-radius: 999px;
	background: #f0f6ef;
	color: var(--oc-green);
	font-size: 13px;
	font-weight: 850;
	line-height: 1.15;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score,
.oc-shortcode-list--ranked .oc-shortcode-row__best,
.oc-shortcode-list--ranked .oc-shortcode-row__actions {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 24px 18px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score {
	align-self: center !important;
	justify-self: center !important;
	gap: 14px !important;
	width: 136px !important;
	height: auto !important;
	min-height: 78px !important;
	padding: 14px 16px !important;
	border: 1px solid #eadb9d !important;
	border-radius: 999px !important;
	background: #fff6d8 !important;
	box-sizing: border-box;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score .oc-rating-bar {
	width: 72px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__score strong {
	color: var(--oc-ink);
	font-size: 30px;
	font-weight: 950;
	line-height: 1;
}

.oc-shortcode-list--ranked .oc-shortcode-row__best span {
	justify-content: center;
	max-width: 100%;
	padding: 11px 16px !important;
	border-radius: 999px !important;
	background: #eef8ef !important;
	color: var(--oc-green) !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	line-height: 1.15 !important;
	text-align: center;
	white-space: normal !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions {
	flex-direction: column;
	gap: 14px;
	overflow: hidden;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 56px !important;
	box-sizing: border-box;
	padding-right: 16px !important;
	padding-left: 16px !important;
	border-radius: 8px !important;
	background: #bd4b1f !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-text-link {
	color: #2610a3 !important;
	max-width: 100%;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	overflow-wrap: normal;
	text-align: center;
}

@media (max-width: 1240px) {
	.oc-shortcode-list--ranked .oc-shortcode-list__columns {
		display: none !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 270px minmax(0, 1fr) 220px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__offer {
		grid-column: 2;
		grid-row: 1;
		padding: 26px 28px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__score {
		grid-column: 2;
		grid-row: 2;
		justify-content: flex-start !important;
		padding: 0 28px 14px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__best {
		grid-column: 2;
		grid-row: 3;
		justify-content: flex-start !important;
		padding: 0 28px 26px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 3;
		grid-row: 1 / span 3;
	}
}

@media (max-width: 820px) {
	.oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 1fr !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-shortcode-list--ranked .oc-shortcode-row__score,
	.oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	.oc-brand-panel {
		min-height: 178px;
		padding: 28px 22px;
	}

	.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion {
		height: 78px !important;
	}

	.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img {
		max-height: 78px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__offer {
		padding: 24px 22px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__offer h3 {
		font-size: 28px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__score,
	.oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		justify-content: flex-start !important;
		padding: 0 22px 22px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		width: 100% !important;
	}
}

/* 2026-06-24: editor-driven CTA reasons and article-safe ranked shortlist. */
.oc-offer-link {
	color: inherit !important;
	text-decoration: none !important;
}

.oc-offer-link:hover,
.oc-offer-link:focus-visible {
	color: #2610a3 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 5px !important;
}

.oc-uk-flag {
	display: block !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background:
		linear-gradient(32deg, transparent 41%, #fff 41% 47%, #c8102e 47% 53%, #fff 53% 59%, transparent 59%),
		linear-gradient(-32deg, transparent 41%, #fff 41% 47%, #c8102e 47% 53%, #fff 53% 59%, transparent 59%),
		linear-gradient(90deg, transparent 36%, #fff 36% 64%, transparent 64%),
		linear-gradient(0deg, transparent 36%, #fff 36% 64%, transparent 64%),
		linear-gradient(90deg, transparent 43%, #c8102e 43% 57%, transparent 57%),
		linear-gradient(0deg, transparent 43%, #c8102e 43% 57%, transparent 57%),
		#012169 !important;
	box-shadow: 0 0 0 1px rgba(1, 33, 105, .12);
}

.oc-shortcode-list--ranked .oc-shortcode-row > .oc-shortcode-row__offer {
	gap: 9px !important;
	padding: 30px 46px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__offer h3 {
	overflow-wrap: anywhere;
}

.oc-shortcode-row__facts,
.oc-shortcode-incentives {
	display: grid !important;
	gap: 6px !important;
	margin: 4px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.oc-shortcode-row__facts li,
.oc-shortcode-incentives li {
	position: relative;
	display: block !important;
	min-height: 0 !important;
	padding: 0 0 0 16px !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #4e5d50 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.28 !important;
}

.oc-shortcode-row__facts li::before,
.oc-shortcode-incentives li::before {
	content: "";
	position: absolute;
	top: .48em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--oc-green);
}

.oc-prose .oc-shortcode-list--ranked {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	box-sizing: border-box;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-list__title h2 {
	margin: 8px 0;
	font-size: clamp(28px, 2.45vw, 42px);
	line-height: 1.08;
	letter-spacing: 0;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-list__columns {
	display: none !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row {
	grid-template-columns: minmax(220px, 28%) minmax(0, 1fr) minmax(158px, 19%) !important;
	min-height: 222px !important;
	width: 100% !important;
	max-width: 100% !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__casino {
	grid-column: 1 !important;
	grid-row: 1 / span 3 !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-brand-panel {
	min-height: 222px;
	padding: 28px 20px;
}

.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion {
	width: min(184px, 84%) !important;
	height: 78px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img {
	max-height: 78px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-brand-panel__trust {
	width: min(196px, 100%);
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__offer {
	grid-column: 2 !important;
	grid-row: 1 !important;
	padding: 28px 30px 12px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__offer h3 {
	font-size: clamp(24px, 2.2vw, 30px) !important;
	line-height: 1.1 !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__score {
	grid-column: 2 !important;
	grid-row: 2 !important;
	justify-content: flex-start !important;
	margin-left: 30px !important;
	padding: 0 !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__best {
	grid-column: 2 !important;
	grid-row: 3 !important;
	justify-content: flex-start !important;
	padding: 0 30px 28px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
	grid-column: 3 !important;
	grid-row: 1 / span 3 !important;
	gap: 12px !important;
	padding: 24px 16px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
	min-height: 52px !important;
	padding-right: 12px !important;
	padding-left: 12px !important;
	font-size: 16px !important;
	white-space: normal !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-text-link {
	font-size: 14px !important;
	overflow-wrap: anywhere;
}

.oc-prose .oc-shortcode-offer {
	grid-template-columns: 124px minmax(0, 1fr) 168px !important;
	gap: 18px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	padding: 18px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
}

.oc-prose .oc-shortcode-offer__media .oc-logo-medallion {
	width: 96px !important;
	height: 96px !important;
}

.oc-prose .oc-shortcode-offer__body,
.oc-prose .oc-shortcode-offer__actions {
	min-width: 0 !important;
}

.oc-prose .oc-shortcode-offer__body h3 {
	font-size: 20px !important;
	line-height: 1.18 !important;
}

.oc-prose .oc-shortcode-offer__bonus {
	font-size: 16px !important;
	line-height: 1.25 !important;
}

.oc-prose .oc-shortcode-offer__actions .oc-button {
	min-width: 0 !important;
	min-height: 48px !important;
	padding-right: 12px !important;
	padding-left: 12px !important;
	font-size: 16px !important;
	white-space: normal !important;
}

@media (max-width: 1040px) {
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 230px minmax(0, 1fr) !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 2 !important;
		grid-row: 4 !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		padding: 0 30px 28px !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		width: min(220px, 100%) !important;
	}

	.oc-prose .oc-shortcode-offer {
		grid-template-columns: 112px minmax(0, 1fr) !important;
	}

	.oc-prose .oc-shortcode-offer__actions {
		grid-column: 2 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
	}
}

@media (max-width: 820px) {
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row,
	.oc-prose .oc-shortcode-offer {
		grid-template-columns: 1fr !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__score,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions,
	.oc-prose .oc-shortcode-offer__actions {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__offer {
		padding: 24px 22px 12px !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__score {
		margin-left: 22px !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__best,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		padding-right: 22px !important;
		padding-left: 22px !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		width: 100% !important;
	}
}

/* 2026-06-24: compact three-column shortlist cards. */
.oc-shortcode-list--ranked .oc-shortcode-row__score,
.oc-shortcode-list--ranked .oc-shortcode-row__best,
.oc-shortcode-list--ranked .oc-shortcode-row__offer > p {
	display: none !important;
}

.oc-brand-panel__trust .oc-uk-flag {
	display: block !important;
	width: 36px !important;
	height: 36px !important;
	overflow: hidden !important;
	border-radius: 50% !important;
	background: #fff !important;
	box-shadow: 0 0 0 1px rgba(1, 33, 105, .14);
}

.oc-brand-panel__trust .oc-uk-flag img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.oc-shortcode-list--ranked .oc-shortcode-list__columns,
.oc-shortcode-list--ranked .oc-shortcode-row {
	grid-template-columns: 300px minmax(0, 1fr) 240px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row > .oc-shortcode-row__offer {
	gap: 12px !important;
	padding: 34px 48px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions {
	grid-column: 3 !important;
	grid-row: 1 !important;
	gap: 14px !important;
	padding: 30px 22px !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
	min-height: 64px !important;
	border-radius: 8px !important;
	background: #bd4b1f !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	box-shadow: 0 18px 34px rgba(189, 75, 31, .26) !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button:hover,
.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button:focus-visible {
	background: #a93f18 !important;
	box-shadow: 0 22px 40px rgba(189, 75, 31, .32) !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-text-link {
	font-size: 15px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row {
	grid-template-columns: minmax(220px, 28%) minmax(0, 1fr) minmax(190px, 22%) !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
	grid-column: 3 !important;
	grid-row: 1 !important;
	padding: 26px 16px !important;
}

.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
	min-height: 58px !important;
	font-size: 17px !important;
}

@media (max-width: 1240px) {
	.oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 270px minmax(0, 1fr) 230px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-row: 1 !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino {
		grid-column: 1 !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__offer {
		grid-column: 2 !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 3 !important;
	}
}

@media (max-width: 980px) {
	.oc-shortcode-list--ranked .oc-shortcode-row,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 240px minmax(0, 1fr) !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 2 !important;
		grid-row: 2 !important;
		flex-direction: row !important;
		justify-content: flex-start !important;
		padding: 0 28px 28px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		width: min(240px, 100%) !important;
	}
}

@media (max-width: 820px) {
	.oc-shortcode-list--ranked .oc-shortcode-row,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row {
		grid-template-columns: 1fr !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-shortcode-list--ranked .oc-shortcode-row__actions,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__casino,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__offer,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		grid-column: 1 !important;
		grid-row: auto !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions {
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 0 22px 24px !important;
	}

	.oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button,
	.oc-prose .oc-shortcode-list--ranked .oc-shortcode-row__actions .oc-button {
		width: 100% !important;
	}
}

/* 2026-06-24: full terms and real UK flag assets. */
.oc-shortcode-list--ranked,
.oc-shortcode-list--ranked .oc-shortcode-list__head,
.oc-shortcode-list--ranked .oc-shortcode-list__title,
.oc-shortcode-list--ranked .oc-shortcode-list__table,
.oc-shortcode-list--ranked .oc-shortcode-list__items,
.oc-shortcode-list--ranked .oc-shortcode-row,
.oc-shortcode-list--ranked .oc-shortcode-row > div,
.oc-shortcode-list--ranked .oc-shortcode-row__offer {
	overflow: visible !important;
}

.oc-shortcode-list--ranked .oc-shortcode-row {
	position: relative !important;
	z-index: 1;
}

.oc-shortcode-list--ranked .oc-shortcode-row:has(.oc-terms-hover:hover),
.oc-shortcode-list--ranked .oc-shortcode-row:has(.oc-terms-hover:focus),
.oc-shortcode-list--ranked .oc-shortcode-row:has(.oc-terms-hover:focus-within) {
	z-index: 1200 !important;
}

.oc-shortcode-list--ranked .oc-terms-hover {
	position: relative;
	z-index: 20;
}

.oc-shortcode-list--ranked .oc-terms-hover small {
	top: calc(100% + 10px) !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 4000 !important;
	width: min(620px, calc(100vw - 40px)) !important;
	max-height: min(520px, 78vh) !important;
	overflow: auto !important;
	pointer-events: none !important;
	padding: 16px 18px !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #263244 !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	box-shadow: 0 24px 60px rgba(15, 23, 42, .22) !important;
}

.oc-shortcode-list--ranked .oc-terms-hover:hover small,
.oc-shortcode-list--ranked .oc-terms-hover:focus small,
.oc-shortcode-list--ranked .oc-terms-hover:focus-within small {
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

.oc-bonus-card__flag {
	background: #fff !important;
}

.oc-bonus-card__flag img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border-radius: 2px !important;
	object-fit: cover !important;
}

.oc-brand-panel__trust .oc-uk-flag img {
	opacity: 0 !important;
}

.oc-brand-panel__trust .oc-uk-flag {
	background: #012169 url("../images/uk-flag.svg") center / cover no-repeat !important;
}

@media (max-width: 640px) {
	.oc-shortcode-list--ranked .oc-terms-hover small {
		left: 50% !important;
		width: min(320px, calc(100vw - 32px)) !important;
		max-height: 62vh !important;
		transform: translate(-50%, 6px) !important;
	}

	.oc-shortcode-list--ranked .oc-terms-hover:hover small,
	.oc-shortcode-list--ranked .oc-terms-hover:focus small,
	.oc-shortcode-list--ranked .oc-terms-hover:focus-within small {
		transform: translate(-50%, 0) !important;
	}
}

/* 2026-06-24: single-operator CTA row and brand-aware panels. */
.oc-shortcode-list--single {
	margin: 28px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-shortcode-list--single .oc-shortcode-row {
	min-height: 260px !important;
}

.oc-shortcode-list--single .oc-shortcode-list__items {
	gap: 0 !important;
}

.oc-shortcode-list--single .oc-shortcode-row > .oc-shortcode-row__offer {
	padding-top: 38px !important;
	padding-bottom: 38px !important;
}

.oc-shortcode-list--single .oc-shortcode-row__actions .oc-button {
	min-height: 64px !important;
}

.oc-brand-panel--union-blue {
	background:
		radial-gradient(circle at 72% 18%, rgba(200, 16, 46, .22), transparent 26%),
		linear-gradient(135deg, #061a3f, #15376f 54%, #0d244d) !important;
}

.oc-brand-panel--all-british {
	background:
		radial-gradient(circle at 72% 16%, rgba(200, 16, 46, .16), transparent 30%),
		linear-gradient(135deg, #f6f1e7, #ded0b8 58%, #cbb897) !important;
}

.oc-brand-panel--soft-logo {
	background:
		radial-gradient(circle at 78% 16%, rgba(216, 190, 82, .22), transparent 30%),
		linear-gradient(135deg, #f8f2e5, #e6edf1 58%, #cddbe4) !important;
}

.oc-brand-panel--prime,
.oc-brand-panel--mega {
	background:
		radial-gradient(circle at 18% 12%, rgba(191, 166, 104, .28), transparent 30%),
		linear-gradient(135deg, #f8f0dc, #e4d3ad 56%, #cab27c) !important;
}

.oc-brand-panel--playzee {
	background:
		radial-gradient(circle at 80% 18%, rgba(255, 181, 25, .2), transparent 30%),
		linear-gradient(135deg, #f4f0df, #dce4c7 58%, #c8d3aa) !important;
}

.oc-brand-panel--luckster {
	background:
		radial-gradient(circle at 80% 18%, rgba(35, 128, 80, .14), transparent 30%),
		linear-gradient(135deg, #eef6ea, #d4e5cf 58%, #b9cfb2) !important;
}

.oc-brand-panel--magic-red {
	background:
		radial-gradient(circle at 78% 18%, rgba(214, 38, 38, .16), transparent 30%),
		linear-gradient(135deg, #f8eae8, #e4cfca 58%, #cfaeaa) !important;
}

.oc-brand-panel--yeti,
.oc-brand-panel--luna {
	background:
		radial-gradient(circle at 76% 18%, rgba(55, 132, 170, .14), transparent 30%),
		linear-gradient(135deg, #eef7fb, #d6e5ed 58%, #bdd0dd) !important;
}

.oc-brand-panel--fortune {
	background:
		radial-gradient(circle at 72% 16%, rgba(212, 184, 93, .2), transparent 30%),
		linear-gradient(135deg, #321c45, #21172f 58%, #161221) !important;
}

.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion--all-british-casino,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion--all-british {
	width: min(210px, 82%) !important;
	height: 124px !important;
	padding: 0 !important;
	background: transparent !important;
}

.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion--all-british-casino img,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion--all-british img {
	width: auto !important;
	max-width: 100% !important;
	max-height: 124px !important;
	filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .34)) !important;
}

@media (max-width: 820px) {
	.oc-shortcode-list--single .oc-shortcode-row {
		min-height: 0 !important;
	}

	.oc-shortcode-list--single .oc-shortcode-row > .oc-shortcode-row__offer {
		padding: 24px 22px 14px !important;
	}
}

/* 2026-06-24: richer Blog and News archive layouts. */
.oc-archive {
	padding-bottom: 44px;
}

.oc-archive,
.oc-archive * {
	box-sizing: border-box;
}

.oc-archive-hero,
.oc-archive-section {
	width: min(var(--oc-container), calc(100% - 40px));
	margin-right: auto;
	margin-left: auto;
}

.oc-archive-hero {
	display: grid;
	gap: 22px;
	margin-top: 30px;
	padding: 30px;
	border: 1px solid rgba(219, 226, 236, .9);
	border-radius: 14px;
	background:
		radial-gradient(circle at 88% 6%, rgba(215, 170, 53, .14), transparent 26%),
		linear-gradient(135deg, #fff 0%, #fbfaf4 100%);
	box-shadow: 0 24px 70px rgba(17, 21, 32, .08);
}

.oc-archive-hero__copy {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: end;
	min-width: 0;
	padding: 0;
}

.oc-archive-hero__intro {
	min-width: 0;
}

.oc-archive-hero h1 {
	max-width: 760px;
	margin: 14px 0 16px;
	color: var(--oc-ink);
	font-size: 60px;
}

.oc-archive-hero__copy p {
	max-width: 720px;
	margin: 0;
	color: var(--oc-muted);
	font-size: 20px;
	line-height: 1.55;
}

.oc-archive-board {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
	gap: 18px;
	align-items: stretch;
	min-width: 0;
	padding: 0;
}

.oc-archive-stats {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 10px;
	max-width: 360px;
	margin: 0;
}

.oc-archive-stats span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid rgba(47, 125, 91, .16);
	border-radius: 999px;
	background: #fff;
	color: #4b5563;
	font-size: 14px;
	font-weight: 800;
	box-shadow: 0 10px 26px rgba(17, 21, 32, .05);
}

.oc-archive-stats strong {
	color: var(--oc-ink);
	font-size: 18px;
}

.oc-archive-feature {
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 18px 46px rgba(17, 21, 32, .07);
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-archive-feature:hover {
	transform: translateY(-2px);
	box-shadow: 0 24px 58px rgba(17, 21, 32, .1);
}

.oc-archive-feature a {
	display: grid;
	grid-template-columns: minmax(250px, .88fr) minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	height: 100%;
	min-width: 0;
	padding: 16px;
}

.oc-archive-feature__image {
	display: grid;
	overflow: hidden;
	place-items: center;
	min-height: 300px;
	height: 100%;
	border-radius: 8px;
	background:
		radial-gradient(circle at 18% 20%, rgba(215, 170, 53, .3), transparent 32%),
		linear-gradient(135deg, #151a27, #235f47);
	color: #fff;
}

.oc-archive-feature__image img,
.oc-post-card--archive .oc-post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-archive-feature__content {
	display: grid;
	gap: 14px;
	align-content: center;
	min-width: 0;
}

.oc-archive-feature h2 {
	margin: 0;
	color: var(--oc-ink);
	font-size: 34px;
	overflow-wrap: anywhere;
}

.oc-archive-feature__excerpt {
	color: var(--oc-muted);
	font-size: 16px;
	line-height: 1.55;
}

.oc-archive-read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 42px;
	padding: 0 16px;
	border-radius: 999px;
	background: var(--oc-green-dark);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
}

.oc-archive-latest {
	display: grid;
	align-content: start;
	gap: 10px;
	min-width: 0;
	padding: 16px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 18px 46px rgba(17, 21, 32, .06);
}

.oc-archive-latest .oc-kicker {
	margin-bottom: 2px;
}

.oc-archive-latest__item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	min-width: 0;
	padding: 13px 0;
	border: 1px solid #e6edf5;
	border-width: 0 0 1px;
	border-radius: 8px;
	background: transparent;
	transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.oc-archive-latest__item:last-child {
	border-bottom: 0;
}

.oc-archive-latest__item:hover,
.oc-archive-latest__item:focus-visible {
	border-color: rgba(47, 125, 91, .22);
	background: #f7fbf7;
	transform: translateY(-1px);
}

.oc-archive-latest__item span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-height: 36px;
	padding: 0 12px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.oc-archive-latest__item strong {
	color: var(--oc-ink);
	font-size: 15px;
	font-weight: 900;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.oc-archive-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: 0;
}

.oc-archive-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid var(--oc-line);
	border-radius: 999px;
	background: rgba(255, 255, 255, .78);
	color: #42526b;
	font-size: 14px;
	font-weight: 850;
	box-shadow: 0 8px 22px rgba(17, 21, 32, .04);
}

.oc-archive-nav a:hover,
.oc-archive-nav a:focus-visible,
.oc-archive-nav a.is-active {
	border-color: rgba(47, 125, 91, .2);
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-archive-section {
	width: min(var(--oc-container), calc(100% - 40px)) !important;
	padding-top: 34px;
}

.oc-archive-section .oc-section-head {
	margin-bottom: 18px;
}

.oc-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.oc-post-card--archive,
.oc-post-card--archive a {
	min-width: 0;
	max-width: 100%;
}

.oc-post-card--archive .oc-post-card__image {
	min-height: 0;
	aspect-ratio: 16 / 10;
}

.oc-post-card--archive .oc-post-card__image img {
	min-height: 0;
}

.oc-post-card--archive h2 {
	font-size: 22px;
	overflow-wrap: anywhere;
}

.oc-post-image-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	min-height: inherit;
	place-items: center;
	background:
		radial-gradient(circle at 76% 18%, rgba(215, 170, 53, .32), transparent 28%),
		linear-gradient(135deg, #111520, #235f47);
	color: #fff;
	font-size: 46px;
	font-weight: 950;
}

.oc-empty-state {
	max-width: 680px;
	padding: 28px;
	border: 1px solid var(--oc-line);
	border-radius: 10px;
	background: #fff;
	box-shadow: var(--oc-shadow-sm);
}

.oc-empty-state h2,
.oc-empty-state p {
	margin: 0;
}

.oc-empty-state p {
	margin-top: 10px;
	color: var(--oc-muted);
}

.oc-archive-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 34px;
	padding: 18px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 12px;
	background:
		radial-gradient(circle at 92% 12%, rgba(215, 170, 53, .11), transparent 28%),
		#fff;
	box-shadow: 0 18px 46px rgba(17, 21, 32, .06);
}

.oc-archive-pagination__summary {
	display: grid;
	gap: 8px;
	min-width: 0;
}

.oc-archive-pagination__summary strong {
	color: var(--oc-ink);
	font-size: 20px;
	font-weight: 950;
}

.oc-archive-pagination__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
}

.oc-archive-pagination .page-numbers {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	min-height: 42px;
	padding: 0 13px;
	border: 1px solid var(--oc-line);
	border-radius: 8px;
	background: #fff;
	color: var(--oc-ink);
	font-size: 14px;
	font-weight: 850;
	box-shadow: 0 8px 18px rgba(17, 21, 32, .04);
}

.oc-archive-pagination .page-numbers.prev,
.oc-archive-pagination .page-numbers.next {
	padding-right: 16px;
	padding-left: 16px;
}

.oc-archive-pagination .page-numbers.current,
.oc-archive-pagination .page-numbers:hover,
.oc-archive-pagination .page-numbers:focus-visible {
	border-color: rgba(47, 125, 91, .24);
	background: var(--oc-green-dark);
	color: #fff;
}

.oc-archive--news .oc-archive-feature__image,
.oc-archive--news .oc-post-image-fallback {
	background:
		radial-gradient(circle at 20% 18%, rgba(216, 91, 74, .28), transparent 30%),
		linear-gradient(135deg, #111520, #315a9d 54%, #235f47);
}

.oc-archive--news .oc-kicker {
	background: #eef3ff;
	color: #315a9d;
}

@media (max-width: 1080px) {
	.oc-archive-hero {
		padding-top: 34px;
	}

	.oc-archive-hero__copy {
		grid-template-columns: 1fr;
	}

	.oc-archive-stats {
		justify-content: flex-start;
		max-width: none;
	}

	.oc-archive-board {
		grid-template-columns: 1fr;
	}

	.oc-archive-latest {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.oc-archive-latest .oc-kicker {
		grid-column: 1 / -1;
	}

	.oc-archive-latest__item {
		grid-template-columns: 1fr;
		padding: 0;
		border: 0;
	}

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

@media (max-width: 900px) {
	.oc-archive-feature a {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.oc-archive-hero,
	.oc-archive-section {
		width: calc(100% - 24px) !important;
	}

	.oc-archive-hero {
		gap: 20px;
		margin-top: 18px;
		padding: 20px;
	}

	.oc-archive-hero h1 {
		font-size: 42px;
	}

	.oc-archive-hero__copy p {
		font-size: 17px;
	}

	.oc-archive-feature__image {
		min-height: 190px;
	}

	.oc-archive-latest {
		grid-template-columns: 1fr;
	}

	.oc-archive-grid {
		grid-template-columns: 1fr;
	}

	.oc-archive-pagination {
		align-items: stretch;
	}

	.oc-archive-pagination__links {
		justify-content: flex-start;
	}

	.oc-archive-pagination .page-numbers {
		min-width: 40px;
		min-height: 40px;
	}
}

/* 2026-06-25: casino review sidebar uses CTA-style brand panel, clean logo, and compact reviewed-offer banner. */
.oc-review-page .oc-review-identity {
	box-sizing: border-box;
	z-index: 30;
	gap: 16px !important;
	overflow: hidden !important;
	color: #fff;
}

.oc-review-page .oc-review-sidebar-slot {
	width: 100%;
	min-width: 0;
}

.oc-review-page .oc-review-logo-stage {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: 132px;
}

.oc-review-page .oc-review-identity .oc-logo-medallion--xl,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel {
	display: flex !important;
	width: min(225px, 88%) !important;
	height: 122px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-review-page .oc-review-identity .oc-logo-medallion--xl img,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 122px !important;
	border-radius: 0 !important;
	object-fit: contain !important;
	filter: drop-shadow(0 18px 26px rgba(0, 0, 0, .34));
}

.oc-review-page .oc-review-identity .oc-logo-medallion--betfred-casino img,
.oc-review-page .oc-review-identity .oc-logo-medallion--betfred img {
	max-height: 88px !important;
}

.oc-review-page .oc-score-card {
	border: 1px solid rgba(255, 255, 255, .72) !important;
	background: rgba(255, 255, 255, .88) !important;
	color: var(--oc-ink) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

.oc-review-page .oc-score-card span {
	color: #4d596b !important;
}

.oc-review-page .oc-sidebar-offer-slot {
	position: relative;
	z-index: 20;
	width: 100%;
}

.oc-review-page .oc-sidebar-offer-stack {
	position: relative;
	z-index: 20;
	display: grid;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
}

.oc-review-page .oc-sidebar-offer {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	padding: 0 !important;
	border: 1px solid rgba(217, 190, 111, .68) !important;
	border-left: 0 !important;
	border-radius: 16px !important;
	background:
		linear-gradient(180deg, rgba(255, 253, 246, .98) 0%, rgba(255, 255, 255, .99) 55%, rgba(255, 248, 243, .98) 100%),
		#fff !important;
	color: var(--oc-ink) !important;
	box-shadow:
		0 22px 46px rgba(17, 21, 32, .14),
		0 1px 0 rgba(255, 255, 255, .92) inset !important;
}

.oc-review-page .oc-sidebar-offer--banner::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	z-index: 2;
	height: 6px;
	border-radius: 16px 16px 0 0;
	background: linear-gradient(90deg, #d1a735 0%, #2f7d5b 48%, #b6542b 100%);
}

.oc-review-page .oc-sidebar-offer--banner::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 0;
	z-index: -1;
	width: 86px;
	height: 86px;
	background: linear-gradient(135deg, rgba(47, 125, 91, .13), rgba(209, 167, 53, .08));
	clip-path: polygon(100% 0, 100% 100%, 0 0);
}

.oc-review-page .oc-sidebar-offer__head {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 18px 18px 13px !important;
	border-bottom: 1px solid rgba(217, 226, 236, .88);
	background: linear-gradient(135deg, rgba(47, 125, 91, .08), rgba(246, 230, 167, .2));
}

.oc-review-page .oc-sidebar-offer__eyebrow {
	display: inline-flex !important;
	width: fit-content !important;
	padding: 7px 10px !important;
	border-radius: 999px !important;
	background: #183f31 !important;
	color: #fffdf5 !important;
	font-size: 10px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
	box-shadow: 0 9px 20px rgba(24, 63, 49, .16);
}

.oc-review-page .oc-sidebar-offer b {
	display: block;
	color: #3b4658;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.25;
}

.oc-review-page .oc-sidebar-offer strong {
	display: block;
	margin: 0 !important;
	padding: 15px 18px 0 !important;
	color: var(--oc-ink) !important;
	font-size: 20px !important;
	font-weight: 950 !important;
	line-height: 1.15 !important;
}

.oc-review-page .oc-sidebar-offer p {
	margin: 0 !important;
	padding: 10px 18px 14px !important;
	color: #5e6a7d !important;
	font-size: 12.5px !important;
	font-weight: 720 !important;
	line-height: 1.48 !important;
	overflow: visible !important;
}

.oc-review-page .oc-sidebar-offer a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 50px !important;
	margin: 0 18px !important;
	padding: 0 16px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #c25b2e, #a64a25) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 950 !important;
	line-height: 1.15 !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow:
		0 15px 28px rgba(182, 84, 43, .25),
		0 1px 0 rgba(255, 255, 255, .24) inset !important;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.oc-review-page .oc-sidebar-offer a::after {
	content: ">";
	margin-left: 8px;
	font-size: 16px;
	line-height: 1;
	transition: transform .18s ease;
}

.oc-review-page .oc-sidebar-offer a:hover,
.oc-review-page .oc-sidebar-offer a:focus-visible {
	background: #a94b25 !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow:
		0 18px 34px rgba(182, 84, 43, .31),
		0 1px 0 rgba(255, 255, 255, .24) inset !important;
}

.oc-review-page .oc-sidebar-offer a:hover::after,
.oc-review-page .oc-sidebar-offer a:focus-visible::after {
	transform: translateX(3px);
}

.oc-review-page .oc-sidebar-offer small {
	display: block;
	margin-top: 0;
	padding: 10px 18px 14px;
	color: #6b7280;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.35;
	text-align: center;
}

.oc-review-page .oc-sidebar-offer-alternates {
	display: grid;
	gap: 8px;
}

.oc-review-page .oc-sidebar-offer-alternates > span {
	color: #526070;
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0;
	text-transform: uppercase;
}

.oc-review-page .oc-sidebar-offer-alternate {
	display: grid;
	gap: 5px;
	padding: 12px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 10px;
	background: #fff;
	color: var(--oc-ink);
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(17, 21, 32, .06);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.oc-review-page .oc-sidebar-offer-alternate:hover,
.oc-review-page .oc-sidebar-offer-alternate:focus-visible {
	border-color: rgba(47, 125, 91, .28);
	color: var(--oc-ink);
	transform: translateY(-1px);
	box-shadow: 0 16px 32px rgba(17, 21, 32, .1);
}

.oc-review-page .oc-sidebar-offer-alternate b {
	color: var(--oc-green);
	font-size: 11px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-review-page .oc-sidebar-offer-alternate strong {
	color: var(--oc-ink);
	font-size: 14px;
	font-weight: 950;
	line-height: 1.2;
}

.oc-review-page .oc-sidebar-offer-alternate small {
	color: #667085;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.35;
}

.oc-review-details-card {
	margin-top: 24px;
	padding: 20px;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 14px;
	background:
		radial-gradient(circle at 94% 10%, rgba(215, 170, 53, .12), transparent 28%),
		linear-gradient(135deg, #fbfcff, #fff);
	box-shadow: 0 18px 42px rgba(17, 21, 32, .06);
}

.oc-review-details-card__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, .68fr);
	gap: 16px;
	align-items: end;
	margin-bottom: 14px;
}

.oc-review-details-card__head .oc-kicker {
	width: fit-content;
}

.oc-review-details-card__head p {
	margin: 0;
	color: #667085;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.35;
}

.oc-review-detail-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
}

.oc-review-detail-grid > div {
	min-width: 0;
	padding: 13px 14px;
	border: 1px solid #e3e9f2;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(17, 21, 32, .03);
}

.oc-review-detail-grid dt {
	margin: 0;
	color: #667085;
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.oc-review-detail-grid dd {
	margin: 7px 0 0;
	color: var(--oc-ink);
	font-size: 16px;
	font-weight: 900;
	line-height: 1.28;
	overflow-wrap: anywhere;
}

.oc-review-detail-grid dd a {
	color: var(--oc-green-dark);
	text-decoration: none;
	border-bottom: 2px solid rgba(47, 125, 91, .22);
}

.oc-review-detail-grid dd a:hover,
.oc-review-detail-grid dd a:focus-visible {
	color: var(--oc-green);
	border-bottom-color: currentColor;
}

@media (min-width: 960px) {
	.oc-review-page-wrap .oc-review-identity {
		padding: 24px 20px !important;
	}
}

@media (max-width: 959px) {
	.oc-review-page .oc-review-identity {
		overflow: hidden !important;
	}

	.oc-review-page .oc-sidebar-offer-slot {
		min-height: 0 !important;
	}

	.oc-review-page .oc-sidebar-offer {
		position: static !important;
		width: 100% !important;
	}
}

@media (max-width: 1120px) {
	.oc-review-detail-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.oc-review-details-card {
		padding: 16px;
	}

	.oc-review-details-card__head,
	.oc-review-detail-grid {
		grid-template-columns: 1fr;
	}
}

/* 2026-06-25: reviews index uses recent review order and homepage-style logo panels. */
.oc-review-page-wrap--legacy {
	display: block !important;
	width: min(var(--oc-wide), calc(100% - 40px)) !important;
}

.oc-review-page-wrap--legacy .oc-review-hero-card {
	display: block !important;
	overflow: visible !important;
	margin-bottom: 24px;
}

.oc-review-page-wrap--legacy .oc-review-hero-main {
	width: 100%;
	box-sizing: border-box;
}

.oc-review-page-wrap--legacy .oc-review-prose {
	max-width: var(--oc-content) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.oc-review-legacy-note {
	max-width: 760px;
	margin: 12px 0 0;
	color: #5e6a7d;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.55;
}

.oc-review-directory-card {
	overflow: hidden;
	padding: 0 !important;
}

.oc-review-directory-card__media,
.oc-review-row__media {
	position: relative;
	display: grid;
	place-items: center;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 14px;
}

.oc-review-directory-card__media {
	min-height: 168px;
	margin: 0;
	padding: 24px;
}

.oc-review-row__media {
	width: 118px;
	min-height: 94px;
	padding: 16px;
	border-radius: 10px;
}

.oc-review-directory-card__media::before,
.oc-review-row__media::before {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, transparent 0 40%, rgba(255, 255, 255, .14) 50%, transparent 60%),
		linear-gradient(180deg, transparent 0 72%, rgba(0, 0, 0, .16) 100%);
	opacity: .45;
	content: "";
	pointer-events: none;
}

.oc-review-directory-card__media > *,
.oc-review-row__media > * {
	position: relative;
	z-index: 1;
}

.oc-review-directory-card__media .oc-rank-dot,
.oc-review-row__media .oc-rank-dot {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(255, 255, 255, .56);
	background: rgba(255, 255, 255, .92);
	color: #28158e;
	font-size: 15px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

.oc-review-directory-card__media .oc-bonus-card__logo,
.oc-review-row__media .oc-bonus-card__logo {
	display: block;
	width: min(238px, 82%);
	height: 94px;
	margin: 0 auto;
	object-fit: contain;
	filter:
		drop-shadow(0 16px 24px rgba(0, 0, 0, .34))
		drop-shadow(0 1px 0 rgba(255, 255, 255, .24));
}

.oc-review-row__media .oc-bonus-card__logo {
	width: min(112px, 86%);
	height: 58px;
}

.oc-review-directory-card__media .oc-bonus-card__logo-fallback,
.oc-review-row__media .oc-bonus-card__logo-fallback {
	background: rgba(255, 255, 255, .9);
	color: var(--oc-ink);
}

.oc-review-logo-wordmark {
	display: block;
	max-width: 88%;
	color: #fff;
	font-size: 24px;
	font-weight: 950;
	letter-spacing: 0;
	line-height: 1.05;
	text-align: center;
	text-shadow: 0 14px 26px rgba(0, 0, 0, .38);
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.oc-review-row__media .oc-review-logo-wordmark {
	max-width: 96%;
	font-size: 14px;
}

.oc-review-directory-card__media .oc-bonus-card__logo--bingo-hall,
.oc-review-directory-card__media .oc-bonus-card__logo--casino-com,
.oc-review-directory-card__media .oc-bonus-card__logo--casino-joy,
.oc-review-directory-card__media .oc-bonus-card__logo--casino-luck,
.oc-review-directory-card__media .oc-bonus-card__logo--casino-moons,
.oc-review-directory-card__media .oc-bonus-card__logo--prime-casino,
.oc-review-directory-card__media .oc-bonus-card__logo--spin-station-casino,
.oc-review-row__media .oc-bonus-card__logo--bingo-hall,
.oc-review-row__media .oc-bonus-card__logo--casino-com,
.oc-review-row__media .oc-bonus-card__logo--casino-joy,
.oc-review-row__media .oc-bonus-card__logo--casino-luck,
.oc-review-row__media .oc-bonus-card__logo--casino-moons,
.oc-review-row__media .oc-bonus-card__logo--prime-casino,
.oc-review-row__media .oc-bonus-card__logo--spin-station-casino {
	mix-blend-mode: multiply;
	filter:
		drop-shadow(0 16px 24px rgba(0, 0, 0, .24))
		drop-shadow(0 1px 0 rgba(255, 255, 255, .14));
}

/* 2026-06-25: full-width free games library template. */
.oc-free-games-main {
	background:
		linear-gradient(180deg, rgba(248, 250, 252, .9), rgba(255, 255, 255, 1) 32%),
		#fff;
}

.oc-free-games-hero,
.oc-free-games-shell {
	width: min(1540px, calc(100% - 32px));
	margin-right: auto;
	margin-left: auto;
}

.oc-free-games-hero {
	padding: clamp(26px, 4vw, 54px) 0 20px;
}

.oc-free-games-hero .oc-hero-breadcrumb {
	margin-bottom: 22px;
}

.oc-free-games-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: end;
}

.oc-free-games-hero h1 {
	max-width: 980px;
	margin: 10px 0 14px;
	color: var(--oc-ink);
	font-size: clamp(42px, 6vw, 88px);
	font-weight: 950;
	letter-spacing: 0;
	line-height: .96;
}

.oc-free-games-hero p {
	max-width: 860px;
	margin: 0;
	color: var(--oc-muted);
	font-size: clamp(17px, 1.7vw, 24px);
	line-height: 1.5;
}

.oc-free-games-count {
	display: grid;
	place-items: center;
	min-width: 174px;
	min-height: 138px;
	padding: 20px;
	border-radius: 42px;
	background: #fbf4c8;
	color: #6b5815;
	text-align: center;
}

.oc-free-games-count strong {
	display: block;
	color: var(--oc-ink);
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 950;
	line-height: .95;
}

.oc-free-games-count span {
	font-size: 15px;
	font-weight: 900;
	text-transform: uppercase;
}

.oc-free-games-shell {
	padding-bottom: 56px;
}

.oc-free-games-type-nav {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 16px 0 18px;
}

.oc-free-games-type-nav a {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 72px;
	padding: 14px 18px;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background: #fff;
	color: var(--oc-ink);
	font-size: 18px;
	font-weight: 950;
	text-decoration: none;
	box-shadow: 0 14px 34px rgba(17, 24, 39, .05);
}

.oc-free-games-type-nav a.is-active {
	border-color: rgba(213, 178, 67, .72);
	background: #111827;
	color: #fff;
}

.oc-free-games-type-nav .oc-lite-icon {
	width: 42px;
	height: 42px;
	background: rgba(78, 128, 91, .12);
	color: var(--oc-green-dark);
}

.oc-free-games-type-nav a.is-active .oc-lite-icon {
	background: rgba(255, 255, 255, .12);
	color: #f8df72;
}

.oc-free-games-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 28px;
}

.oc-free-games-topics span {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid rgba(78, 128, 91, .14);
	border-radius: 999px;
	background: #eef8f0;
	color: var(--oc-green-dark);
	font-size: 14px;
	font-weight: 900;
}

.oc-free-games-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 22px;
	padding: 18px;
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(17, 24, 39, .06);
}

.oc-free-games-toolbar strong {
	color: var(--oc-ink);
	font-size: 18px;
	font-weight: 950;
}

.oc-free-games-sort {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}

.oc-free-games-sort a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 8px 13px;
	border: 1px solid var(--oc-line);
	border-radius: 999px;
	background: #f8fafc;
	color: #334155;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
}

.oc-free-games-sort a.is-active {
	border-color: #111827;
	background: #111827;
	color: #fff;
}

.oc-free-games-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(174px, 1fr));
	gap: 16px;
}

.oc-free-game-card {
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 16px 36px rgba(17, 24, 39, .06);
}

.oc-free-game-card__media {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	background:
		radial-gradient(circle at 28% 14%, rgba(213, 178, 67, .2), transparent 32%),
		linear-gradient(145deg, #141827, #242957);
	color: #fff;
	text-decoration: none;
}

.oc-free-game-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-free-game-card__media i {
	font-style: normal;
	font-size: 34px;
	font-weight: 950;
}

.oc-free-game-card__body {
	display: grid;
	gap: 10px;
	padding: 12px;
}

.oc-free-game-card__body > span {
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.oc-free-game-card h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 950;
	line-height: 1.18;
}

.oc-free-game-card h2 a {
	color: var(--oc-ink);
	text-decoration: none;
}

.oc-free-game-card__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.oc-free-game-card__actions a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 10px;
	border-radius: 10px;
	background: var(--oc-copper);
	color: #fff;
	font-size: 13px;
	font-weight: 950;
	text-decoration: none;
}

.oc-free-game-card__actions a + a {
	border: 1px solid var(--oc-line);
	background: #fff;
	color: #28158e;
}

.oc-free-games-pagination {
	margin-top: 28px;
}

.oc-free-games-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-free-games-pagination a,
.oc-free-games-pagination span {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--oc-line);
	border-radius: 999px;
	background: #fff;
	color: var(--oc-ink);
	font-weight: 900;
	text-decoration: none;
}

.oc-free-games-pagination .current {
	background: #111827;
	color: #fff;
}

.oc-free-games-content {
	max-width: 980px;
	margin-top: 46px;
}

.oc-free-games-empty {
	padding: 24px;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background: #fff;
	color: var(--oc-muted);
	font-weight: 850;
}

.oc-free-games-content--library {
	max-width: none;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.oc-free-games-content--library > :not(.slotsl-container):not(style):not(script) {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.oc-free-games-content--library .slotsl-container {
	width: 100% !important;
	max-width: none !important;
	margin: 34px 0 !important;
	padding: 0 !important;
}

.oc-free-games-content--library .slotsl-filters {
	margin-bottom: 18px !important;
	padding: 18px !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 20px !important;
	background:
		radial-gradient(circle at 8% 0%, rgba(213, 178, 67, .22), transparent 30%),
		linear-gradient(135deg, #111827, #1c2450) !important;
	box-shadow: 0 20px 48px rgba(17, 24, 39, .16) !important;
}

.oc-free-games-content--library .sl-filter-container {
	display: grid !important;
	grid-template-columns: minmax(260px, 1.35fr) minmax(180px, .85fr) minmax(180px, .75fr);
	gap: 12px !important;
	align-items: center !important;
}

.oc-free-games-content--library .slotsl-search,
.oc-free-games-content--library .slotsl-providers {
	margin: 0 !important;
}

.oc-free-games-content--library .slotsl-search {
	position: relative;
	display: flex !important;
	align-items: center;
}

.oc-free-games-content--library .slotsl-search input,
.oc-free-games-content--library .slotsl-select,
.oc-free-games-content--library #slots-sort,
.oc-free-games-content--library .slots-select-types,
.oc-free-games-content--library .slots-select-themes {
	width: 100% !important;
	min-height: 54px !important;
	padding: 0 46px 0 16px !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 14px !important;
	background: rgba(255, 255, 255, .96) !important;
	color: var(--oc-ink) !important;
	font-family: var(--oc-body-font) !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	box-shadow: none !important;
	outline: 0 !important;
}

.oc-free-games-content--library .sl-submit-search {
	position: absolute !important;
	right: 7px;
	display: grid !important;
	place-items: center;
	width: 40px !important;
	height: 40px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: #f2ce35 !important;
	color: var(--oc-ink) !important;
}

.oc-free-games-content--library .sl-submit-search svg {
	stroke: currentColor !important;
}

.oc-free-games-content--library .sl-mobile-filter-button {
	display: none !important;
}

.oc-free-games-content--library .sl-mobile-filters {
	margin-top: 12px !important;
	padding-top: 12px !important;
	border-top: 1px solid rgba(255, 255, 255, .12);
}

.oc-free-games-content--library .slotsl-grid {
	grid-template-columns: repeat(auto-fill, minmax(196px, 1fr)) !important;
	gap: 16px !important;
}

.oc-free-games-content--library .slotsl-game {
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 14px 34px rgba(17, 24, 39, .08) !important;
}

.oc-free-games-content--library .slotsl-thumb,
.oc-free-games-content--library .slotsl-thumb img {
	border-radius: 14px 14px 0 0 !important;
}

.oc-free-games-content--library .slotsl-meta {
	padding: 13px !important;
}

/* 2026-06-25: illustrated games-library hero and native game-grid layout. */
.oc-free-games-main {
	background: #fff;
	overflow-x: hidden;
}

.oc-free-games-main .oc-free-games-hero {
	position: relative;
	width: 100%;
	max-width: none;
	min-height: 438px;
	margin: 0;
	padding: 18px 0 92px;
	overflow: hidden;
	background:
		radial-gradient(circle at 86% 18%, rgba(255, 228, 126, .28), transparent 27%),
		radial-gradient(circle at 18% 8%, rgba(255, 255, 255, .22), transparent 24%),
		linear-gradient(135deg, #3915a8 0%, #5a2be7 44%, #3e20bd 100%);
	color: #fff;
}

.oc-free-games-main .oc-free-games-hero::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: min(42vw, 560px);
	background:
		linear-gradient(90deg, rgba(24, 10, 93, .72), rgba(24, 10, 93, .16)),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .13) 0 1px, transparent 1px 92px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .12) 0 1px, transparent 1px 116px);
	opacity: .85;
	content: "";
}

.oc-free-games-main .oc-free-games-hero::after {
	position: absolute;
	inset: auto -8vw -140px auto;
	width: 44vw;
	max-width: 720px;
	aspect-ratio: 1;
	border-radius: 999px;
	background:
		radial-gradient(circle, rgba(244, 207, 59, .24), transparent 62%);
	content: "";
}

.oc-free-games-main .oc-free-games-hero .oc-hero-breadcrumb {
	position: relative;
	z-index: 2;
	width: min(1540px, calc(100% - 32px));
	margin: 0 auto 46px;
	color: rgba(255, 255, 255, .82);
	font-weight: 900;
}

.oc-free-games-main .oc-free-games-hero .oc-hero-breadcrumb a {
	color: #fff;
	text-decoration-color: rgba(255, 255, 255, .72);
}

.oc-free-games-main .oc-free-games-hero__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 430px);
	gap: clamp(28px, 5vw, 84px);
	align-items: center;
	width: min(1540px, calc(100% - 32px));
	margin: 0 auto;
}

.oc-free-games-hero__copy {
	display: grid;
	justify-items: center;
	text-align: center;
}

.oc-free-games-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	color: #fff;
	font-size: 13px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-free-games-main .oc-free-games-hero h1 {
	max-width: 900px;
	margin: 18px auto 0;
	color: #fff;
	font-size: clamp(38px, 4.4vw, 66px);
	font-weight: 950;
	line-height: 1.1;
	text-align: center;
	text-wrap: balance;
}

.oc-free-games-hero-form {
	display: grid;
	grid-template-columns: minmax(280px, 530px) minmax(180px, 230px) auto;
	gap: 12px;
	align-items: center;
	width: min(100%, 900px);
	margin-top: 34px;
}

.oc-free-games-hero-search,
.oc-free-games-hero-provider {
	position: relative;
	display: block;
}

.oc-free-games-hero-search svg {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 24px;
	height: 24px;
	color: #8d90a3;
	transform: translateY(-50%);
}

.oc-free-games-hero-form input,
.oc-free-games-hero-form select,
.oc-free-games-hero-form button {
	width: 100%;
	min-height: 64px;
	border: 0;
	border-radius: 8px;
	font-family: var(--oc-body-font);
	font-size: 18px;
	font-weight: 850;
	box-shadow: 0 18px 38px rgba(27, 13, 86, .18);
}

.oc-free-games-hero-form input,
.oc-free-games-hero-form select {
	background: #fff;
	color: var(--oc-ink);
}

.oc-free-games-hero-form input {
	padding: 0 18px 0 58px;
}

.oc-free-games-hero-form select {
	padding: 0 44px 0 20px;
	appearance: auto;
}

.oc-free-games-hero-form button {
	padding: 0 24px;
	background: #f2ce35;
	color: #151827;
	cursor: pointer;
}

.oc-free-games-hero__scene {
	position: relative;
	min-height: 300px;
}

.oc-free-games-hero__tiles {
	position: absolute;
	top: 12px;
	right: 112px;
	display: grid;
	grid-template-columns: repeat(2, 94px);
	gap: 12px;
	opacity: .62;
	transform: rotate(-4deg);
}

.oc-free-games-hero__tiles span {
	display: grid;
	place-items: center;
	min-height: 72px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 15px;
	font-weight: 950;
	backdrop-filter: blur(5px);
}

.oc-free-games-hero__train {
	position: absolute;
	right: 106px;
	bottom: 32px;
	width: 190px;
	height: 90px;
	border-radius: 54px 54px 16px 16px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(250, 210, 82, .96));
	box-shadow: 0 20px 42px rgba(37, 19, 118, .38);
}

.oc-free-games-hero__train::before {
	position: absolute;
	top: -36px;
	left: 30px;
	width: 82px;
	height: 58px;
	border-radius: 48px 48px 10px 10px;
	background: #f66fb5;
	content: "";
}

.oc-free-games-hero__train i {
	position: absolute;
	bottom: -14px;
	width: 34px;
	height: 34px;
	border: 7px solid #5a2be7;
	border-radius: 999px;
	background: #fff;
}

.oc-free-games-hero__train i:nth-child(1) {
	left: 28px;
}

.oc-free-games-hero__train i:nth-child(2) {
	left: 78px;
}

.oc-free-games-hero__train i:nth-child(3) {
	left: 128px;
}

.oc-free-games-hero__bear {
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 132px;
	height: 132px;
	border-radius: 44% 44% 50% 50%;
	background:
		radial-gradient(circle at 38% 42%, #fff 0 7px, transparent 8px),
		radial-gradient(circle at 62% 42%, #fff 0 7px, transparent 8px),
		linear-gradient(145deg, #ff72ac, #e4488e);
	box-shadow: 0 20px 44px rgba(55, 18, 112, .38);
}

.oc-free-games-hero__bear span {
	position: absolute;
	top: -20px;
	width: 46px;
	height: 46px;
	border-radius: 999px;
	background: #f05b9b;
}

.oc-free-games-hero__bear span:first-child {
	left: 4px;
}

.oc-free-games-hero__bear span:nth-child(2) {
	right: 4px;
}

.oc-free-games-hero__bear i {
	position: absolute;
	left: 48px;
	bottom: 32px;
	width: 36px;
	height: 16px;
	border-radius: 0 0 999px 999px;
	background: #fff;
}

.oc-free-games-hero__coin {
	position: absolute;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: #f2ce35;
	color: #6b5815;
	font-size: 28px;
	font-weight: 950;
	box-shadow: 0 12px 28px rgba(87, 56, 6, .18);
}

.oc-free-games-hero__coin--one {
	top: 58px;
	right: 24px;
	transform: rotate(18deg);
}

.oc-free-games-hero__coin--two {
	top: 140px;
	right: 292px;
	transform: rotate(-16deg);
}

.oc-free-games-main .oc-free-games-shell {
	position: relative;
	z-index: 4;
	width: min(1540px, calc(100% - 32px));
	margin: -62px auto 0;
	padding-bottom: 66px;
}

.oc-free-games-main .oc-free-games-type-nav {
	display: grid;
	grid-template-columns: repeat(9, minmax(118px, 1fr));
	gap: 14px;
	margin: 0 0 24px;
	padding: 0;
}

.oc-free-games-type-card {
	display: grid !important;
	place-items: center;
	gap: 9px;
	min-height: 132px !important;
	padding: 18px 12px !important;
	border: 1px solid rgba(229, 231, 235, .96) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #4b19bf !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.2;
	text-align: center;
	box-shadow: 0 16px 34px rgba(17, 24, 39, .12) !important;
}

.oc-free-games-type-card.is-active {
	border-color: #5a2be7 !important;
	background: #efecff !important;
	color: #32118c !important;
	box-shadow: 0 18px 38px rgba(57, 21, 168, .2) !important;
}

.oc-free-games-type-card__label {
	display: block;
}

.oc-free-games-type-card__art {
	position: relative;
	display: grid;
	place-items: center;
	width: 64px;
	height: 62px;
	color: #4b19bf;
}

.oc-art-grid {
	display: grid;
	grid-template-columns: repeat(2, 20px);
	gap: 5px;
}

.oc-art-grid i,
.oc-art-tile,
.oc-art-card,
.oc-art-machine,
.oc-art-wheel,
.oc-art-joystick,
.oc-art-ball,
.oc-art-chip,
.oc-art-chart {
	box-shadow: 0 8px 18px rgba(75, 25, 191, .16);
}

.oc-art-grid i {
	width: 20px;
	height: 20px;
	border-radius: 7px;
	background: #e8e3ff;
}

.oc-art-grid i:nth-child(2),
.oc-art-grid i:nth-child(3) {
	background: #f8d85b;
}

.oc-art-machine {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 16px);
	gap: 4px;
	padding: 13px 7px 8px;
	border: 3px solid #4b19bf;
	border-radius: 12px;
	background: #fff;
}

.oc-art-machine i {
	position: absolute;
	top: -10px;
	right: -8px;
	width: 10px;
	height: 18px;
	border-radius: 999px;
	background: #f2ce35;
}

.oc-art-machine b {
	display: grid;
	place-items: center;
	width: 16px;
	height: 22px;
	border-radius: 5px;
	background: #eee9ff;
	color: #4b19bf;
	font-size: 12px;
	font-weight: 950;
}

.oc-art-card {
	position: absolute;
	display: grid;
	place-items: center;
	width: 34px;
	height: 46px;
	border-radius: 8px;
	background: #fff;
	color: #4b19bf;
	font-size: 18px;
	font-weight: 950;
	transform: rotate(-10deg) translate(-7px, 1px);
}

.oc-art-card--two {
	background: #efeaff;
	transform: rotate(10deg) translate(11px, 3px);
}

.oc-art-wheel {
	width: 54px;
	height: 54px;
	border: 5px solid #4b19bf;
	border-radius: 999px;
	background:
		conic-gradient(#fff 0 12%, #e9e4ff 12% 24%, #f2ce35 24% 36%, #fff 36% 48%, #e9e4ff 48% 60%, #f2ce35 60% 72%, #fff 72% 84%, #e9e4ff 84% 100%);
}

.oc-art-wheel i,
.oc-art-wheel b {
	position: absolute;
	inset: 25px 9px auto;
	height: 3px;
	border-radius: 999px;
	background: #4b19bf;
}

.oc-art-wheel b {
	transform: rotate(90deg);
}

.oc-art-joystick {
	position: relative;
	width: 58px;
	height: 40px;
	margin-top: 14px;
	border: 3px solid #4b19bf;
	border-radius: 17px 17px 12px 12px;
	background: #fff;
}

.oc-art-joystick i {
	position: absolute;
	top: -22px;
	left: 23px;
	width: 8px;
	height: 24px;
	border-radius: 999px;
	background: #4b19bf;
}

.oc-art-joystick b {
	position: absolute;
	top: -28px;
	left: 16px;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background: #f2ce35;
}

.oc-art-play {
	position: absolute;
	right: 0;
	bottom: 5px;
	width: 34px;
	height: 34px;
	border-radius: 9px;
	background: #eda52c;
}

.oc-art-play::before {
	position: absolute;
	top: 8px;
	left: 12px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #fff;
	content: "";
}

.oc-art-tile {
	position: absolute;
	left: 4px;
	width: 40px;
	height: 48px;
	border-radius: 9px;
	background: #fff;
	transform: rotate(-8deg);
}

.oc-art-tile i,
.oc-art-tile b {
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 4px;
	background: #eda52c;
}

.oc-art-tile i {
	top: 10px;
	left: 10px;
}

.oc-art-tile b {
	right: 9px;
	bottom: 10px;
	background: #4b19bf;
}

.oc-art-chip {
	position: absolute;
	right: 4px;
	width: 32px;
	height: 32px;
	border: 5px dotted #4b19bf;
	border-radius: 999px;
	background: #f2ce35;
}

.oc-art-ball {
	position: absolute;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	background: #f2ce35;
	color: #4b19bf;
	font-size: 17px;
	font-weight: 950;
	transform: translate(-11px, 5px);
}

.oc-art-ball--two {
	background: #fff;
	transform: translate(13px, -7px);
}

.oc-art-chart {
	position: relative;
	width: 58px;
	height: 48px;
	border-left: 3px solid #4b19bf;
	border-bottom: 3px solid #4b19bf;
}

.oc-art-chart i {
	position: absolute;
	left: 8px;
	bottom: 11px;
	width: 40px;
	height: 24px;
	border-top: 5px solid #eda52c;
	border-right: 5px solid #eda52c;
	transform: skew(-18deg);
}

.oc-art-chart b {
	position: absolute;
	right: 0;
	top: 2px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #eda52c;
	border-right: 5px solid #eda52c;
	transform: rotate(45deg);
}

.oc-free-games-main .oc-free-games-topics {
	justify-content: center;
	margin-bottom: 34px;
}

.oc-free-games-main .oc-free-games-content {
	max-width: none;
	margin-top: 0;
}

.oc-free-games-prose {
	max-width: 980px;
	margin: 54px auto 0;
}

.oc-free-games-content--library .slotsl-filters {
	margin-bottom: 22px !important;
	padding: 18px !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 16px 42px rgba(17, 24, 39, .08) !important;
}

.oc-free-games-content--library .sl-filter-container {
	grid-template-columns: minmax(260px, 1.15fr) minmax(190px, .85fr) minmax(170px, .7fr) !important;
}

.oc-free-games-content--library .slotsl-search input,
.oc-free-games-content--library .slotsl-select,
.oc-free-games-content--library #slots-sort,
.oc-free-games-content--library .slots-select-types,
.oc-free-games-content--library .slots-select-themes {
	border-color: #dbe2ef !important;
	background: #fff !important;
}

.oc-free-games-content--library .sl-submit-search {
	background: #4e805b !important;
	color: #fff !important;
}

@media (max-width: 1180px) {
	.oc-free-games-main .oc-free-games-type-nav {
		display: flex;
		overflow-x: auto;
		padding-bottom: 12px;
		scroll-snap-type: x proximity;
	}

	.oc-free-games-type-card {
		min-width: 138px;
		scroll-snap-align: start;
	}
}

@media (max-width: 900px) {
	.oc-free-games-main .oc-free-games-hero {
		min-height: 0;
		padding-bottom: 86px;
	}

	.oc-free-games-main .oc-free-games-hero::before,
	.oc-free-games-hero__scene {
		display: none;
	}

	.oc-free-games-main .oc-free-games-hero__inner {
		grid-template-columns: 1fr;
	}

	.oc-free-games-hero-form {
		grid-template-columns: 1fr;
	}

	.oc-free-games-hero-form button {
		min-height: 56px;
	}
}

@media (max-width: 640px) {
	.oc-free-games-main .oc-free-games-hero {
		padding: 16px 0 76px;
	}

	.oc-free-games-main .oc-free-games-hero .oc-hero-breadcrumb,
	.oc-free-games-main .oc-free-games-hero__inner,
	.oc-free-games-main .oc-free-games-shell {
		width: calc(100% - 22px);
	}

	.oc-free-games-main .oc-free-games-hero h1 {
		font-size: clamp(34px, 12vw, 48px);
	}

	.oc-free-games-hero-form input,
	.oc-free-games-hero-form select,
	.oc-free-games-hero-form button {
		min-height: 58px;
		font-size: 16px;
	}

	.oc-free-games-main .oc-free-games-shell {
		margin-top: -48px;
	}

	.oc-free-games-type-card {
		min-width: 128px;
		min-height: 118px !important;
		font-size: 15px !important;
	}

	.oc-free-games-type-card__art {
		transform: scale(.9);
	}
}

/* 2026-06-25: darker branded games hub, custom game-grid controls, safer card text. */
.oc-free-games-main .oc-free-games-hero {
	background:
		radial-gradient(circle at 86% 18%, rgba(213, 178, 67, .18), transparent 28%),
		radial-gradient(circle at 16% 8%, rgba(78, 128, 91, .28), transparent 25%),
		linear-gradient(115deg, #111520 0%, #111520 48%, #213f36 100%) !important;
}

.oc-free-games-main .oc-free-games-hero::before {
	background:
		linear-gradient(90deg, rgba(17, 21, 32, .9), rgba(17, 21, 32, .18)),
		repeating-linear-gradient(0deg, rgba(255, 255, 255, .08) 0 1px, transparent 1px 92px),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .07) 0 1px, transparent 1px 116px) !important;
}

.oc-free-games-main .oc-free-games-hero::after {
	background: radial-gradient(circle, rgba(213, 178, 67, .2), transparent 62%) !important;
}

.oc-free-games-hero__eyebrow {
	border-color: rgba(213, 178, 67, .34) !important;
	background: rgba(213, 178, 67, .12) !important;
	color: #f8df72 !important;
}

.oc-free-games-hero-form input,
.oc-free-games-hero-form select {
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .98) !important;
}

.oc-free-games-hero-form button {
	background: var(--oc-copper) !important;
	color: #fff !important;
}

.oc-free-games-hero__tiles span {
	border-color: rgba(213, 178, 67, .22) !important;
	background: rgba(255, 255, 255, .085) !important;
}

.oc-free-games-hero__train {
	border: 1px solid rgba(255, 255, 255, .16);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035)),
		linear-gradient(135deg, #18231f, #315340) !important;
	box-shadow: 0 28px 64px rgba(0, 0, 0, .28) !important;
}

.oc-free-games-hero__train::before {
	background: #d5b243 !important;
	box-shadow: inset 0 0 0 10px rgba(17, 21, 32, .22);
}

.oc-free-games-hero__train i {
	border-color: #d5b243 !important;
	background: #111520 !important;
}

.oc-free-games-hero__bear {
	display: grid;
	place-items: center;
	border: 10px dotted rgba(255, 255, 255, .72);
	background:
		radial-gradient(circle at center, #f8df72 0 28%, #d5b243 29% 100%) !important;
	box-shadow: 0 24px 54px rgba(0, 0, 0, .28) !important;
}

.oc-free-games-hero__bear span,
.oc-free-games-hero__bear i {
	display: none;
}

.oc-free-games-type-card {
	color: var(--oc-green-dark) !important;
}

.oc-free-games-type-card.is-active {
	border-color: rgba(78, 128, 91, .54) !important;
	background: #eef8f0 !important;
	color: var(--oc-green-dark) !important;
	box-shadow: 0 18px 38px rgba(78, 128, 91, .18) !important;
}

.oc-free-games-type-card__art {
	color: var(--oc-green-dark) !important;
}

.oc-art-grid i,
.oc-art-card--two,
.oc-art-machine b {
	background: #eef8f0 !important;
}

.oc-art-grid i:nth-child(2),
.oc-art-grid i:nth-child(3),
.oc-art-machine i,
.oc-art-play,
.oc-art-chip,
.oc-art-ball,
.oc-art-joystick b {
	background: #d5b243 !important;
}

.oc-art-machine,
.oc-art-wheel,
.oc-art-joystick {
	border-color: var(--oc-green-dark) !important;
}

.oc-art-wheel i,
.oc-art-wheel b,
.oc-art-joystick i,
.oc-art-chart {
	border-color: var(--oc-green-dark) !important;
}

.oc-free-games-filter-panel {
	margin: 0 0 26px;
	padding: 18px;
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 46px rgba(17, 24, 39, .08);
}

.oc-free-games-filter-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.oc-free-games-filter-panel__head strong {
	color: var(--oc-ink);
	font-size: 18px;
	font-weight: 950;
}

.oc-free-games-filter-panel__head a {
	color: var(--oc-green-dark);
	font-size: 14px;
	font-weight: 900;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.oc-free-games-filter-grid {
	display: grid;
	grid-template-columns: minmax(220px, 1.25fr) repeat(4, minmax(140px, .75fr)) minmax(116px, auto);
	gap: 12px;
	align-items: end;
}

.oc-free-games-filter-field {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.oc-free-games-filter-field span,
.oc-free-games-megaways span {
	color: #647084;
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-free-games-filter-field input,
.oc-free-games-filter-field select {
	width: 100%;
	min-height: 52px;
	padding: 0 14px;
	border: 1px solid #dbe2ef;
	border-radius: 12px;
	background: #fff;
	color: var(--oc-ink);
	font-family: var(--oc-body-font);
	font-size: 15px;
	font-weight: 850;
	outline: 0;
}

.oc-free-games-megaways {
	display: grid;
	grid-template-columns: auto 58px;
	grid-template-rows: auto 52px;
	column-gap: 10px;
	align-items: center;
}

.oc-free-games-megaways span {
	grid-column: 1 / -1;
}

.oc-free-games-megaways input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.oc-free-games-megaways i {
	position: relative;
	display: block;
	width: 58px;
	height: 34px;
	border-radius: 999px;
	background: #d1d5db;
	cursor: pointer;
}

.oc-free-games-megaways i::before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 26px;
	height: 26px;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(17, 24, 39, .18);
	content: "";
	transition: transform .18s ease;
}

.oc-free-games-megaways input:checked + i {
	background: var(--oc-green-dark);
}

.oc-free-games-megaways input:checked + i::before {
	transform: translateX(24px);
}

.oc-free-games-filter-grid button {
	grid-column: 1 / -1;
	justify-self: end;
	min-width: 150px;
	min-height: 52px;
	padding: 0 20px;
	border: 0;
	border-radius: 12px;
	background: var(--oc-copper);
	color: #fff;
	font-family: var(--oc-body-font);
	font-size: 15px;
	font-weight: 950;
	cursor: pointer;
}

.oc-free-games-content--library.is-loading {
	opacity: .55;
	pointer-events: none;
}

.oc-free-games-content--library .slotsl-filters {
	display: none !important;
}

.oc-free-games-content--library .slotsl-container {
	scroll-margin-top: 28px;
}

.oc-free-games-content--library .slotsl-grid {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
	gap: 18px !important;
}

.oc-free-games-content--library .slotsl-game {
	display: flex !important;
	flex-direction: column;
	min-width: 0;
}

.oc-free-games-content--library .slotsl-thumb {
	flex: 0 0 auto;
}

.oc-free-games-content--library .slotsl-meta {
	position: static !important;
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-height: 96px;
	padding: 14px 16px 16px !important;
}

.oc-free-games-content--library .slotsl-meta p.slotsl-title {
	display: block !important;
	width: 100%;
	min-height: 44px;
	margin: 0 !important;
}

.oc-free-games-content--library .slotsl-meta .slotsl-title a {
	display: -webkit-box !important;
	overflow: hidden;
	color: var(--oc-ink) !important;
	font-size: 19px !important;
	line-height: 1.12 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.oc-free-games-content--library .slotsl-meta .slotsl-provider {
	position: static !important;
	display: block !important;
	width: 100%;
	margin: auto 0 0 !important;
	color: var(--oc-green-dark) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	white-space: normal !important;
}

.oc-free-games-content--library .slotsl-load-more {
	display: flex !important;
	justify-content: center;
	margin: 30px 0 8px !important;
}

.oc-free-games-content--library .slotsl-load-more-btn {
	min-height: 52px;
	padding: 0 26px !important;
	border: 1px solid var(--oc-green-dark) !important;
	border-radius: 999px !important;
	background: var(--oc-green-dark) !important;
	color: #fff !important;
	font-family: var(--oc-body-font) !important;
	font-size: 15px !important;
	font-weight: 950 !important;
	box-shadow: 0 16px 34px rgba(47, 125, 91, .2) !important;
	transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.oc-free-games-content--library .slotsl-load-more-btn:hover,
.oc-free-games-content--library .slotsl-load-more-btn:focus-visible {
	border-color: #111520 !important;
	background: #111520 !important;
	color: #fff !important;
	box-shadow: 0 18px 36px rgba(17, 21, 32, .28) !important;
	transform: translateY(-2px);
}

/* 2026-06-26: restore hero search while keeping tactile game-type cards. */
.oc-free-games-main .oc-free-games-topics,
.oc-free-games-main .oc-free-games-filter-panel {
	display: none !important;
}

.oc-free-games-main .oc-free-games-hero-form {
	display: grid !important;
	grid-template-columns: minmax(360px, 1fr) 220px 132px 220px;
	justify-self: start;
	width: min(calc(100vw - 32px), 1060px);
	margin-top: 34px;
}

.oc-free-games-main .oc-free-games-hero-form button {
	white-space: nowrap;
}

.oc-free-games-main .oc-free-games-hero-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f2ce35 !important;
	color: #151827 !important;
	box-shadow: 0 18px 38px rgba(87, 56, 6, .2) !important;
}

.oc-free-games-main .oc-free-games-hero-form button[type="submit"]:hover,
.oc-free-games-main .oc-free-games-hero-form button[type="submit"]:focus-visible {
	filter: brightness(1.04);
	transform: translateY(-1px);
}

.oc-free-games-more-filters {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 220px;
	padding-right: 20px !important;
	padding-left: 20px !important;
	border: 1px solid rgba(255, 255, 255, .28) !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #fff !important;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .16) !important;
	backdrop-filter: blur(8px);
}

.oc-free-games-more-filters::after {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
	content: "";
}

.oc-free-games-more-filters:hover,
.oc-free-games-more-filters:focus-visible {
	background: rgba(255, 255, 255, .2) !important;
	transform: translateY(-1px);
}

.oc-free-games-more-filters[aria-expanded="true"]::after {
	transform: rotate(225deg) translate(-2px, -1px);
}

.oc-free-games-main .oc-free-games-type-nav {
	margin: 0 0 28px;
}

.oc-free-games-content--library.is-native-filters-open .slotsl-filters {
	display: block !important;
}

.oc-free-games-content--library.is-native-filters-open .slotsl-container {
	margin-top: 24px !important;
}

.oc-free-games-type-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	text-decoration: none !important;
	transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
	will-change: transform;
}

.oc-free-games-type-card::before {
	position: absolute;
	inset: 8px;
	z-index: -1;
	border-radius: 7px;
	background:
		radial-gradient(circle at 50% 22%, rgba(213, 178, 67, .22), transparent 42%),
		linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(238, 248, 240, .74));
	opacity: 0;
	transform: scale(.88);
	transition: opacity .22s ease, transform .22s ease;
	content: "";
}

.oc-free-games-type-card:hover,
.oc-free-games-type-card:focus-visible {
	border-color: rgba(78, 128, 91, .72) !important;
	background: #fff !important;
	color: var(--oc-green-dark) !important;
	box-shadow: 0 24px 46px rgba(17, 24, 39, .16), 0 0 0 4px rgba(213, 178, 67, .12) !important;
	transform: translateY(-7px);
}

.oc-free-games-type-card:hover::before,
.oc-free-games-type-card:focus-visible::before,
.oc-free-games-type-card.is-active::before {
	opacity: 1;
	transform: scale(1);
}

.oc-free-games-type-card:focus-visible {
	outline: 3px solid rgba(213, 178, 67, .72);
	outline-offset: 4px;
}

.oc-free-games-type-card.is-active {
	border-color: var(--oc-green-dark) !important;
	background: #eef8f0 !important;
	box-shadow: 0 22px 46px rgba(78, 128, 91, .2), inset 0 -4px 0 rgba(213, 178, 67, .82) !important;
}

.oc-free-games-type-card__art,
.oc-free-games-type-card__label {
	transition: transform .22s ease, color .22s ease;
}

.oc-free-games-type-card:hover .oc-free-games-type-card__art,
.oc-free-games-type-card:focus-visible .oc-free-games-type-card__art {
	transform: translateY(-5px) scale(1.07);
}

.oc-free-games-type-card:hover .oc-free-games-type-card__label,
.oc-free-games-type-card:focus-visible .oc-free-games-type-card__label {
	transform: translateY(-2px);
}

.oc-free-games-type-card:hover .oc-art-grid i,
.oc-free-games-type-card:focus-visible .oc-art-grid i,
.oc-free-games-type-card:hover .oc-art-card,
.oc-free-games-type-card:focus-visible .oc-art-card,
.oc-free-games-type-card:hover .oc-art-machine,
.oc-free-games-type-card:focus-visible .oc-art-machine,
.oc-free-games-type-card:hover .oc-art-wheel,
.oc-free-games-type-card:focus-visible .oc-art-wheel,
.oc-free-games-type-card:hover .oc-art-joystick,
.oc-free-games-type-card:focus-visible .oc-art-joystick,
.oc-free-games-type-card:hover .oc-art-ball,
.oc-free-games-type-card:focus-visible .oc-art-ball,
.oc-free-games-type-card:hover .oc-art-chip,
.oc-free-games-type-card:focus-visible .oc-art-chip,
.oc-free-games-type-card:hover .oc-art-chart,
.oc-free-games-type-card:focus-visible .oc-art-chart {
	box-shadow: 0 14px 26px rgba(78, 128, 91, .2);
}

@media (prefers-reduced-motion: reduce) {
	.oc-free-games-type-card,
	.oc-free-games-type-card::before,
	.oc-free-games-type-card__art,
	.oc-free-games-type-card__label {
		transition: none;
	}

	.oc-free-games-type-card:hover,
	.oc-free-games-type-card:focus-visible,
	.oc-free-games-type-card:hover .oc-free-games-type-card__art,
	.oc-free-games-type-card:focus-visible .oc-free-games-type-card__art,
	.oc-free-games-type-card:hover .oc-free-games-type-card__label,
	.oc-free-games-type-card:focus-visible .oc-free-games-type-card__label {
		transform: none;
	}
}

@media (max-width: 1080px) {
	.oc-free-games-filter-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.oc-free-games-filter-grid button {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.oc-free-games-filter-panel {
		padding: 14px;
		border-radius: 16px;
	}

	.oc-free-games-filter-panel__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.oc-free-games-filter-grid {
		grid-template-columns: 1fr;
	}

	.oc-free-games-megaways {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto;
	}

	.oc-free-games-megaways span {
		grid-column: auto;
	}
}

/* 2026-06-30: editor-controlled FAQ output, compact enough for posts, pages and slots. */
.oc-faq-block {
	max-width: min(980px, 100%);
	margin: clamp(32px, 4vw, 52px) auto;
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid var(--oc-line);
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(244, 250, 245, .86), rgba(255, 255, 255, .98) 42%),
		#fff;
	box-shadow: 0 18px 44px rgba(17, 24, 39, .06);
	text-align: left;
}

.oc-faq-head {
	max-width: 780px;
	margin: 0 0 20px;
}

.oc-faq-block h2 {
	margin: 10px 0 8px;
	color: var(--oc-ink);
	font-size: clamp(30px, 3.2vw, 46px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.08;
	text-align: left;
}

.oc-faq-eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 6px 13px;
	border-radius: 999px;
	background: #111827;
	color: #f2ce35;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.oc-faq-intro {
	max-width: 700px;
	margin: 0;
	color: var(--oc-muted);
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.55;
	text-align: left;
}

.oc-faq-list {
	display: grid;
	gap: 10px !important;
	max-width: none;
	margin: 0;
}

.oc-faq-item {
	overflow: hidden;
	padding: 0 !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 8px 24px rgba(17, 24, 39, .045) !important;
	text-align: left;
}

.oc-faq-item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 62px !important;
	padding: 16px 64px 16px 18px !important;
	color: var(--oc-ink);
	font-size: clamp(17px, 1.45vw, 21px);
	font-weight: 850;
	line-height: 1.25;
	cursor: pointer;
	list-style: none;
	position: relative;
}

.oc-faq-item summary::-webkit-details-marker {
	display: none;
}

.oc-faq-item summary::after {
	display: grid;
	place-items: center;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 38px;
	height: 38px;
	transform: translateY(-50%);
	border-radius: 999px;
	background: #f2ce35;
	color: #111827;
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	content: "+";
}

.oc-faq-item[open] summary::after {
	content: "-";
}

.oc-faq-answer {
	padding: 0 18px 18px;
}

.oc-faq-answer p {
	margin: 0 0 10px;
	color: var(--oc-muted);
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}

.oc-faq-answer p:last-child {
	margin-bottom: 0;
}

@media (max-width: 820px) {
	.oc-free-games-hero,
	.oc-free-games-shell {
		width: calc(100% - 22px);
	}

	.oc-free-games-hero__inner,
	.oc-free-games-type-nav,
	.oc-free-games-toolbar {
		grid-template-columns: 1fr;
	}

	.oc-free-games-hero__inner {
		display: grid;
	}

	.oc-free-games-count {
		justify-self: start;
		min-width: 144px;
		min-height: 112px;
	}

	.oc-free-games-toolbar {
		display: grid;
		align-items: stretch;
	}

	.oc-free-games-sort {
		justify-content: flex-start;
	}

	.oc-free-games-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.oc-free-games-content--library .sl-filter-container {
		grid-template-columns: 1fr;
	}

	.oc-faq-block {
		padding: 18px 12px;
		border-radius: 16px;
	}

	.oc-faq-item summary {
		padding: 15px 58px 15px 16px !important;
	}

	.oc-faq-item summary::after {
		right: 14px;
		width: 34px;
		height: 34px;
	}
}

.oc-review-directory-card > div:not(.oc-review-directory-card__media),
.oc-review-directory-card .oc-card-actions {
	padding-right: 20px;
	padding-left: 20px;
}

.oc-review-directory-card__media + div {
	padding-top: 18px;
}

.oc-review-directory-card .oc-card-actions {
	padding-bottom: 20px;
}

.oc-review-row {
	grid-template-columns: 118px minmax(0, 1fr) auto auto !important;
	gap: 18px !important;
}

.oc-review-row .oc-row-score {
	display: block;
	min-width: 76px;
	text-align: right;
}

.oc-review-row .oc-row-score strong {
	display: block;
	color: var(--oc-ink);
	font-size: 15px;
	font-weight: 950;
}

@media (max-width: 760px) {
	.oc-review-directory-featured {
		grid-template-columns: 1fr;
	}

	.oc-review-row {
		grid-template-columns: 92px minmax(0, 1fr) !important;
	}

	.oc-review-row__media {
		width: 92px;
		min-height: 78px;
		padding: 12px;
	}

	.oc-review-row__media .oc-bonus-card__logo {
		height: 48px;
	}

	.oc-review-row .oc-row-score,
	.oc-review-row .oc-row-actions {
		grid-column: 1 / -1;
		text-align: left;
	}
}

/* 2026-06-26: post-hero money page casino picks. */
.oc-money-picks {
	position: relative;
	overflow: hidden;
	display: grid;
	gap: clamp(18px, 2.2vw, 28px);
	margin-top: clamp(18px, 3vw, 34px);
	margin-bottom: clamp(24px, 4vw, 46px);
	padding: clamp(18px, 2.5vw, 34px);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 24px;
	background:
		radial-gradient(circle at 8% 0, rgba(215, 170, 53, .2), transparent 30%),
		radial-gradient(circle at 96% 8%, rgba(47, 125, 91, .3), transparent 34%),
		linear-gradient(135deg, #101521 0%, #172033 55%, #102418 100%);
	color: #fff;
	box-shadow: 0 26px 70px rgba(17, 21, 32, .22);
}

.oc-money-picks::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, .08), transparent 28%, rgba(255, 255, 255, .05));
	opacity: .55;
}

.oc-money-picks > * {
	position: relative;
	z-index: 1;
}

.oc-money-picks__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 22px;
}

.oc-money-picks .oc-kicker {
	background: rgba(233, 247, 239, .12);
	color: #dcefe5;
}

.oc-money-picks h2 {
	max-width: 820px;
	margin: 10px 0 8px;
	color: #fff;
	font-size: clamp(30px, 3vw, 48px);
	line-height: 1;
}

.oc-money-picks__head p {
	max-width: 760px;
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: clamp(16px, 1.1vw, 19px);
	line-height: 1.55;
}

.oc-money-picks__head > strong {
	flex: 0 0 auto;
	padding: 13px 18px;
	border: 1px solid rgba(215, 170, 53, .36);
	border-radius: 999px;
	background: rgba(255, 244, 211, .96);
	color: #695015;
	font-family: var(--oc-display-font);
	font-weight: 950;
	white-space: nowrap;
}

.oc-money-picks__featured {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.oc-money-pick-card {
	overflow: hidden;
	display: grid;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
	background: #fff;
	color: var(--oc-ink);
	box-shadow: 0 22px 44px rgba(0, 0, 0, .18);
}

.oc-money-pick-card__brand {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 156px;
	padding: 24px;
	background: linear-gradient(135deg, #172033, #235f47);
}

.oc-money-pick-card__brand .oc-logo-medallion {
	width: min(72%, 210px);
	height: 96px;
	padding: 0;
	border: 0;
	background: transparent !important;
	box-shadow: none;
}

.oc-money-pick-card__brand .oc-logo-medallion img,
.oc-money-pick-row__logo .oc-logo-medallion img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0;
}

.oc-money-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #fff;
	color: #2f1aa1;
	font-family: var(--oc-display-font);
	font-size: 18px;
	font-weight: 950;
	box-shadow: 0 10px 22px rgba(17, 21, 32, .18);
}

.oc-money-pick-card__brand .oc-money-rank {
	position: absolute;
	top: 14px;
	left: 14px;
}

.oc-money-pick-card__body {
	display: grid;
	gap: 10px;
	padding: 18px;
}

.oc-money-pick-card__body > span {
	width: fit-content;
	padding: 7px 10px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
}

.oc-money-pick-card h3,
.oc-money-pick-row h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(22px, 1.7vw, 28px);
	line-height: 1.05;
}

.oc-money-pick-card p,
.oc-money-pick-row p {
	margin: 0;
	color: var(--oc-muted);
	font-weight: 850;
	line-height: 1.3;
}

.oc-money-pick-card p a,
.oc-money-pick-row p a {
	color: #2f1aa1;
	text-decoration: none;
}

.oc-money-pick-card ul {
	display: grid;
	gap: 6px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

.oc-money-pick-card li {
	position: relative;
	padding-left: 18px;
	color: var(--oc-text);
	font-size: 14px;
	font-weight: 850;
}

.oc-money-pick-card li::before {
	content: "";
	position: absolute;
	top: .55em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: var(--oc-green);
}

.oc-money-pick-card .oc-button,
.oc-money-pick-row .oc-button {
	min-height: 48px;
	margin-top: 4px;
	background: linear-gradient(135deg, #ad562f, #8f4428) !important;
	color: #fff !important;
	box-shadow: 0 16px 34px rgba(173, 86, 47, .24);
}

.oc-money-pick-card .oc-button:hover,
.oc-money-pick-card .oc-button:focus-visible,
.oc-money-pick-row .oc-button:hover,
.oc-money-pick-row .oc-button:focus-visible {
	background: var(--oc-ink) !important;
	transform: translateY(-1px);
}

.oc-money-pick-card .oc-text-link {
	text-align: center;
}

.oc-money-picks__more {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.oc-money-pick-row {
	display: grid;
	grid-template-columns: auto 90px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .96);
	color: var(--oc-ink);
	box-shadow: 0 16px 34px rgba(0, 0, 0, .12);
}

.oc-money-pick-row__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	min-height: 74px;
	border-radius: 12px;
	background: linear-gradient(135deg, #172033, #235f47);
}

.oc-money-pick-row__logo .oc-logo-medallion {
	width: 76px;
	height: 48px;
	padding: 0;
	border: 0;
	background: transparent !important;
	box-shadow: none;
}

.oc-money-pick-row__copy {
	display: grid;
	gap: 5px;
}

.oc-money-pick-row h3 {
	font-size: 22px;
}

.oc-money-pick-row .oc-terms-hover > span,
.oc-money-pick-card .oc-terms-hover > span {
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 950;
}

.oc-money-pick-row .oc-button {
	min-width: 104px;
	margin-top: 0;
}

@media (max-width: 1120px) {
	.oc-money-picks__featured,
	.oc-money-picks__more {
		grid-template-columns: 1fr;
	}

	.oc-money-pick-row {
		grid-template-columns: auto 86px minmax(0, 1fr) auto;
	}
}

@media (max-width: 760px) {
	.oc-money-picks {
		border-radius: 18px;
	}

	.oc-money-picks__head {
		display: grid;
		align-items: start;
	}

	.oc-money-picks h2 {
		font-size: clamp(28px, 9vw, 38px);
	}

	.oc-money-pick-row {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.oc-money-pick-row__logo,
	.oc-money-pick-row__copy,
	.oc-money-pick-row .oc-button {
		grid-column: 1 / -1;
	}

	.oc-money-pick-row__logo {
		width: 100%;
		min-height: 92px;
	}

	.oc-money-pick-row .oc-button {
		width: 100%;
	}
}

/* 2026-06-26: make money picks read as an in-content CTA, not a second hero. */
.oc-prose > .oc-money-picks {
	overflow: visible;
	gap: 18px;
	margin: 0 0 clamp(28px, 4vw, 44px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--oc-text);
	box-shadow: none;
}

.oc-prose > .oc-money-picks::before {
	display: none;
}

.oc-prose > .oc-money-picks .oc-money-picks__head {
	align-items: center;
	margin: 0 0 4px;
	padding: 16px 18px;
	border: 1px solid var(--oc-line);
	border-left: 5px solid var(--oc-green);
	border-radius: 12px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .11), transparent 34%),
		#fff;
	box-shadow: 0 12px 28px rgba(17, 21, 32, .06);
}

.oc-prose > .oc-money-picks .oc-kicker {
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-prose > .oc-money-picks h2 {
	margin: 7px 0 5px;
	color: var(--oc-ink);
	font-size: clamp(24px, 2.3vw, 34px);
	line-height: 1.08;
}

.oc-prose > .oc-money-picks .oc-money-picks__head p {
	max-width: 640px;
	margin: 0;
	color: var(--oc-muted);
	font-size: 16px;
	line-height: 1.45;
}

.oc-prose > .oc-money-picks .oc-money-picks__head > strong {
	background: var(--oc-gold-soft);
}

.oc-prose > .oc-money-picks .oc-money-picks__featured {
	gap: 12px;
}

.oc-prose > .oc-money-picks .oc-money-pick-card {
	border-color: var(--oc-line);
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .08);
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand {
	min-height: 128px;
	padding: 18px;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion {
	height: 78px;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__body {
	gap: 8px;
	padding: 15px;
}

.oc-prose > .oc-money-picks .oc-money-pick-card h3 {
	font-size: clamp(20px, 1.7vw, 25px);
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button {
	min-height: 46px;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more {
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-list__items {
	gap: 14px;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row {
	margin: 0;
}

@media (max-width: 1120px) {
	.oc-prose > .oc-money-picks .oc-money-picks__featured {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.oc-prose > .oc-money-picks .oc-money-picks__head {
		display: grid;
		gap: 12px;
	}
}

/* 2026-06-27: centre and emphasise the best money-page pick. */
@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-picks__featured {
		grid-template-columns: minmax(0, .94fr) minmax(0, 1.12fr) minmax(0, .94fr);
		align-items: stretch;
		padding-top: 14px;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child {
		position: relative;
		z-index: 2;
		grid-column: 2;
		grid-row: 1;
		transform: translateY(-14px);
		border: 2px solid rgba(215, 170, 53, .86);
		box-shadow: 0 28px 62px rgba(17, 21, 32, .18), 0 0 0 7px rgba(255, 244, 211, .66);
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:nth-child(2) {
		grid-column: 1;
		grid-row: 1;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:nth-child(3) {
		grid-column: 3;
		grid-row: 1;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child::before {
		content: "Best overall";
		position: absolute;
		top: 12px;
		right: 12px;
		z-index: 3;
		padding: 8px 12px;
		border-radius: 999px;
		background: linear-gradient(135deg, #fff4d3, #f1d76d);
		color: #5f4712;
		font-family: var(--oc-display-font);
		font-size: 12px;
		font-weight: 950;
		line-height: 1;
		text-transform: uppercase;
		box-shadow: 0 10px 22px rgba(17, 21, 32, .16);
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__brand {
		min-height: 150px;
		background:
			radial-gradient(circle at 50% 0, rgba(215, 170, 53, .32), transparent 34%),
			linear-gradient(135deg, #121926, #244f3a 62%, #193321);
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-rank {
		width: 62px;
		height: 62px;
		border: 4px solid #fff;
		background: #fff4d3;
		color: #2f1aa1;
		font-size: 28px;
		box-shadow: 0 16px 30px rgba(17, 21, 32, .22);
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-logo-medallion {
		width: min(80%, 250px);
		height: 90px;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__body {
		padding: 18px;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__body > span {
		background: var(--oc-gold-soft);
		color: #695015;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child h3 {
		font-size: clamp(25px, 2.05vw, 32px);
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child p {
		font-size: 18px;
		font-weight: 950;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-button {
		min-height: 54px;
		font-size: 18px;
	}
}

/* 2026-06-27: prevent money-page featured-card terms from being clipped. */
.oc-prose > .oc-money-picks,
.oc-prose > .oc-money-picks .oc-money-picks__featured,
.oc-prose > .oc-money-picks .oc-money-pick-card,
.oc-prose > .oc-money-picks .oc-money-pick-card__body {
	overflow: visible !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card {
	position: relative;
	z-index: 1;
}

.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:hover),
.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:focus),
.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:focus-within) {
	z-index: 1500 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover {
	position: relative;
	z-index: 20;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover small {
	top: calc(100% + 10px) !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 5000 !important;
	width: min(620px, calc(100vw - 40px)) !important;
	max-height: min(520px, 78vh) !important;
	overflow: auto !important;
	padding: 16px 18px !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #263244 !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	box-shadow: 0 24px 60px rgba(15, 23, 42, .22) !important;
}

/* 2026-06-27: keep money-page tooltips above the sidebar and CTA buttons unstyled by prose link rules. */
.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button,
.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button:hover,
.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button:focus-visible,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-button,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-button:hover,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-button:focus-visible {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:hover) .oc-prose,
.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:focus) .oc-prose,
.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:focus-within) .oc-prose {
	position: relative;
	z-index: 60;
}

@media (min-width: 981px) {
	.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:hover) .oc-page-toc-sidebar,
	.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:focus) .oc-page-toc-sidebar,
	.oc-page-content-shell.has-toc:has(.oc-money-picks .oc-terms-hover:focus-within) .oc-page-toc-sidebar {
		z-index: 1;
	}
}

@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-pick-card:nth-child(3) .oc-terms-hover small {
		right: 0 !important;
		left: auto !important;
		transform-origin: top right !important;
	}
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:hover small,
.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:focus small,
.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:focus-within small {
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

@media (max-width: 640px) {
	.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover small {
		left: 50% !important;
		width: min(320px, calc(100vw - 32px)) !important;
		max-height: 62vh !important;
		transform: translate(-50%, 6px) !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:hover small,
	.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:focus small,
	.oc-prose > .oc-money-picks .oc-money-pick-card .oc-terms-hover:focus-within small {
		transform: translate(-50%, 0) !important;
	}
}

/* 2026-06-27: compact money-page picks and standardise the normal listing rows. */
.oc-prose > .oc-money-picks .oc-money-picks__featured {
	gap: 10px !important;
	margin-bottom: 2px;
}

.oc-prose > .oc-money-picks .oc-money-pick-card {
	grid-template-rows: 118px 1fr;
	min-height: 394px;
	height: 100%;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand {
	min-height: 118px !important;
	padding: 16px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion {
	height: 68px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__body {
	align-content: start;
	gap: 9px !important;
	padding: 16px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card h3 {
	font-size: clamp(19px, 1.45vw, 23px) !important;
	line-height: 1.08 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card p,
.oc-prose > .oc-money-picks .oc-money-pick-row p {
	font-size: 15px !important;
	line-height: 1.24 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card p a,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-offer-link {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-decoration: none !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card ul {
	display: none !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button {
	min-height: 44px !important;
	margin-top: 2px !important;
	font-size: 15px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-text-link {
	font-size: 14px !important;
	line-height: 1.2 !important;
}

@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-picks__featured {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr) minmax(0, 1fr) !important;
		align-items: stretch !important;
		padding-top: 9px !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child {
		transform: translateY(-8px) !important;
		box-shadow: 0 22px 48px rgba(17, 21, 32, .16), 0 0 0 6px rgba(255, 244, 211, .64) !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__brand {
		min-height: 126px !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-logo-medallion {
		height: 74px !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-rank {
		width: 54px !important;
		height: 54px !important;
		font-size: 25px !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child h3 {
		font-size: clamp(21px, 1.65vw, 26px) !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child p {
		font-size: 16px !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-button {
		min-height: 48px !important;
		font-size: 16px !important;
	}
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row {
	grid-template-columns: minmax(214px, 28%) minmax(0, 1fr) minmax(176px, 20%) !important;
	min-height: 276px !important;
	height: 276px !important;
	align-items: stretch !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-brand-panel {
	min-height: 276px !important;
	height: 100% !important;
	padding: 26px 18px !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__offer {
	align-self: stretch !important;
	justify-content: center !important;
	gap: 9px !important;
	padding: 26px 28px !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__offer h3 {
	font-size: clamp(22px, 1.75vw, 27px) !important;
	line-height: 1.12 !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__facts {
	display: grid !important;
	gap: 6px !important;
	margin-top: 4px !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__facts li {
	font-size: 14px !important;
	line-height: 1.25 !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__actions {
	align-self: stretch !important;
	justify-content: center !important;
	padding: 24px 16px !important;
}

.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__actions .oc-button {
	min-height: 54px !important;
	font-size: 16px !important;
}

@media (max-width: 980px) {
	.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row {
		height: auto !important;
		min-height: 0 !important;
	}

	.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-brand-panel {
		min-height: 220px !important;
	}
}

@media (max-width: 760px) {
	.oc-prose > .oc-money-picks .oc-money-pick-card {
		min-height: 0;
	}
}

/* 2026-06-28: quieter, more minimal drawer menu with real parent links. */
.oc-drawer.is-open {
	visibility: visible !important;
	opacity: 1 !important;
	background: rgba(9, 12, 21, .58) !important;
	backdrop-filter: blur(8px);
}

.oc-drawer.is-open .oc-drawer-panel {
	transform: translate3d(0, 0, 0) scale(1) !important;
}

.oc-drawer-panel {
	width: min(440px, calc(100vw - 18px)) !important;
	padding: 18px !important;
	background: linear-gradient(180deg, #141923 0%, #10141d 100%) !important;
	border-left: 1px solid rgba(255, 255, 255, .08) !important;
	box-shadow: -18px 0 54px rgba(0, 0, 0, .28) !important;
}

.oc-drawer-close {
	top: 14px !important;
	right: 14px !important;
	width: 38px !important;
	height: 38px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, .06) !important;
}

.oc-drawer-close:hover,
.oc-drawer-close:focus {
	background: rgba(255, 255, 255, .11) !important;
	transform: none !important;
}

.oc-drawer-close::before,
.oc-drawer-close::after {
	width: 20px !important;
	height: 2px !important;
}

.oc-drawer-search {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 8px !important;
	margin: 42px 0 14px !important;
}

.oc-drawer-search input,
.oc-drawer-search button {
	min-height: 46px !important;
	border-radius: 12px !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

.oc-drawer-search input {
	padding: 0 15px !important;
	border: 1px solid rgba(255, 255, 255, .11) !important;
	background: rgba(255, 255, 255, .055) !important;
	font-weight: 700 !important;
}

.oc-drawer-search input::placeholder {
	color: rgba(255, 255, 255, .45) !important;
}

.oc-drawer-search button {
	padding: 0 18px !important;
	background: #e1cb63 !important;
	color: #10141d !important;
	font-weight: 850 !important;
	box-shadow: none !important;
}

.oc-drawer-search button:hover,
.oc-drawer-search button:focus {
	background: #f0dc79 !important;
	box-shadow: none !important;
	transform: none !important;
}

.oc-drawer-nav {
	gap: 6px !important;
	padding-bottom: 16px !important;
}

.oc-drawer-item {
	transition-delay: 0ms !important;
}

.oc-drawer.is-open .oc-drawer-item {
	transition-delay: calc(var(--drawer-index, 0) * 14ms) !important;
}

.oc-drawer-link {
	grid-template-columns: 32px minmax(0, 1fr) 24px !important;
	min-height: 52px !important;
	padding: 9px 10px !important;
	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .035) !important;
	box-shadow: none !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus {
	border-color: rgba(225, 203, 99, .22) !important;
	background: rgba(255, 255, 255, .07) !important;
	box-shadow: none !important;
	transform: none !important;
}

.oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 86px !important;
	border-color: rgba(255, 255, 255, .09) !important;
}

.oc-drawer-item--has-children > .oc-drawer-link::after {
	display: none !important;
}

.oc-drawer-link .oc-lite-icon {
	width: 30px !important;
	height: 30px !important;
	border: 0 !important;
	background: rgba(255, 255, 255, .055) !important;
	color: rgba(255, 255, 255, .78) !important;
}

.oc-drawer-link .oc-lite-icon svg {
	width: 17px !important;
	height: 17px !important;
}

.oc-drawer-label {
	gap: 4px !important;
}

.oc-drawer-label strong {
	color: rgba(255, 255, 255, .94) !important;
	font-size: 15px !important;
	font-weight: 760 !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
}

.oc-drawer-subhint {
	width: fit-content !important;
	padding: 2px 7px !important;
	background: rgba(225, 203, 99, .1) !important;
	color: rgba(240, 220, 121, .88) !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: .03em !important;
}

.oc-drawer-link em {
	color: rgba(255, 255, 255, .27) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
}

.oc-drawer-toggle {
	right: 9px !important;
	width: 64px !important;
	height: 30px !important;
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .055) !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, .86) !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus {
	border-color: rgba(225, 203, 99, .26) !important;
	background: rgba(225, 203, 99, .12) !important;
	transform: translateY(-50%) !important;
}

.oc-drawer-toggle::before {
	content: "More" !important;
	font-size: 9px !important;
	font-weight: 800 !important;
	letter-spacing: .06em !important;
}

.oc-drawer-toggle::after {
	width: 14px !important;
	height: 14px !important;
	background: rgba(255, 255, 255, .1) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

.oc-drawer-item.is-expanded > .oc-drawer-toggle,
.oc-drawer-toggle[aria-expanded="true"] {
	border-color: rgba(225, 203, 99, .32) !important;
	background: rgba(225, 203, 99, .15) !important;
	color: #fff !important;
}

.oc-drawer-submenu {
	gap: 3px !important;
	margin: 5px 0 8px 38px !important;
	padding: 6px !important;
	border: 1px solid rgba(255, 255, 255, .07) !important;
	border-radius: 12px !important;
	background: rgba(0, 0, 0, .14) !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	min-height: 32px !important;
	padding: 7px 9px !important;
	border-radius: 9px !important;
	color: rgba(255, 255, 255, .78) !important;
	font-size: 13px !important;
	font-weight: 720 !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus {
	background: rgba(255, 255, 255, .055) !important;
	color: #fff !important;
}

@media (max-width: 760px) {
	.oc-drawer-panel {
		width: min(390px, 94vw) !important;
		padding: 14px !important;
	}

	.oc-drawer-search {
		margin-top: 38px !important;
	}

	.oc-drawer-search input,
	.oc-drawer-search button {
		min-height: 42px !important;
		font-size: 13px !important;
	}

	.oc-drawer-link {
		grid-template-columns: 30px minmax(0, 1fr) 22px !important;
		min-height: 49px !important;
		padding: 8px 9px !important;
	}

	.oc-drawer-item--has-children > .oc-drawer-link {
		padding-right: 78px !important;
	}

	.oc-drawer-label strong {
		font-size: 14px !important;
	}

	.oc-drawer-toggle {
		right: 8px !important;
		width: 59px !important;
		height: 28px !important;
	}

	.oc-drawer-submenu {
		margin-left: 0 !important;
	}
}

/* 2026-06-28: fast persistent right-sidebar menu. */
body.oc-menu-open {
	overflow: auto !important;
}

.oc-drawer,
.oc-drawer.is-open {
	pointer-events: none !important;
	background: transparent !important;
	backdrop-filter: none !important;
	transition: none !important;
}

.oc-drawer.is-open {
	visibility: visible !important;
	opacity: 1 !important;
}

.oc-drawer-panel {
	top: 8px !important;
	right: 8px !important;
	bottom: 8px !important;
	display: flex !important;
	width: min(340px, calc(100vw - 16px)) !important;
	height: auto !important;
	padding: 10px !important;
	gap: 8px !important;
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 14px !important;
	background: rgba(15, 19, 28, .98) !important;
	box-shadow: -10px 0 34px rgba(0, 0, 0, .2) !important;
	pointer-events: auto !important;
	transform: translate3d(calc(100% + 14px), 0, 0) !important;
	transition: transform .16s ease !important;
	contain: layout paint;
}

.oc-drawer.is-open .oc-drawer-panel {
	transform: translate3d(0, 0, 0) !important;
}

.oc-drawer-close {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	width: 30px !important;
	height: 30px !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .06) !important;
}

.oc-drawer-close::before,
.oc-drawer-close::after {
	width: 16px !important;
}

.oc-drawer-search {
	grid-template-columns: minmax(0, 1fr) 64px !important;
	gap: 6px !important;
	margin: 34px 0 8px !important;
}

.oc-drawer-search input,
.oc-drawer-search button {
	min-height: 36px !important;
	border-radius: 9px !important;
	font-size: 12px !important;
}

.oc-drawer-search input {
	padding: 0 10px !important;
	font-weight: 650 !important;
}

.oc-drawer-search button {
	padding: 0 10px !important;
	font-weight: 760 !important;
}

.oc-drawer-nav {
	gap: 4px !important;
	padding: 0 2px 8px !important;
}

.oc-drawer-item,
.oc-drawer.is-open .oc-drawer-item {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
	transition-delay: 0ms !important;
}

.oc-drawer-link {
	grid-template-columns: 24px minmax(0, 1fr) !important;
	min-height: 40px !important;
	padding: 7px 8px !important;
	border: 1px solid rgba(255, 255, 255, .065) !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, .028) !important;
	transition: background-color .12s ease, border-color .12s ease !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus {
	border-color: rgba(225, 203, 99, .18) !important;
	background: rgba(255, 255, 255, .06) !important;
}

.oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 40px !important;
}

.oc-drawer-link .oc-lite-icon {
	width: 22px !important;
	height: 22px !important;
	background: transparent !important;
	color: rgba(255, 255, 255, .64) !important;
}

.oc-drawer-link .oc-lite-icon svg {
	width: 15px !important;
	height: 15px !important;
}

.oc-drawer-label {
	min-width: 0;
}

.oc-drawer-label strong {
	overflow: hidden;
	color: rgba(255, 255, 255, .9) !important;
	font-size: 13px !important;
	font-weight: 680 !important;
	line-height: 1.16 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oc-drawer-subhint {
	display: none !important;
}

.oc-drawer-link em {
	display: none !important;
}

.oc-drawer-toggle {
	right: 8px !important;
	width: 24px !important;
	height: 24px !important;
	border-color: rgba(255, 255, 255, .09) !important;
	background: rgba(255, 255, 255, .05) !important;
	transition: background-color .12s ease, border-color .12s ease !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus {
	border-color: rgba(225, 203, 99, .22) !important;
	background: rgba(225, 203, 99, .11) !important;
	transform: translateY(-50%) !important;
}

.oc-drawer-toggle::before {
	display: none !important;
}

.oc-drawer-toggle::after {
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	color: rgba(255, 255, 255, .8) !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

.oc-drawer-submenu {
	max-height: none !important;
	margin: 3px 0 6px 28px !important;
	padding: 3px !important;
	border: 0 !important;
	border-left: 1px solid rgba(225, 203, 99, .18) !important;
	border-radius: 0 !important;
	background: transparent !important;
	transition: none !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	min-height: 28px !important;
	padding: 6px 8px !important;
	border-radius: 8px !important;
	color: rgba(255, 255, 255, .72) !important;
	font-size: 12px !important;
	font-weight: 640 !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus {
	background: rgba(255, 255, 255, .045) !important;
}

@media (max-width: 760px) {
	body.oc-menu-open {
		overflow: hidden !important;
	}

	.oc-drawer.is-open {
		pointer-events: auto !important;
		background: rgba(9, 12, 21, .3) !important;
	}

	.oc-drawer-panel {
		top: 6px !important;
		right: 6px !important;
		bottom: 6px !important;
		width: min(330px, calc(100vw - 12px)) !important;
		padding: 9px !important;
	}

	.oc-drawer-search input,
	.oc-drawer-search button {
		min-height: 34px !important;
	}

	.oc-drawer-link {
		min-height: 38px !important;
	}

	.oc-drawer-label strong {
		font-size: 12.5px !important;
	}
}

/* 2026-06-28: editable homepage guide, visual cards, and featured game rail. */
.oc-home-showcase {
	width: min(var(--oc-wide), calc(100% - 40px));
}

.oc-home-showcase__head {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .64fr) minmax(300px, .36fr);
	gap: clamp(22px, 4vw, 56px);
	overflow: hidden;
	margin-bottom: 0;
	padding: clamp(28px, 4vw, 54px);
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(17, 21, 32, .98), rgba(23, 38, 36, .96) 62%, rgba(41, 83, 62, .92)),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 74px);
	box-shadow: 0 28px 72px rgba(17, 21, 32, .16);
	color: #fff;
}

.oc-home-showcase__head::after {
	position: absolute;
	right: -46px;
	bottom: -72px;
	width: 330px;
	height: 210px;
	border: 1px solid rgba(215, 170, 53, .32);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(215, 170, 53, .2), transparent),
		linear-gradient(90deg, transparent 0 24%, rgba(255, 255, 255, .12) 24% 27%, transparent 27% 48%, rgba(255, 255, 255, .12) 48% 51%, transparent 51% 72%, rgba(255, 255, 255, .12) 72% 75%, transparent 75%);
	transform: rotate(-8deg);
	content: "";
}

.oc-home-showcase__head > * {
	position: relative;
	z-index: 1;
}

.oc-home-showcase__head .oc-kicker {
	background: rgba(233, 247, 239, .12);
	color: #d7f6e3;
}

.oc-home-showcase__head h2 {
	max-width: 800px;
	margin: 12px 0 0;
	color: #fff;
	font-size: clamp(34px, 3.7vw, 58px);
	line-height: .98;
}

.oc-home-showcase__head p {
	align-self: end;
	max-width: 520px;
	margin: 0;
	color: rgba(255, 255, 255, .76);
	font-size: clamp(17px, 1.3vw, 21px);
	font-weight: 760;
	line-height: 1.45;
}

.oc-home-showcase__grid {
	display: grid;
	grid-template-columns: minmax(0, .58fr) minmax(340px, .42fr);
	gap: 18px;
	align-items: stretch;
	margin-top: 18px;
}

.oc-home-guide-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.oc-home-guide-card {
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 14px;
	min-height: 190px;
	padding: 20px;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		linear-gradient(135deg, rgba(47, 125, 91, .1), transparent);
	box-shadow: 0 18px 42px rgba(17, 21, 32, .07);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.oc-home-guide-card::before {
	position: absolute;
	inset: 0 auto auto 20px;
	width: 54px;
	height: 4px;
	border-radius: 999px;
	background: var(--oc-gold);
	content: "";
}

.oc-home-guide-card:hover,
.oc-home-guide-card:focus-within {
	border-color: rgba(47, 125, 91, .38);
	box-shadow: 0 24px 56px rgba(17, 21, 32, .1);
	transform: translateY(-2px);
}

.oc-home-guide-card__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-top: 10px;
	border-radius: 14px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-home-guide-card__icon .oc-lite-icon {
	width: 42px;
	height: 42px;
	background: transparent;
}

.oc-home-guide-card__icon span {
	position: absolute;
	right: -6px;
	bottom: -6px;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
	border-radius: 999px;
	background: var(--oc-gold);
}

.oc-home-guide-card h3 {
	margin: 10px 0 8px;
	color: var(--oc-ink);
	font-size: clamp(20px, 1.5vw, 26px);
}

.oc-home-guide-card p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 740;
	line-height: 1.45;
}

.oc-home-guide-card a {
	display: inline-flex;
	width: fit-content;
	margin-top: 14px;
	color: var(--oc-green-dark);
	font-weight: 950;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.oc-home-spotlight {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
	min-height: 394px;
	border: 1px solid rgba(215, 170, 53, .34);
	border-radius: 18px;
	background:
		linear-gradient(135deg, #111520, #20342a 58%, #735b18),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 60px);
	box-shadow: 0 26px 68px rgba(17, 21, 32, .18);
	color: #fff;
}

.oc-home-spotlight__copy {
	position: relative;
	z-index: 1;
	padding: 24px 24px 18px;
}

.oc-home-spotlight__eyebrow {
	display: inline-flex;
	width: fit-content;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(215, 170, 53, .18);
	color: #ffe59b;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.oc-home-spotlight h3 {
	max-width: 520px;
	margin: 14px 0 10px;
	color: #fff;
	font-size: clamp(26px, 2.4vw, 40px);
	line-height: 1;
}

.oc-home-spotlight p {
	max-width: 520px;
	margin: 0;
	color: rgba(255, 255, 255, .74);
	font-size: 16px;
	font-weight: 730;
	line-height: 1.45;
}

.oc-home-spotlight__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	margin-top: 18px;
	padding: 0 18px;
	border-radius: 10px;
	background: #fff;
	color: var(--oc-ink);
	font-family: var(--oc-font);
	font-weight: 950;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .18);
	transition: transform .16s ease, background-color .16s ease;
}

.oc-home-spotlight__button:hover,
.oc-home-spotlight__button:focus {
	background: var(--oc-gold);
	transform: translateY(-2px);
}

.oc-home-spotlight__game {
	position: relative;
	z-index: 1;
	display: grid;
	align-self: end;
	margin: 0 18px 18px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 14px;
	background: rgba(255, 255, 255, .96);
	color: var(--oc-ink);
	box-shadow: 0 22px 48px rgba(0, 0, 0, .24);
}

.oc-home-spotlight__image {
	display: block;
	aspect-ratio: 16 / 9;
	background: #0f1420;
}

.oc-home-spotlight__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-home-spotlight__image i {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-style: normal;
	font-weight: 950;
}

.oc-home-spotlight__meta {
	display: grid;
	gap: 2px;
	padding: 14px 16px 16px;
}

.oc-home-spotlight__meta span,
.oc-home-game-card__body span {
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 950;
}

.oc-home-spotlight__meta strong {
	color: var(--oc-ink);
	font-size: 22px;
	font-weight: 950;
	line-height: 1.08;
}

.oc-home-featured-games {
	margin-top: 18px;
	padding: clamp(20px, 3vw, 30px);
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background:
		linear-gradient(180deg, #fff, #f8fbff),
		repeating-linear-gradient(90deg, rgba(47, 125, 91, .05) 0 1px, transparent 1px 72px);
	box-shadow: 0 22px 58px rgba(17, 21, 32, .08);
}

.oc-home-featured-games__head {
	display: grid;
	grid-template-columns: minmax(0, .5fr) minmax(280px, .5fr);
	gap: 20px;
	align-items: end;
	margin-bottom: 18px;
}

.oc-home-featured-games__head h3 {
	margin: 9px 0 0;
	color: var(--oc-ink);
	font-size: clamp(26px, 2.4vw, 38px);
}

.oc-home-featured-games__head p {
	max-width: 620px;
	margin: 0;
	color: var(--oc-muted);
	font-size: 16px;
	font-weight: 730;
	line-height: 1.5;
}

.oc-home-game-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.oc-home-game-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
	min-height: 222px;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .07);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.oc-home-game-card:hover,
.oc-home-game-card:focus {
	border-color: rgba(47, 125, 91, .4);
	box-shadow: 0 20px 44px rgba(17, 21, 32, .12);
	transform: translateY(-3px);
}

.oc-home-game-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	background: linear-gradient(135deg, #111520, #235f47);
}

.oc-home-game-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-home-game-card__media i {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-style: normal;
	font-weight: 950;
}

.oc-home-game-card__body {
	display: grid;
	gap: 4px;
	align-content: start;
	padding: 13px 14px 16px;
}

.oc-home-game-card__body strong {
	display: -webkit-box;
	overflow: hidden;
	color: var(--oc-ink);
	font-size: 17px;
	font-weight: 950;
	line-height: 1.12;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.oc-home-showcase__copy {
	max-width: none;
	margin-top: 18px;
	padding: clamp(24px, 4vw, 46px);
}

.oc-home-showcase__copy > :first-child {
	margin-top: 0;
}

.oc-home-showcase__copy p,
.oc-home-showcase__copy li {
	max-width: 78ch;
}

@media (max-width: 1180px) {
	.oc-home-showcase__head,
	.oc-home-showcase__grid,
	.oc-home-featured-games__head {
		grid-template-columns: 1fr;
	}

	.oc-home-game-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.oc-home-showcase {
		width: calc(100% - 28px);
	}

	.oc-home-showcase__head {
		padding: 24px 20px;
		border-radius: 18px;
	}

	.oc-home-guide-cards,
	.oc-home-game-grid {
		grid-template-columns: 1fr;
	}

	.oc-home-guide-card {
		grid-template-columns: 48px minmax(0, 1fr);
		min-height: 0;
		padding: 18px;
	}

	.oc-home-guide-card__icon {
		width: 48px;
		height: 48px;
	}

	.oc-home-spotlight {
		min-height: 0;
	}

	.oc-home-featured-games {
		padding: 18px;
	}
}

/* 2026-06-28: turn homepage editorial copy into visual guide modules. */
.oc-home-editorial {
	display: grid;
	gap: 18px;
	margin-top: 18px;
}

.oc-home-battle {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, .52fr);
	gap: 18px;
	align-items: stretch;
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 20px;
	background:
		linear-gradient(180deg, #fff, #f8fbff),
		repeating-linear-gradient(90deg, rgba(47, 125, 91, .05) 0 1px, transparent 1px 68px);
	box-shadow: 0 24px 60px rgba(17, 21, 32, .08);
}

.oc-home-battle__copy {
	padding: clamp(24px, 4vw, 44px);
}

.oc-home-battle__copy h2 {
	max-width: 880px;
	margin: 12px 0 0;
	color: var(--oc-ink);
	font-size: clamp(30px, 3vw, 50px);
	line-height: 1.02;
}

.oc-home-battle__intro {
	max-width: 840px;
	margin: 16px 0 0;
	color: var(--oc-green-dark);
	font-size: clamp(17px, 1.2vw, 20px);
	font-weight: 850;
	line-height: 1.45;
}

.oc-home-battle__text {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 20px;
}

.oc-home-battle__text p {
	margin: 0;
	padding: 16px;
	border: 1px solid rgba(47, 125, 91, .14);
	border-radius: 14px;
	background: #fff;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 720;
	line-height: 1.55;
	box-shadow: 0 14px 32px rgba(17, 21, 32, .05);
}

.oc-home-battle__visual {
	position: relative;
	display: grid;
	align-content: start;
	gap: 20px;
	min-height: 100%;
	padding: clamp(24px, 3.5vw, 42px);
	background:
		linear-gradient(135deg, rgba(17, 21, 32, .98), rgba(26, 52, 41, .95) 62%, rgba(98, 79, 24, .94)),
		radial-gradient(circle at 28% 18%, rgba(215, 170, 53, .34), transparent 28%);
	color: #fff;
}

.oc-home-battle__visual::before {
	position: absolute;
	inset: 22px;
	border: 1px solid rgba(255, 255, 255, .11);
	border-radius: 18px;
	pointer-events: none;
	content: "";
}

.oc-home-proof-orbit {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(3, 70px);
	gap: 12px;
}

.oc-home-proof-orbit span {
	display: grid;
	place-items: center;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 18px;
	background: rgba(255, 255, 255, .09);
	color: #ffe59b;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.oc-home-proof-orbit .oc-lite-icon {
	width: 44px;
	height: 44px;
	background: transparent;
}

.oc-home-proof-list {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 12px;
	margin: 0;
}

.oc-home-proof-list div {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 14px;
	background: rgba(255, 255, 255, .08);
}

.oc-home-proof-list dt {
	color: #fff;
	font-size: 31px;
	font-weight: 950;
	line-height: 1;
}

.oc-home-proof-list dd {
	margin: 0;
	color: rgba(255, 255, 255, .75);
	font-size: 14px;
	font-weight: 850;
	text-transform: uppercase;
}

.oc-home-battle__visual p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: rgba(255, 255, 255, .72);
	font-size: 15px;
	font-weight: 760;
	line-height: 1.5;
}

.oc-home-editorial-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.oc-home-editorial-head h2 {
	max-width: 760px;
	margin: 10px 0 0;
	color: var(--oc-ink);
	font-size: clamp(28px, 2.4vw, 40px);
	line-height: 1.05;
}

.oc-home-method,
.oc-home-checklist,
.oc-home-insights {
	padding: clamp(22px, 3vw, 32px);
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 20px 52px rgba(17, 21, 32, .07);
}

.oc-home-method-grid,
.oc-home-insight-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.oc-home-method-card,
.oc-home-insight-grid article {
	position: relative;
	min-height: 210px;
	padding: 20px;
	border: 1px solid rgba(47, 125, 91, .14);
	border-radius: 14px;
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		linear-gradient(135deg, rgba(215, 170, 53, .1), transparent);
	box-shadow: 0 14px 34px rgba(17, 21, 32, .05);
}

.oc-home-method-card > span,
.oc-home-insight-grid article > span {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	margin-bottom: 16px;
	border-radius: 14px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-home-method-card .oc-lite-icon,
.oc-home-insight-grid .oc-lite-icon {
	width: 40px;
	height: 40px;
	background: transparent;
}

.oc-home-method-card h3,
.oc-home-insight-grid h3 {
	margin: 0 0 10px;
	color: var(--oc-ink);
	font-size: 22px;
	line-height: 1.08;
}

.oc-home-method-card p,
.oc-home-insight-grid p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 730;
	line-height: 1.5;
}

.oc-home-checklist {
	display: grid;
	grid-template-columns: minmax(260px, .38fr) minmax(0, .62fr);
	gap: 20px;
	align-items: start;
	background:
		linear-gradient(135deg, #111520, #20342a 70%, #735b18),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 80px);
	color: #fff;
}

.oc-home-checklist .oc-kicker {
	background: rgba(233, 247, 239, .12);
	color: #d7f6e3;
}

.oc-home-checklist h2 {
	margin: 12px 0 0;
	color: #fff;
	font-size: clamp(30px, 3vw, 46px);
	line-height: 1.03;
}

.oc-home-checklist-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.oc-home-checkpoint {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	min-height: 124px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 14px;
	background: rgba(255, 255, 255, .08);
}

.oc-home-checkpoint span {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 999px;
	background: #fff;
	color: var(--oc-purple);
	font-weight: 950;
}

.oc-home-checkpoint h3 {
	margin: 0 0 6px;
	color: #fff;
	font-size: 19px;
	line-height: 1.1;
}

.oc-home-checkpoint p {
	margin: 0;
	color: rgba(255, 255, 255, .82);
	font-size: 15px;
	font-weight: 760;
	line-height: 1.45;
}

.oc-home-info-band {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.oc-home-info-band article {
	min-height: 220px;
	padding: 20px;
	border: 1px solid rgba(215, 170, 53, .26);
	border-radius: 16px;
	background:
		linear-gradient(180deg, #fffdf4, #fff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .18), transparent 40%);
	box-shadow: 0 16px 38px rgba(17, 21, 32, .06);
}

.oc-home-info-band article > span {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 16px;
	border-radius: 14px;
	background: rgba(215, 170, 53, .2);
	color: #7a5d09;
}

.oc-home-info-band .oc-lite-icon {
	width: 38px;
	height: 38px;
	background: transparent;
}

.oc-home-info-band h2 {
	margin: 0 0 10px;
	color: var(--oc-ink);
	font-size: 22px;
	line-height: 1.08;
}

.oc-home-info-band p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 730;
	line-height: 1.5;
}

@media (max-width: 1180px) {
	.oc-home-battle,
	.oc-home-checklist {
		grid-template-columns: 1fr;
	}

	.oc-home-info-band {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.oc-home-battle__text,
	.oc-home-method-grid,
	.oc-home-checklist-grid,
	.oc-home-insight-grid,
	.oc-home-info-band {
		grid-template-columns: 1fr;
	}

	.oc-home-editorial-head {
		display: block;
	}
}

@media (max-width: 520px) {
	.oc-home-battle__copy,
	.oc-home-battle__visual,
	.oc-home-method,
	.oc-home-checklist,
	.oc-home-insights {
		padding: 20px;
		border-radius: 16px;
	}

	.oc-home-proof-orbit {
		grid-template-columns: repeat(3, 1fr);
	}

	.oc-home-proof-orbit span {
		width: 100%;
		height: 58px;
	}

	.oc-home-proof-list div,
	.oc-home-checkpoint {
		grid-template-columns: 1fr;
	}
}

/* 2026-06-28: full homepage guide presentation. Keeps editor copy intact. */
.oc-home-editorial {
	display: grid;
	gap: clamp(18px, 2vw, 28px);
	margin-top: clamp(18px, 2.4vw, 30px);
}

.oc-home-battle {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .36fr);
	gap: 0;
	align-items: stretch;
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .98)),
		repeating-linear-gradient(90deg, rgba(47, 125, 91, .045) 0 1px, transparent 1px 74px);
	box-shadow: 0 24px 68px rgba(17, 21, 32, .08);
}

.oc-home-battle__copy {
	min-width: 0;
	padding: clamp(24px, 4vw, 48px);
}

.oc-home-battle__copy h2 {
	max-width: 980px;
	margin: 12px 0 0;
	color: var(--oc-ink);
	font-size: clamp(34px, 4vw, 64px);
	line-height: .98;
}

.oc-home-battle__intro {
	max-width: 860px;
	margin: 18px 0 0;
	color: var(--oc-green-dark);
	font-size: clamp(17px, 1.2vw, 20px);
	font-weight: 850;
	line-height: 1.45;
}

.oc-home-copy-flow {
	display: grid;
	gap: 14px;
	min-width: 0;
	color: var(--oc-muted);
	font-size: 17px;
	font-weight: 620;
	line-height: 1.68;
}

.oc-home-copy-flow p,
.oc-home-copy-flow ul,
.oc-home-copy-flow h3 {
	margin: 0;
}

.oc-home-copy-flow p + p {
	margin-top: 2px;
}

.oc-home-copy-flow strong,
.oc-home-copy-flow b {
	color: var(--oc-ink);
	font-weight: 900;
}

.oc-home-copy-flow a {
	color: var(--oc-green-dark);
	font-weight: 850;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.oc-home-copy-flow ul {
	display: grid;
	gap: 10px;
	padding-left: 22px;
}

.oc-home-copy-flow li::marker {
	color: var(--oc-green);
}

.oc-home-copy-flow h3 {
	color: var(--oc-ink);
	font-size: clamp(22px, 1.8vw, 30px);
	line-height: 1.1;
}

.oc-home-copy-flow--battle {
	display: block;
	margin-top: 24px;
	column-count: 2;
	column-gap: clamp(20px, 3vw, 38px);
}

.oc-home-copy-flow--battle p,
.oc-home-copy-flow--battle ul,
.oc-home-copy-flow--battle h3 {
	break-inside: avoid;
	margin: 0 0 16px;
}

.oc-home-copy-flow--lead {
	max-width: 980px;
	margin: 0 0 20px;
}

.oc-home-copy-flow--card {
	font-size: 15px;
	line-height: 1.62;
}

.oc-home-copy-flow--dark {
	margin-top: 18px;
	color: rgba(255, 255, 255, .78);
}

.oc-home-copy-flow--dark strong,
.oc-home-copy-flow--dark b,
.oc-home-copy-flow--dark h3 {
	color: #fff;
}

.oc-home-copy-flow--feature {
	font-size: 16px;
	line-height: 1.66;
}

.oc-home-copy-media {
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
}

.oc-home-copy-media figure {
	margin: 0;
}

.oc-home-copy-media img {
	display: block;
	width: 100%;
	height: auto;
}

.oc-home-battle__visual {
	position: relative;
	display: grid;
	align-content: center;
	gap: 20px;
	min-height: 100%;
	padding: clamp(24px, 3.3vw, 42px);
	background:
		linear-gradient(145deg, rgba(17, 21, 32, .98), rgba(29, 61, 47, .96) 62%, rgba(116, 87, 22, .93)),
		radial-gradient(circle at 20% 20%, rgba(215, 170, 53, .32), transparent 32%);
	color: #fff;
}

.oc-home-battle__visual::before {
	position: absolute;
	inset: 22px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 18px;
	pointer-events: none;
	content: "";
}

.oc-home-proof-orbit,
.oc-home-proof-list,
.oc-home-battle__visual p {
	position: relative;
	z-index: 1;
}

.oc-home-battle__visual p {
	margin: 0;
	color: rgba(255, 255, 255, .74);
	font-size: 15px;
	font-weight: 760;
	line-height: 1.55;
}

.oc-home-method,
.oc-home-checklist,
.oc-home-insights,
.oc-home-long-section,
.oc-home-feature-panel {
	border: 1px solid var(--oc-line);
	border-radius: 20px;
	box-shadow: 0 20px 56px rgba(17, 21, 32, .065);
}

.oc-home-method,
.oc-home-insights {
	padding: clamp(22px, 3vw, 36px);
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .14), transparent 36%);
}

.oc-home-editorial-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.oc-home-editorial-head h2 {
	max-width: 820px;
	margin: 10px 0 0;
	color: var(--oc-ink);
	font-size: clamp(30px, 3vw, 46px);
	line-height: 1.04;
}

.oc-home-content-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.oc-home-content-card {
	min-width: 0;
	padding: clamp(18px, 2vw, 24px);
	border: 1px solid rgba(47, 125, 91, .15);
	border-radius: 16px;
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .12), transparent 38%);
	box-shadow: 0 14px 34px rgba(17, 21, 32, .045);
}

.oc-home-content-card__top {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	margin-bottom: 14px;
}

.oc-home-content-card__top h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(21px, 1.7vw, 28px);
	line-height: 1.08;
}

.oc-home-content-card__icon,
.oc-home-content-card__number,
.oc-home-feature-panel__icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 16px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-home-content-card__number {
	background: #fff7cc;
	color: #76601a;
	font-size: 19px;
	font-weight: 950;
}

.oc-home-content-card__icon .oc-lite-icon,
.oc-home-feature-panel__icon .oc-lite-icon {
	width: 40px;
	height: 40px;
	background: transparent;
}

.oc-home-checklist {
	display: grid;
	grid-template-columns: minmax(260px, .33fr) minmax(0, .67fr);
	gap: clamp(18px, 3vw, 32px);
	align-items: start;
	padding: clamp(24px, 3vw, 38px);
	background:
		linear-gradient(135deg, #111520, #20362b 70%, #765b17),
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 80px);
	color: #fff;
}

.oc-home-checklist .oc-kicker {
	background: rgba(233, 247, 239, .13);
	color: #d7f6e3;
}

.oc-home-checklist h2 {
	margin: 12px 0 0;
	color: #fff;
	font-size: clamp(30px, 3vw, 48px);
	line-height: 1.02;
}

.oc-home-checklist .oc-home-content-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.oc-home-checklist .oc-home-content-card {
	border-color: rgba(255, 255, 255, .13);
	background: rgba(255, 255, 255, .08);
	box-shadow: none;
}

.oc-home-checklist .oc-home-content-card__top h3,
.oc-home-checklist .oc-home-content-card h3 {
	color: #fff;
}

.oc-home-checklist .oc-home-copy-flow {
	color: rgba(255, 255, 255, .78);
}

.oc-home-feature-stack {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.oc-home-feature-panel {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	padding: clamp(20px, 2.4vw, 30px);
	background:
		linear-gradient(180deg, #fffdf4, #fff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .18), transparent 42%);
}

.oc-home-feature-panel h2 {
	margin: 0 0 12px;
	color: var(--oc-ink);
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1.08;
}

.oc-home-insights {
	display: grid;
	gap: 18px;
}

.oc-home-long-section {
	display: grid;
	grid-template-columns: minmax(230px, .33fr) minmax(0, .67fr);
	gap: clamp(18px, 3vw, 34px);
	align-items: start;
	padding: clamp(22px, 3vw, 34px);
	background: #fff;
}

.oc-home-long-section--soft {
	background:
		linear-gradient(180deg, #fbfcff, #fff),
		radial-gradient(circle at 0 0, rgba(47, 125, 91, .08), transparent 34%);
}

.oc-home-long-section__head {
	position: sticky;
	top: 92px;
	align-self: start;
}

.oc-home-long-section__head h2 {
	margin: 12px 0 0;
	color: var(--oc-ink);
	font-size: clamp(25px, 2.4vw, 40px);
	line-height: 1.06;
}

.oc-home-long-section > .oc-home-copy-flow,
.oc-home-long-section > .oc-home-content-grid {
	grid-column: 2;
}

.oc-home-long-section > .oc-home-content-grid {
	grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
	.oc-home-battle,
	.oc-home-checklist,
	.oc-home-long-section {
		grid-template-columns: 1fr;
	}

	.oc-home-long-section__head {
		position: static;
	}

	.oc-home-long-section > .oc-home-copy-flow,
	.oc-home-long-section > .oc-home-content-grid {
		grid-column: auto;
	}
}

@media (max-width: 900px) {
	.oc-home-copy-flow--battle {
		column-count: 1;
	}

	.oc-home-content-grid,
	.oc-home-checklist .oc-home-content-grid,
	.oc-home-feature-stack {
		grid-template-columns: 1fr;
	}

	.oc-home-editorial-head {
		display: block;
	}
}

@media (max-width: 560px) {
	.oc-home-battle,
	.oc-home-method,
	.oc-home-checklist,
	.oc-home-insights,
	.oc-home-long-section,
	.oc-home-feature-panel {
		border-radius: 16px;
	}

	.oc-home-battle__copy,
	.oc-home-battle__visual,
	.oc-home-method,
	.oc-home-checklist,
	.oc-home-insights,
	.oc-home-long-section {
		padding: 20px;
	}

	.oc-home-feature-panel,
	.oc-home-content-card__top {
		grid-template-columns: 1fr;
	}

	.oc-home-copy-flow {
		font-size: 16px;
	}
}

/* 2026-06-28: promotions landing page and new slot release hub. */
.oc-promotions-module,
.oc-new-slots-hub {
	display: grid;
	gap: clamp(18px, 2.4vw, 30px);
	margin: 0 0 clamp(34px, 5vw, 60px);
}

.oc-promotions-intro,
.oc-new-slots-hub__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, .32fr);
	gap: clamp(18px, 3vw, 34px);
	align-items: stretch;
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .14), transparent 38%),
		linear-gradient(180deg, #fff, #fbfcff);
	box-shadow: 0 18px 46px rgba(17, 21, 32, .07);
}

.oc-promotions-intro h2,
.oc-new-slots-hub__head h2,
.oc-promo-list-head h2 {
	max-width: 820px;
	margin: 10px 0 10px;
	color: var(--oc-ink);
	font-size: clamp(30px, 3vw, 48px);
	line-height: 1.02;
}

.oc-promotions-intro p,
.oc-new-slots-hub__head p,
.oc-promo-list-head p {
	max-width: 820px;
	margin: 0;
	color: var(--oc-muted);
	font-size: clamp(16px, 1.1vw, 19px);
	line-height: 1.55;
}

.oc-promotions-intro__panel,
.oc-new-slots-hub__stats {
	display: grid;
	align-content: center;
	gap: 12px;
	padding: 20px;
	border: 1px solid rgba(47, 125, 91, .16);
	border-radius: 16px;
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .9), #fff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .16), transparent 42%);
}

.oc-promotions-intro__panel strong,
.oc-new-slots-hub__stats strong {
	color: var(--oc-ink);
	font-family: var(--oc-display-font);
	font-size: clamp(28px, 3vw, 44px);
	font-weight: 950;
	line-height: 1;
}

.oc-promotions-intro__panel ul {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.oc-promotions-intro__panel li {
	position: relative;
	padding-left: 18px;
	color: var(--oc-green-dark);
	font-weight: 850;
}

.oc-promotions-intro__panel li::before {
	content: "";
	position: absolute;
	top: .65em;
	left: 0;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: var(--oc-green);
}

.oc-promo-grid,
.oc-promo-feature-grid,
.oc-new-slots-featured {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.oc-promo-grid {
	grid-template-columns: 1fr;
	gap: 14px;
}

.oc-promo-card {
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(220px, 30%) minmax(0, 1fr);
	min-height: 244px;
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(17, 21, 32, .07);
}

.oc-promo-card--featured {
	grid-template-columns: 1fr;
	min-height: 100%;
	border-color: rgba(215, 170, 53, .42);
	box-shadow: 0 24px 54px rgba(17, 21, 32, .11);
}

.oc-promo-card__brand {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 100%;
	padding: clamp(26px, 3vw, 42px);
	background:
		radial-gradient(circle at 45% 35%, rgba(255, 255, 255, .08), transparent 32%),
		linear-gradient(135deg, #172033, #235f47);
}

.oc-promo-card--featured .oc-promo-card__brand {
	min-height: 170px;
}

.oc-promo-card__brand .oc-logo-medallion {
	display: grid;
	place-items: center;
	width: min(86%, 250px);
	height: 118px;
	padding: 14px;
	border: 0;
	background: rgba(255, 255, 255, .04) !important;
	box-shadow: 0 18px 34px rgba(10, 14, 24, .12);
	overflow: visible;
}

.oc-promo-card__brand .oc-logo-medallion img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 0;
}

.oc-promotions-module .oc-promo-card__brand .oc-logo-medallion img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

.oc-promo-card__rank {
	position: absolute;
	top: 14px;
	left: 14px;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #fff;
	color: #2f1aa1;
	font-family: var(--oc-display-font);
	font-size: 18px;
	font-weight: 950;
	box-shadow: 0 12px 24px rgba(17, 21, 32, .18);
}

.oc-promo-card__body {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: clamp(18px, 2vw, 26px);
}

.oc-promo-card__meta,
.oc-promo-card__foot,
.oc-promo-card__actions,
.oc-promo-list-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.oc-promo-card__meta span,
.oc-promo-card__meta strong,
.oc-promo-card__foot span,
.oc-promo-card__foot a,
.oc-promo-strip span,
.oc-new-slot-card__tags b {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.oc-promo-card__meta span {
	padding: 8px 10px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-promo-card__meta strong,
.oc-promo-card__foot span {
	color: var(--oc-muted);
}

.oc-promo-card h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(22px, 2vw, 31px);
	line-height: 1.08;
}

.oc-promo-card p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 16px;
	font-weight: 650;
	line-height: 1.45;
}

.oc-promo-card ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
}

.oc-promo-card li {
	padding: 8px 10px;
	border-radius: 999px;
	background: #f5f8f6;
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 850;
	line-height: 1;
}

.oc-promo-card__foot {
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top: 4px;
}

.oc-promo-card__foot a {
	color: var(--oc-green-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.oc-promo-card__actions {
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 2px;
}

.oc-promo-card__actions .oc-button {
	min-height: 46px;
	padding-inline: 18px;
	background: linear-gradient(135deg, #ad562f, #8f4428) !important;
	color: #fff !important;
	box-shadow: 0 16px 34px rgba(173, 86, 47, .18);
	text-decoration: none !important;
}

.oc-promo-card__actions .oc-button:hover,
.oc-promo-card__actions .oc-button:focus-visible {
	background: var(--oc-ink) !important;
}

.oc-promo-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px;
	border: 1px solid rgba(47, 125, 91, .14);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .05);
}

.oc-promo-strip span {
	padding: 11px 13px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-promo-list-head {
	align-items: flex-end;
	padding: 4px 0;
}

.oc-promo-list-head p {
	max-width: 640px;
	font-size: 15px;
}

.oc-promo-compact-grid {
	display: grid;
	gap: 14px;
}

.oc-new-slots-hub {
	padding-top: 0;
}

.oc-new-slots-hub__head {
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .16), transparent 36%),
		radial-gradient(circle at 0 100%, rgba(47, 125, 91, .12), transparent 32%),
		linear-gradient(135deg, #111520 0%, #1b2437 58%, #20382c 100%);
	color: #fff;
}

.oc-new-slots-hub__head .oc-kicker {
	background: rgba(233, 247, 239, .12);
	color: #dcefe5;
}

.oc-new-slots-hub__head h2 {
	color: #fff;
}

.oc-new-slots-hub__head p {
	color: rgba(255, 255, 255, .74);
}

.oc-new-slots-hub__stats {
	border-color: rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .09);
	color: #fff;
}

.oc-new-slots-hub__stats strong {
	color: #fff;
}

.oc-new-slots-hub__stats span {
	color: rgba(255, 255, 255, .74);
	font-weight: 850;
}

.oc-new-slots-feature-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	align-items: stretch;
}

.oc-new-slots-feature-layout.has-upcoming {
	grid-template-columns: minmax(0, 1fr) minmax(280px, .34fr);
}

.oc-new-slots-feature-layout .oc-new-slots-featured {
	height: 100%;
}

.oc-new-slots-upcoming {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: clamp(18px, 2vw, 22px);
	border: 1px solid rgba(215, 170, 53, .32);
	border-radius: 16px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .2), transparent 36%),
		linear-gradient(145deg, #fffdf5 0%, #f8fbf7 100%);
	box-shadow: 0 18px 42px rgba(17, 21, 32, .07);
}

.oc-new-slots-upcoming .oc-kicker {
	width: fit-content;
	background: rgba(47, 125, 91, .1);
	color: var(--oc-green-dark);
}

.oc-new-slots-upcoming h3 {
	margin: 0;
	color: var(--oc-ink);
	font-size: clamp(22px, 1.8vw, 30px);
	line-height: 1.05;
}

.oc-new-slots-upcoming p {
	margin: 0;
	color: var(--oc-muted);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.45;
}

.oc-upcoming-slot-list {
	display: grid;
	gap: 10px;
	margin-top: 2px;
}

.oc-upcoming-slot-item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
	padding: 10px;
	border: 1px solid rgba(17, 21, 32, .08);
	border-radius: 14px;
	background: rgba(255, 255, 255, .78);
	color: var(--oc-ink);
	text-decoration: none !important;
	box-shadow: 0 10px 24px rgba(17, 21, 32, .05);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.oc-upcoming-slot-item:hover,
.oc-upcoming-slot-item:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(47, 125, 91, .26);
	box-shadow: 0 18px 36px rgba(17, 21, 32, .1);
}

.oc-upcoming-slot-item__media {
	overflow: hidden;
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	border-radius: 12px;
	background: linear-gradient(135deg, #111520, #244f3a);
}

.oc-upcoming-slot-item__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.oc-upcoming-slot-item__media i {
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: 18px;
	font-style: normal;
	font-weight: 950;
}

.oc-upcoming-slot-item__copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.oc-upcoming-slot-item__copy em {
	color: var(--oc-green-dark);
	font-size: 11px;
	font-style: normal;
	font-weight: 950;
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}

.oc-upcoming-slot-item__copy strong {
	overflow: hidden;
	color: var(--oc-ink);
	font-size: 15px;
	font-weight: 950;
	line-height: 1.12;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oc-upcoming-slot-item__copy small {
	overflow: hidden;
	color: var(--oc-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.oc-new-slot-card {
	overflow: hidden;
	display: grid;
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
	color: var(--oc-ink);
	text-decoration: none !important;
	box-shadow: 0 16px 40px rgba(17, 21, 32, .07);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.oc-new-slot-card:hover,
.oc-new-slot-card:focus-visible {
	transform: translateY(-4px);
	border-color: rgba(47, 125, 91, .28);
	box-shadow: 0 24px 56px rgba(17, 21, 32, .12);
}

.oc-new-slot-card__media {
	position: relative;
	overflow: hidden;
	display: block;
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #111520, #244f3a);
}

.oc-new-slot-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .24s ease;
}

.oc-new-slot-card:hover .oc-new-slot-card__media img,
.oc-new-slot-card:focus-visible .oc-new-slot-card__media img {
	transform: scale(1.04);
}

.oc-new-slot-card__media i {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: #fff;
	font-family: var(--oc-display-font);
	font-size: 34px;
	font-style: normal;
	font-weight: 950;
}

.oc-new-slot-card__media em {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 7px 9px;
	border-radius: 999px;
	background: rgba(17, 21, 32, .82);
	color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.oc-new-slot-card__body {
	display: grid;
	gap: 8px;
	padding: 16px;
}

.oc-new-slot-card__body small {
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
}

.oc-new-slot-card__body strong {
	color: var(--oc-ink);
	font-size: clamp(19px, 1.4vw, 24px);
	line-height: 1.08;
}

.oc-new-slot-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 2px;
}

.oc-new-slot-card__tags b {
	padding: 7px 9px;
	background: #f5f8f6;
	color: var(--oc-green-dark);
	font-size: 11px;
}

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

.oc-new-slots-filter-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px;
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .05);
}

.oc-new-slots-filter-strip a {
	padding: 11px 14px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 950;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.oc-new-slots-filter-strip a:hover,
.oc-new-slots-filter-strip a:focus-visible {
	background: var(--oc-ink);
	color: #fff;
	transform: translateY(-1px);
}

@media (max-width: 1120px) {
	.oc-promotions-intro,
	.oc-new-slots-hub__head,
	.oc-promo-feature-grid,
	.oc-new-slots-featured,
	.oc-new-slots-feature-layout.has-upcoming {
		grid-template-columns: 1fr;
	}

	.oc-new-slots-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.oc-promo-card {
		grid-template-columns: 1fr;
	}

	.oc-promo-card__brand {
		min-height: 158px;
	}

	.oc-promo-list-head,
	.oc-promo-card__meta,
	.oc-promo-card__actions {
		align-items: flex-start;
		flex-direction: column;
	}

	.oc-new-slots-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.oc-promotions-intro,
	.oc-new-slots-hub__head {
		padding: 20px;
		border-radius: 16px;
	}

	.oc-promo-card,
	.oc-new-slot-card {
		border-radius: 14px;
	}

	.oc-new-slots-grid {
		grid-template-columns: 1fr;
	}
}

/* 2026-06-29: keep casino logos clean; no circular medallion crop sitewide. */
.oc-logo-medallion,
.oc-logo-medallion--sm,
.oc-logo-medallion--xl,
.oc-pick-card .oc-logo-medallion,
.oc-shortcode-offer__media .oc-logo-medallion,
.oc-shortcode-row__casino .oc-logo-medallion,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion,
.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion,
.oc-review-page .oc-review-identity .oc-logo-medallion--xl,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel,
.oc-review-row .oc-logo-medallion,
.oc-review-directory-card__top .oc-logo-medallion,
.oc-money-pick-card__brand .oc-logo-medallion,
.oc-money-pick-row__logo .oc-logo-medallion,
.oc-bonus-card__media .oc-logo-medallion,
.oc-promo-card__brand .oc-logo-medallion {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.oc-logo-medallion img,
.oc-pick-card__top .oc-logo-medallion img,
.oc-shortcode-row__casino .oc-logo-medallion img,
.oc-shortcode-offer__media .oc-logo-medallion img,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img,
.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img,
.oc-review-page .oc-review-identity .oc-logo-medallion--xl img,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel img,
.oc-review-row .oc-logo-medallion img,
.oc-review-directory-card__top .oc-logo-medallion img,
.oc-money-pick-card__brand .oc-logo-medallion img,
.oc-money-pick-row__logo .oc-logo-medallion img,
.oc-bonus-card__media .oc-logo-medallion img,
.oc-promo-card__brand .oc-logo-medallion img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	border-radius: 0 !important;
	object-fit: contain !important;
}

/* 2026-06-29: compact promotions intro so the page reads as one offer unit. */
.oc-promotions-module {
	gap: 10px;
	margin-bottom: clamp(28px, 4vw, 48px);
}

.oc-promotions-module .oc-promotions-intro {
	grid-template-columns: minmax(0, 1fr) minmax(260px, .3fr);
	gap: clamp(14px, 2vw, 22px);
	align-items: center;
	padding: clamp(16px, 2vw, 24px);
	border-radius: 18px 18px 12px 12px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .12), transparent 34%),
		radial-gradient(circle at 0 100%, rgba(47, 125, 91, .08), transparent 30%),
		linear-gradient(180deg, #fff, #fbfcff);
	box-shadow: 0 14px 34px rgba(17, 21, 32, .055);
}

.oc-promotions-module .oc-promotions-intro h2 {
	max-width: 760px;
	margin: 7px 0 8px;
	font-size: clamp(30px, 2.65vw, 42px);
	line-height: 1.04;
}

.oc-promotions-module .oc-promotions-intro p {
	max-width: 760px;
	font-size: clamp(15px, 1vw, 17px);
	line-height: 1.48;
}

.oc-promotions-module .oc-promotions-intro__panel {
	gap: 10px;
	padding: clamp(14px, 1.7vw, 18px);
	border-radius: 14px;
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .88), #fff),
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .12), transparent 38%);
}

.oc-promotions-module .oc-promotions-intro__panel strong {
	font-size: clamp(22px, 2vw, 30px);
	line-height: 1.03;
}

.oc-promotions-module .oc-promotions-intro__panel ul {
	gap: 7px;
}

.oc-promotions-module .oc-promotions-intro__panel li {
	font-size: 14px;
	line-height: 1.35;
}

.oc-promotions-module .oc-promo-strip {
	gap: 8px;
	margin-top: -2px;
	padding: 10px 12px;
	border-radius: 12px;
	box-shadow: 0 10px 24px rgba(17, 21, 32, .045);
}

.oc-promotions-module .oc-promo-strip span {
	padding: 9px 11px;
	font-size: 11px;
}

.oc-promotions-module .oc-promo-list-head {
	align-items: flex-end;
	gap: 12px;
	padding: 2px 2px 0;
}

.oc-promotions-module .oc-promo-list-head h2 {
	margin: 4px 0 0;
	font-size: clamp(22px, 1.8vw, 30px);
	line-height: 1.08;
}

.oc-promotions-module .oc-promo-list-head p {
	max-width: 560px;
	font-size: 14px;
	line-height: 1.4;
}

.oc-promotions-module .oc-promo-grid {
	gap: 10px;
}

@media (max-width: 820px) {
	.oc-promotions-module .oc-promotions-intro,
	.oc-promotions-module .oc-promo-list-head {
		grid-template-columns: 1fr;
	}

	.oc-promotions-module .oc-promo-list-head {
		align-items: flex-start;
	}
}

@media (max-width: 560px) {
	.oc-promotions-module .oc-promotions-intro {
		padding: 18px;
	}

	.oc-promotions-module .oc-promotions-intro h2 {
		font-size: clamp(28px, 9vw, 36px);
	}
}

/* 2026-06-29: richer promotions board treatment. */
.oc-promotions-module {
	gap: 12px;
	padding: 12px;
	border: 1px solid rgba(216, 224, 236, .9);
	border-radius: 24px;
	background: linear-gradient(180deg, #f7faf8 0%, #fff 70%);
	box-shadow: 0 22px 54px rgba(17, 21, 32, .08);
}

.oc-promotions-module .oc-promotions-intro {
	position: relative;
	overflow: hidden;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, .55fr);
	gap: 24px;
	padding: 30px;
	border: 0;
	border-radius: 18px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .055) 0 1px, transparent 1px 44px),
		linear-gradient(180deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 44px),
		linear-gradient(135deg, #10141f 0%, #172131 50%, #23543f 100%);
	color: #fff;
	box-shadow: none;
}

.oc-promotions-module .oc-promotions-intro::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 7px;
	background: linear-gradient(180deg, #e6d66c, #d3a83b 48%, #4f8a66);
}

.oc-promotions-module .oc-promotions-intro::after {
	content: "";
	position: absolute;
	right: 26px;
	bottom: 24px;
	width: 118px;
	height: 34px;
	border-top: 2px solid rgba(230, 214, 108, .6);
	border-bottom: 2px solid rgba(255, 255, 255, .14);
	opacity: .9;
}

.oc-promotions-module .oc-promotions-intro > div {
	position: relative;
	z-index: 1;
}

.oc-promotions-module .oc-promotions-intro .oc-kicker {
	background: #e6d66c;
	color: #111520;
	box-shadow: none;
}

.oc-promotions-module .oc-promotions-intro h2 {
	max-width: 780px;
	margin: 10px 0 12px;
	color: #fff;
	font-size: 46px;
	line-height: 1.02;
}

.oc-promotions-module .oc-promotions-intro p {
	max-width: 820px;
	color: rgba(255, 255, 255, .76);
	font-size: 17px;
	line-height: 1.52;
}

.oc-promotions-module .oc-promotions-intro__panel {
	align-self: stretch;
	gap: 14px;
	padding: 22px;
	border-color: rgba(255, 255, 255, .16);
	border-radius: 16px;
	background: rgba(255, 255, 255, .08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
	backdrop-filter: blur(10px);
}

.oc-promotions-module .oc-promotions-intro__panel strong {
	color: #fff;
	font-size: 31px;
	line-height: 1.04;
}

.oc-promotions-module .oc-promotions-intro__panel ul {
	gap: 10px;
}

.oc-promotions-module .oc-promotions-intro__panel li {
	color: rgba(255, 255, 255, .82);
	font-size: 15px;
	line-height: 1.38;
}

.oc-promotions-module .oc-promotions-intro__panel li::before {
	background: #e6d66c;
	box-shadow: 0 0 0 4px rgba(230, 214, 108, .12);
}

.oc-promotions-module .oc-promo-strip {
	gap: 8px;
	margin: 0;
	padding: 2px 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.oc-promotions-module .oc-promo-strip span {
	padding: 10px 12px;
	border: 1px solid rgba(47, 125, 91, .13);
	background: #fff;
	color: var(--oc-green-dark);
	box-shadow: 0 10px 22px rgba(17, 21, 32, .045);
}

.oc-promotions-module .oc-promo-list-head {
	display: grid;
	grid-template-columns: minmax(240px, .45fr) minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	padding: 12px 4px 4px;
	border-top: 1px solid rgba(216, 224, 236, .72);
}

.oc-promotions-module .oc-promo-list-head .oc-kicker {
	padding: 8px 12px;
	background: #fff;
	box-shadow: 0 8px 18px rgba(17, 21, 32, .04);
}

.oc-promotions-module .oc-promo-list-head h2 {
	margin-top: 8px;
	font-size: 30px;
	line-height: 1.05;
}

.oc-promotions-module .oc-promo-list-head p {
	justify-self: end;
	max-width: 620px;
	color: #657084;
	font-size: 15px;
	line-height: 1.46;
}

.oc-promotions-module .oc-promo-grid {
	gap: 12px;
}

@media (max-width: 980px) {
	.oc-promotions-module .oc-promotions-intro {
		grid-template-columns: 1fr;
	}

	.oc-promotions-module .oc-promotions-intro h2 {
		font-size: 40px;
	}
}

@media (max-width: 820px) {
	.oc-promotions-module {
		padding: 10px;
		border-radius: 18px;
	}

	.oc-promotions-module .oc-promo-list-head {
		grid-template-columns: 1fr;
	}

	.oc-promotions-module .oc-promo-list-head p {
		justify-self: start;
	}
}

@media (max-width: 560px) {
	.oc-promotions-module .oc-promotions-intro {
		padding: 22px 18px;
	}

	.oc-promotions-module .oc-promotions-intro h2 {
		font-size: 34px;
	}

	.oc-promotions-module .oc-promotions-intro__panel strong {
		font-size: 26px;
	}
}

/* 2026-06-29: simple promotions intro plus one offer grid. */
.oc-promotions-module {
	gap: clamp(14px, 2vw, 20px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.oc-promotions-module .oc-promotions-intro {
	display: block;
	overflow: visible;
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid var(--oc-line);
	border-left: 6px solid #d3a83b;
	border-radius: 18px;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .12), transparent 36%),
		linear-gradient(135deg, #fff 0%, #fbfcff 68%, #f7fbf8 100%);
	color: var(--oc-ink);
	box-shadow: 0 16px 38px rgba(17, 21, 32, .055);
}

.oc-promotions-module .oc-promotions-intro::before,
.oc-promotions-module .oc-promotions-intro::after {
	content: none;
}

.oc-promotions-module .oc-promotions-intro .oc-kicker {
	background: var(--oc-mint);
	color: var(--oc-green-dark);
}

.oc-promotions-module .oc-promotions-intro h2 {
	max-width: 920px;
	margin: 10px 0 10px;
	color: var(--oc-ink);
	font-size: clamp(34px, 3.1vw, 48px);
	line-height: 1.02;
}

.oc-promotions-module .oc-promotions-intro p {
	max-width: 880px;
	color: var(--oc-muted);
	font-size: clamp(16px, 1.1vw, 18px);
	line-height: 1.5;
}

.oc-promotions-module .oc-promo-grid {
	grid-template-columns: 1fr;
	gap: 12px;
}

.oc-promotions-module .oc-promo-card {
	grid-template-columns: minmax(220px, 30%) minmax(0, 1fr);
	min-height: 244px;
	border-radius: 16px;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .06);
}

.oc-promotions-module .oc-promo-card__brand {
	padding: clamp(20px, 2vw, 28px);
}

.oc-promotions-module .oc-promo-card__brand .oc-logo-medallion {
	width: min(88%, 210px);
	height: 108px;
	padding: 0;
}

.oc-promotions-module .oc-promo-card__body {
	gap: 10px;
	padding: clamp(18px, 2vw, 22px);
}

.oc-promotions-module .oc-promo-card h3 {
	font-size: clamp(22px, 1.55vw, 27px);
	line-height: 1.08;
}

.oc-promotions-module .oc-promo-card p {
	font-size: 15px;
	line-height: 1.43;
}

.oc-promotions-module .oc-promo-card__meta {
	align-items: flex-start;
}

.oc-promotions-module .oc-promo-card__actions .oc-button {
	min-height: 44px;
	padding-inline: 17px;
}

@media (max-width: 820px) {
	.oc-promotions-module .oc-promotions-intro {
		padding: 20px;
		border-left-width: 4px;
	}

	.oc-promotions-module .oc-promo-card {
		grid-template-columns: 1fr;
	}

	.oc-promotions-module .oc-promo-card__brand {
		min-height: 160px;
	}
}

@media (max-width: 560px) {
	.oc-promotions-module .oc-promotions-intro h2 {
		font-size: clamp(30px, 9vw, 38px);
	}
}

/* 2026-06-30: review hero carries the casino logo; sidebar keeps only the sticky offer banner. */
.oc-review-title-hero__logo-panel {
	position: relative;
	display: grid !important;
	min-height: 190px;
	place-items: center;
	align-self: stretch;
	padding: 28px !important;
	overflow: hidden;
}

.oc-review-title-hero__logo-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(circle at 22% 18%, rgba(255, 255, 255, .18), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 58%);
	pointer-events: none;
}

.oc-review-title-hero__logo {
	position: relative;
	z-index: 1;
	display: block;
	width: auto;
	max-width: min(245px, 86%);
	height: auto;
	max-height: 118px;
	object-fit: contain;
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .34));
}

.oc-review-title-hero__logo--betfred-casino,
.oc-review-title-hero__logo--betfred {
	max-height: 86px;
}

.oc-review-title-hero__logo--all-british-casino,
.oc-review-title-hero__logo--all-british {
	max-height: 138px;
}

.oc-review-title-hero__logo-fallback {
	position: relative;
	z-index: 1;
	display: grid;
	width: 112px;
	height: 112px;
	place-items: center;
	border-radius: 24px;
	background: rgba(255, 255, 255, .9);
	color: var(--oc-ink) !important;
	font-size: 28px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

.oc-review-page .oc-review-sidebar-slot {
	gap: 0 !important;
}

.oc-review-page .oc-sidebar-offer {
	border: 1px solid rgba(211, 181, 89, .86) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 92% 4%, rgba(241, 216, 121, .36), transparent 28%),
		linear-gradient(180deg, #fffdf7 0%, #ffffff 51%, #fff8ef 100%) !important;
	box-shadow:
		0 26px 54px rgba(17, 21, 32, .18),
		0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

.oc-review-page .oc-sidebar-offer--banner::before {
	height: 7px;
	background: linear-gradient(90deg, #d5ad3e 0%, #183f31 50%, #b6542b 100%);
}

.oc-review-page .oc-sidebar-offer--banner::after {
	top: 7px;
	width: 112px;
	height: 112px;
	background: linear-gradient(135deg, rgba(24, 63, 49, .12), rgba(213, 173, 62, .18));
}

.oc-review-page .oc-sidebar-offer__head {
	position: relative;
	padding: 22px 20px 16px !important;
	border-bottom: 1px solid rgba(218, 226, 236, .92);
	background:
		linear-gradient(135deg, rgba(24, 63, 49, .1), rgba(246, 230, 167, .28));
}

.oc-review-page .oc-sidebar-offer__eyebrow {
	padding: 8px 12px !important;
	background: #173d31 !important;
	box-shadow: 0 10px 22px rgba(24, 63, 49, .18);
}

.oc-review-page .oc-sidebar-offer b {
	color: #475166 !important;
	font-size: 15px !important;
}

.oc-review-page .oc-sidebar-offer__copy {
	display: grid;
	gap: 12px;
	padding: 18px 20px 16px;
}

.oc-review-page .oc-sidebar-offer__copy strong,
.oc-review-page .oc-sidebar-offer__copy p {
	padding: 0 !important;
}

.oc-review-page .oc-sidebar-offer__copy strong {
	color: var(--oc-ink) !important;
	font-size: 22px !important;
	line-height: 1.13 !important;
}

.oc-review-page .oc-sidebar-offer__copy p {
	padding: 13px 14px !important;
	border: 1px solid rgba(219, 226, 236, .95);
	border-radius: 12px;
	background: rgba(246, 248, 251, .78);
	color: #5b6576 !important;
	font-size: 12.5px !important;
	line-height: 1.5 !important;
}

.oc-review-page .oc-sidebar-offer a {
	min-height: 56px !important;
	margin: 0 20px !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #bb552a, #8f3d1f) !important;
	font-size: 15px !important;
	text-decoration: none !important;
	box-shadow:
		0 18px 32px rgba(182, 84, 43, .32),
		0 1px 0 rgba(255, 255, 255, .26) inset !important;
}

.oc-review-page .oc-sidebar-offer a:hover,
.oc-review-page .oc-sidebar-offer a:focus-visible {
	background: linear-gradient(135deg, #151922, #283241) !important;
	box-shadow:
		0 20px 38px rgba(17, 21, 32, .28),
		0 1px 0 rgba(255, 255, 255, .18) inset !important;
}

.oc-review-page .oc-sidebar-offer small {
	padding: 12px 20px 18px !important;
	color: #6c7280 !important;
}

@media (max-width: 760px) {
	.oc-review-title-hero__logo-panel {
		min-height: 150px;
		padding: 22px !important;
	}

	.oc-review-title-hero__logo {
		max-height: 96px;
	}
}

/* 2026-06-30: combined cleanup pass for navigation, TOC, logos, release cards, homepage, and footer. */
.oc-drawer.is-open {
	background: rgba(9, 12, 21, .28) !important;
	backdrop-filter: none !important;
}

.oc-drawer-panel {
	top: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
	width: min(374px, calc(100vw - 20px)) !important;
	padding: 14px !important;
	gap: 10px !important;
	border: 1px solid rgba(218, 226, 236, .22) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 100% 0, rgba(225, 203, 99, .12), transparent 32%),
		linear-gradient(180deg, rgba(255, 255, 255, .985), rgba(246, 248, 251, .985)) !important;
	color: var(--oc-ink) !important;
	box-shadow: -16px 0 46px rgba(17, 21, 32, .22) !important;
}

.oc-drawer-close {
	top: 12px !important;
	right: 12px !important;
	background: #eef3f0 !important;
	color: var(--oc-ink) !important;
}

.oc-drawer-close::before,
.oc-drawer-close::after {
	background: var(--oc-ink) !important;
}

.oc-drawer-head {
	display: grid;
	gap: 3px;
	padding: 2px 42px 0 2px;
}

.oc-drawer-head span {
	width: fit-content;
	padding: 6px 9px;
	border-radius: 999px;
	background: var(--oc-mint);
	color: var(--oc-green-dark);
	font-size: 11px;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.oc-drawer-head strong {
	color: var(--oc-ink);
	font-size: 17px;
	font-weight: 950;
	line-height: 1.16;
}

.oc-drawer-quicklinks {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
}

.oc-drawer-quicklinks a {
	display: grid;
	min-height: 34px;
	place-items: center;
	border: 1px solid var(--oc-line);
	border-radius: 10px;
	background: #fff;
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 900;
	text-decoration: none !important;
	transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.oc-drawer-quicklinks a:hover,
.oc-drawer-quicklinks a:focus-visible {
	border-color: var(--oc-ink);
	background: var(--oc-ink);
	color: #fff;
}

.oc-drawer-search {
	grid-template-columns: minmax(0, 1fr) 72px !important;
	margin: 0 !important;
}

.oc-drawer-search input,
.oc-drawer-search button {
	min-height: 38px !important;
	border-radius: 10px !important;
	font-size: 12px !important;
}

.oc-drawer-search input {
	border: 1px solid var(--oc-line) !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
}

.oc-drawer-search input::placeholder {
	color: #788294 !important;
}

.oc-drawer-search button {
	background: var(--oc-ink) !important;
	color: #fff !important;
}

.oc-drawer-nav {
	gap: 3px !important;
	padding: 0 0 8px !important;
}

.oc-drawer-link {
	min-height: 38px !important;
	padding: 7px 8px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(218, 226, 236, .78) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus-visible {
	background: rgba(233, 247, 239, .8) !important;
}

.oc-drawer-link .oc-lite-icon {
	color: var(--oc-green-dark) !important;
}

.oc-drawer-label strong {
	color: var(--oc-ink) !important;
	font-size: 13px !important;
	font-weight: 780 !important;
}

.oc-drawer-toggle {
	border: 1px solid var(--oc-line) !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
}

.oc-drawer-toggle::after {
	color: var(--oc-ink) !important;
}

.oc-drawer-submenu {
	margin: 2px 0 6px 31px !important;
	border-left: 1px solid rgba(47, 125, 91, .22) !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	color: #3c4657 !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus-visible,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus-visible {
	background: var(--oc-mint) !important;
	color: var(--oc-green-dark) !important;
}

.oc-prose #review-toc.oc-toc-inline {
	max-width: none;
	margin: 0 0 28px;
	padding: clamp(16px, 2vw, 22px);
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .06);
}

.oc-prose #review-toc.oc-toc-inline label,
.oc-prose #review-toc.oc-toc-inline input,
.oc-prose #review-toc.oc-toc-inline .ez-toc-title-toggle {
	display: none !important;
}

.oc-prose #review-toc.oc-toc-inline .ez-toc-title {
	margin-bottom: 10px;
	color: var(--oc-ink);
	font-size: clamp(20px, 1.7vw, 26px);
	font-weight: 950;
}

.oc-prose #review-toc.oc-toc-inline ul {
	margin: 0;
	padding-left: 18px;
}

.oc-prose #review-toc.oc-toc-inline li {
	margin: 5px 0;
}

.oc-prose #review-toc.oc-toc-inline a {
	color: var(--oc-green-dark);
	font-size: 15px;
	font-weight: 850;
	line-height: 1.25;
	text-decoration: none !important;
}

.oc-logo-medallion,
.oc-logo-medallion--sm,
.oc-logo-medallion--xl,
.oc-pick-card .oc-logo-medallion,
.oc-shortcode-offer__media .oc-logo-medallion,
.oc-shortcode-row__casino .oc-logo-medallion,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion,
.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion,
.oc-review-page .oc-review-identity .oc-logo-medallion--xl,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel,
.oc-review-row .oc-logo-medallion,
.oc-review-directory-card__top .oc-logo-medallion,
.oc-money-pick-card__brand .oc-logo-medallion,
.oc-money-pick-row__logo .oc-logo-medallion,
.oc-bonus-card__media .oc-logo-medallion {
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-logo-medallion img,
.oc-pick-card__top .oc-logo-medallion img,
.oc-shortcode-row__casino .oc-logo-medallion img,
.oc-shortcode-offer__media .oc-logo-medallion img,
.oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img,
.oc-prose .oc-shortcode-list--ranked .oc-brand-panel .oc-logo-medallion img,
.oc-review-page .oc-review-identity .oc-logo-medallion--xl img,
.oc-review-page .oc-review-identity .oc-logo-medallion--panel img,
.oc-review-row .oc-logo-medallion img,
.oc-review-directory-card__top .oc-logo-medallion img,
.oc-money-pick-card__brand .oc-logo-medallion img,
.oc-money-pick-row__logo .oc-logo-medallion img,
.oc-bonus-card__media .oc-logo-medallion img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	border-radius: 0 !important;
	filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .24));
}

.oc-promo-card__logo {
	display: grid;
	width: min(88%, 230px);
	height: 118px;
	place-items: center;
}

.oc-promo-card__logo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 0;
	filter: drop-shadow(0 16px 28px rgba(0, 0, 0, .28));
}

.oc-promo-card__logo i {
	display: grid;
	width: 88px;
	height: 88px;
	place-items: center;
	border-radius: 18px;
	background: rgba(255, 255, 255, .9);
	color: var(--oc-ink);
	font-style: normal;
	font-weight: 950;
}

.oc-new-slots-hub {
	gap: clamp(14px, 2vw, 22px);
	margin-top: clamp(10px, 2vw, 22px);
}

.oc-new-slots-release-board {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	align-items: start;
}

.oc-new-slots-release-board.has-upcoming {
	grid-template-columns: minmax(0, 1fr) minmax(292px, 350px);
}

.oc-new-slots-board__main {
	display: grid;
	gap: 12px;
}

.oc-new-slots-board__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 13px 16px;
	border: 1px solid var(--oc-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(17, 21, 32, .05);
}

.oc-new-slots-board__label span,
.oc-new-slots-board__label strong {
	color: var(--oc-green-dark);
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.oc-new-slots-feature-layout,
.oc-new-slots-feature-layout.has-upcoming {
	align-items: start !important;
}

.oc-new-slots-feature-layout .oc-new-slots-featured,
.oc-new-slots-featured {
	height: auto !important;
	align-items: start !important;
}

.oc-new-slots-featured {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.oc-new-slot-card {
	min-height: 0 !important;
	align-self: start !important;
	grid-template-rows: auto minmax(142px, auto);
}

.oc-new-slot-card__media {
	height: auto !important;
	aspect-ratio: 16 / 9;
}

.oc-new-slot-card__body {
	align-content: start;
	min-height: 142px;
	gap: 7px;
	padding: 14px;
}

.oc-new-slot-card__body small,
.oc-new-slot-card__body strong {
	overflow-wrap: anywhere;
}

.oc-new-slot-card__body strong {
	display: -webkit-box;
	min-height: 2.25em;
	overflow: hidden;
	font-size: clamp(18px, 1.2vw, 22px);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.oc-new-slot-card__tags {
	display: none;
}

.oc-new-slot-card__action {
	width: fit-content;
	margin-top: auto;
	padding-top: 3px;
	color: var(--oc-green-dark);
	font-size: 12px;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.oc-new-slots-upcoming {
	position: sticky;
	top: 92px;
}

.oc-promotions-module {
	gap: 14px;
}

.oc-promotions-module .oc-promotions-intro {
	padding: clamp(20px, 2.4vw, 30px);
	border-left: 6px solid var(--oc-green);
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .11), transparent 34%),
		linear-gradient(180deg, #fff, #fbfcff);
}

.oc-promotions-module .oc-promotions-intro h2 {
	margin-bottom: 8px;
	font-size: clamp(34px, 3vw, 50px);
}

.oc-promotions-module .oc-promo-grid {
	gap: 14px;
}

.oc-promotions-module .oc-promo-card {
	grid-template-columns: minmax(230px, 30%) minmax(0, 1fr);
	min-height: 230px;
}

.oc-promotions-module .oc-promo-card__brand {
	min-height: 230px;
}

.oc-promotions-module .oc-promo-card h3 {
	font-size: clamp(24px, 1.65vw, 30px);
}

.oc-blog-strip {
	margin-top: clamp(26px, 4vw, 48px);
}

.oc-blog-strip .oc-section-head {
	align-items: end;
}

.oc-post-grid {
	gap: 16px;
}

.oc-post-card {
	overflow: hidden;
	border: 1px solid var(--oc-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(17, 21, 32, .06);
	transition: transform .18s ease, box-shadow .18s ease;
}

.oc-post-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 52px rgba(17, 21, 32, .1);
}

.oc-post-card__image {
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, #111520, #244f3a);
}

.oc-post-card h3 {
	font-size: clamp(20px, 1.5vw, 25px);
	line-height: 1.1;
}

.oc-site-footer {
	margin-top: clamp(42px, 6vw, 74px);
	background:
		radial-gradient(circle at 12% 0, rgba(47, 125, 91, .24), transparent 26%),
		linear-gradient(180deg, #111520, #0c1018) !important;
}

.oc-footer-inner {
	align-items: start;
	grid-template-columns: minmax(230px, 1.1fr) minmax(150px, .65fr) minmax(170px, .75fr) minmax(260px, 1.2fr);
}

.oc-footer-brand p,
.oc-site-footer p {
	max-width: 36ch;
}

.oc-footer-links a {
	text-decoration: none !important;
}

.oc-footer-links a:hover,
.oc-footer-links a:focus-visible {
	color: #fff;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 4px !important;
}

.oc-footer-trust-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0;
}

.oc-footer-trust-grid span {
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
	color: #eef8f2;
	font-size: 12px;
	font-weight: 850;
	line-height: 1;
}

.oc-review-page .oc-sidebar-offer a {
	text-decoration: none !important;
}

.oc-review-page .oc-sidebar-offer__copy p {
	font-size: 13px !important;
	line-height: 1.52 !important;
}

@media (max-width: 1120px) {
	.oc-new-slots-release-board.has-upcoming,
	.oc-new-slots-featured,
	.oc-footer-inner {
		grid-template-columns: 1fr;
	}

	.oc-new-slots-upcoming {
		position: static;
	}
}

@media (max-width: 820px) {
	.oc-promotions-module .oc-promo-card {
		grid-template-columns: 1fr;
	}

	.oc-promotions-module .oc-promo-card__brand {
		min-height: 170px;
	}
}

@media (max-width: 640px) {
	.oc-drawer-panel {
		top: 6px !important;
		right: 6px !important;
		bottom: 6px !important;
		width: min(342px, calc(100vw - 12px)) !important;
	}

	.oc-drawer-quicklinks {
		grid-template-columns: 1fr;
	}

	.oc-new-slots-featured,
	.oc-new-slots-grid {
		grid-template-columns: 1fr;
	}
}

/* 2026-06-30: make the editable homepage guide read as designed editorial blocks. */
.oc-home-showcase {
	position: relative;
}

.oc-home-showcase__head {
	overflow: hidden;
	border: 1px solid rgba(218, 226, 236, .9);
	background:
		radial-gradient(circle at 86% 12%, rgba(215, 170, 53, .13), transparent 30%),
		linear-gradient(135deg, #fff 0%, #f9fbf8 100%) !important;
}

.oc-home-showcase__grid {
	align-items: stretch;
}

.oc-home-guide-card,
.oc-home-spotlight,
.oc-home-featured-games,
.oc-home-battle,
.oc-home-method,
.oc-home-checklist,
.oc-home-insights,
.oc-home-long-section,
.oc-home-feature-panel {
	border: 1px solid rgba(218, 226, 236, .92) !important;
	box-shadow: 0 18px 44px rgba(17, 21, 32, .07) !important;
}

.oc-home-battle {
	overflow: hidden;
	grid-template-columns: minmax(0, 1.05fr) minmax(320px, .55fr) !important;
	gap: 0 !important;
	padding: 0 !important;
	background: #fff !important;
}

.oc-home-battle__copy {
	padding: clamp(24px, 3vw, 42px) !important;
}

.oc-home-battle__visual {
	align-content: center;
	min-height: 100%;
	padding: clamp(22px, 3vw, 36px) !important;
	border-left: 1px solid rgba(255, 255, 255, .12);
	border-radius: 0 !important;
	background:
		radial-gradient(circle at 50% 6%, rgba(225, 203, 99, .2), transparent 34%),
		linear-gradient(160deg, #111520 0%, #183427 100%) !important;
	color: #fff;
}

.oc-home-battle__visual p,
.oc-home-proof-list dd {
	color: rgba(255, 255, 255, .76) !important;
}

.oc-home-proof-list div {
	border-color: rgba(255, 255, 255, .12) !important;
	background: rgba(255, 255, 255, .06) !important;
}

.oc-home-proof-list dt {
	color: #f0dc79 !important;
}

.oc-home-method {
	background:
		radial-gradient(circle at 100% 0, rgba(47, 125, 91, .12), transparent 30%),
		#fff !important;
}

.oc-home-checklist {
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .18), transparent 30%),
		linear-gradient(135deg, #111520, #193629) !important;
}

.oc-home-feature-stack {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.oc-home-feature-panel {
	align-items: start !important;
	grid-template-columns: 58px minmax(0, 1fr) !important;
	background:
		radial-gradient(circle at 100% 0, rgba(215, 170, 53, .1), transparent 32%),
		#fff !important;
}

.oc-home-insights {
	background:
		linear-gradient(180deg, #fbfcff, #fff) !important;
}

.oc-home-long-section {
	display: grid;
	gap: 14px;
	padding: clamp(20px, 2.4vw, 30px) !important;
}

.oc-home-long-section__head {
	display: grid;
	gap: 8px;
	max-width: 920px;
}

.oc-home-long-section > .oc-home-content-grid {
	margin-top: 4px;
}

@media (max-width: 980px) {
	.oc-home-battle,
	.oc-home-feature-stack {
		grid-template-columns: 1fr !important;
	}

	.oc-home-battle__visual {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, .12);
	}
}

/* 2026-06-30: place upcoming new slots as their own grid after latest playable demos. */
.oc-new-slots-release-board.has-upcoming {
	grid-template-columns: 1fr !important;
}

.oc-new-slots-upcoming {
	position: static !important;
	display: grid;
	gap: 16px;
	padding: clamp(18px, 2.4vw, 28px) !important;
}

.oc-new-slots-upcoming h3 {
	max-width: 760px;
}

.oc-new-slots-upcoming p {
	max-width: 760px;
}

.oc-upcoming-slot-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.oc-upcoming-slot-item {
	align-items: stretch;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
	overflow: hidden;
	padding: 0 !important;
	border-radius: 15px;
	background: #fff;
}

.oc-upcoming-slot-item__media {
	aspect-ratio: 16 / 9 !important;
	border-radius: 0 !important;
}

.oc-upcoming-slot-item__copy {
	min-height: 112px;
	padding: 13px 14px 14px;
}

.oc-upcoming-slot-item__copy strong {
	display: -webkit-box;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.15;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media (max-width: 1120px) {
	.oc-upcoming-slot-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.oc-upcoming-slot-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 520px) {
	.oc-upcoming-slot-list {
		grid-template-columns: 1fr;
	}
}

/* 2026-06-30: contain plugin related posts so they cannot slide under the footer. */
.oc-prose .rp4wp-related-posts {
	clear: both !important;
	display: flow-root;
	width: 100%;
	margin: clamp(28px, 4vw, 44px) 0 0;
	padding: clamp(18px, 2.6vw, 28px);
	border: 1px solid var(--oc-line);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(17, 21, 32, .07);
}

.oc-prose .rp4wp-related-posts h3 {
	margin: 0 0 18px;
	color: var(--oc-ink);
	font-size: clamp(22px, 1.8vw, 30px);
	line-height: 1.1;
}

.oc-prose .rp4wp-related-posts ul {
	display: grid !important;
	float: none !important;
	width: 100% !important;
	gap: 14px;
	margin: 0 !important;
	padding: 0 !important;
}

.oc-prose .rp4wp-related-posts ul > li {
	clear: none !important;
	display: grid !important;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	margin: 0 !important;
	padding: 12px !important;
	border: 1px solid rgba(218, 226, 236, .9);
	border-radius: 14px;
	background: #fbfcff;
	list-style: none !important;
}

.oc-prose .rp4wp-related-post-image {
	float: none !important;
	width: auto !important;
	padding: 0 !important;
}

.oc-prose .rp4wp-related-post-image img {
	display: block;
	width: 92px !important;
	height: 92px !important;
	border-radius: 12px;
	object-fit: cover;
}

.oc-prose .rp4wp-related-post-content {
	float: none !important;
	min-width: 0;
}

.oc-prose .rp4wp-related-post-content > a {
	display: inline;
	color: var(--oc-green-dark);
	font-size: clamp(16px, 1.15vw, 19px);
	font-weight: 900;
	line-height: 1.18;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.oc-prose .rp4wp-related-post-content p {
	display: -webkit-box;
	margin: 8px 0 0 !important;
	overflow: hidden;
	color: var(--oc-muted);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media (max-width: 560px) {
	.oc-prose .rp4wp-related-posts ul > li {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px;
	}

	.oc-prose .rp4wp-related-post-image img {
		width: 72px !important;
		height: 72px !important;
	}
}

/* 2026-06-30: keep FAQ toggle visible and tighten FAQ/related article spacing. */
.oc-faq-block {
	margin-bottom: clamp(16px, 2vw, 24px) !important;
}

.oc-faq-item summary {
	overflow: visible !important;
	padding-right: 76px !important;
}

.oc-faq-item summary::after {
	top: 50% !important;
	right: 22px !important;
	display: block !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 999px !important;
	font-family: Arial, sans-serif !important;
	font-size: 24px !important;
	font-weight: 800 !important;
	line-height: 38px !important;
	text-align: center !important;
	transform: translateY(-50%) !important;
}

.oc-prose .oc-faq-block + .rp4wp-related-posts,
.oc-prose .rp4wp-related-posts {
	margin-top: clamp(16px, 2.2vw, 24px) !important;
}

.oc-prose .rp4wp-related-posts {
	padding: clamp(16px, 2vw, 22px) !important;
}

.oc-prose .rp4wp-related-posts h3 {
	margin-bottom: 12px !important;
}

@media (max-width: 820px) {
	.oc-faq-item summary {
		padding-right: 66px !important;
	}

	.oc-faq-item summary::after {
		right: 16px !important;
		width: 34px !important;
		height: 34px !important;
		font-size: 22px !important;
		line-height: 34px !important;
	}
}

.oc-prose .oc-faq-schema-block {
	margin: clamp(24px, 3vw, 36px) 0 clamp(14px, 2vw, 22px) !important;
	padding: clamp(18px, 2.4vw, 28px) !important;
	border-radius: 18px !important;
}

.oc-prose .oc-faq-schema-block .oc-faq-header {
	margin-bottom: 14px !important;
}

.oc-prose .oc-faq-schema-block .oc-faq-header h4 {
	margin-top: 10px !important;
	font-size: clamp(28px, 2.5vw, 42px) !important;
	line-height: 1.1 !important;
}

.oc-prose .oc-faq-schema-block .oc-faq-list {
	gap: 10px !important;
}

.oc-prose .oc-faq-schema-block .oc-faq-item summary {
	min-height: 62px !important;
	padding: 16px 76px 16px 18px !important;
}

.oc-prose .oc-faq-schema-block .oc-faq-item summary::after {
	top: 50% !important;
	right: 22px !important;
	width: 38px !important;
	height: 38px !important;
	color: #111827 !important;
	background: #f2ce35 !important;
	font-size: 24px !important;
	line-height: 38px !important;
	transform: translateY(-50%) !important;
}

.oc-prose .oc-faq-schema-block + .abh_box,
.oc-prose .oc-faq-schema-block + .abh_box + .rp4wp-related-posts,
.oc-prose .oc-faq-schema-block ~ .rp4wp-related-posts {
	margin-top: clamp(14px, 2vw, 22px) !important;
}

@media (max-width: 820px) {
	.oc-prose .oc-faq-schema-block .oc-faq-item summary {
		padding-right: 66px !important;
	}

	.oc-prose .oc-faq-schema-block .oc-faq-item summary::after {
		right: 16px !important;
		width: 34px !important;
		height: 34px !important;
		font-size: 22px !important;
		line-height: 34px !important;
	}
}

/* 2026-06-30: rebuild the editable homepage guide into a stronger decision hub. */
.oc-home-showcase {
	position: relative;
	width: min(var(--oc-wide), calc(100% - 40px));
	padding: 22px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 72px 72px,
		linear-gradient(180deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 72px 72px,
		linear-gradient(135deg, #101520 0%, #16231f 54%, #2e573f 100%) !important;
	box-shadow: 0 34px 90px rgba(17, 21, 32, .2);
}

.oc-home-showcase__head {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
	gap: 44px;
	overflow: hidden;
	margin: 0 !important;
	padding: 46px !important;
	border: 1px solid rgba(240, 220, 121, .22) !important;
	border-radius: 22px !important;
	background:
		linear-gradient(90deg, rgba(16, 21, 32, .97), rgba(23, 53, 40, .91)),
		linear-gradient(135deg, rgba(240, 220, 121, .18), transparent 54%) !important;
	color: #fff !important;
	box-shadow: none !important;
}

.oc-home-showcase__head::before {
	position: absolute;
	inset: 22px 22px 22px auto;
	width: min(410px, 38%);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 18px;
	background:
		linear-gradient(90deg, rgba(240, 220, 121, .24) 0 6px, transparent 6px),
		repeating-linear-gradient(180deg, transparent 0 30px, rgba(255, 255, 255, .1) 30px 32px),
		linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
	content: "";
}

.oc-home-showcase__head::after {
	position: absolute;
	right: -72px;
	bottom: -88px;
	width: 330px;
	height: 210px;
	border: 1px solid rgba(240, 220, 121, .26);
	border-radius: 28px;
	background:
		linear-gradient(135deg, rgba(240, 220, 121, .16), rgba(255, 255, 255, .03)),
		linear-gradient(90deg, transparent 0 23%, rgba(255, 255, 255, .12) 23% 26%, transparent 26% 49%, rgba(255, 255, 255, .12) 49% 52%, transparent 52%);
	transform: rotate(-8deg);
	content: "";
}

.oc-home-showcase__head > * {
	position: relative;
	z-index: 1;
}

.oc-home-showcase__head .oc-kicker {
	background: #f0dc79 !important;
	color: #111520 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

.oc-home-showcase__head h2 {
	max-width: 900px;
	margin: 16px 0 0 !important;
	color: #fff !important;
	font-size: 64px !important;
	line-height: .96 !important;
	letter-spacing: 0 !important;
	text-shadow: none !important;
}

.oc-home-showcase__head p {
	align-self: center;
	justify-self: end;
	width: min(100%, 480px);
	max-width: none !important;
	margin: 0 !important;
	padding: 20px 22px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: rgba(255, 255, 255, .075);
	color: rgba(255, 255, 255, .86) !important;
	font-size: 19px !important;
	font-weight: 820 !important;
	line-height: 1.45 !important;
}

.oc-home-showcase__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(420px, .66fr);
	gap: 22px;
	align-items: stretch;
	margin-top: 22px !important;
}

.oc-home-guide-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.oc-home-guide-card {
	position: relative;
	overflow: hidden;
	grid-template-columns: 66px minmax(0, 1fr) !important;
	gap: 17px !important;
	min-height: 236px;
	padding: 24px !important;
	border: 1px solid rgba(236, 220, 150, .34) !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #fff, #f8fbf8) !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .18) !important;
}

.oc-home-guide-card::before {
	position: absolute;
	inset: 0 0 auto;
	width: 100% !important;
	height: 5px !important;
	border-radius: 0 !important;
	background: linear-gradient(90deg, #d4ad3f, #2f7d5b) !important;
	content: "";
}

.oc-home-guide-card::after {
	position: absolute;
	right: 18px;
	top: 18px;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(17, 21, 32, .08);
	border-radius: 999px;
	background: #111520;
	color: #f0dc79;
	font-size: 13px;
	font-weight: 950;
	line-height: 1;
}

.oc-home-guide-card--1::after {
	content: "01";
}

.oc-home-guide-card--2::after {
	content: "02";
}

.oc-home-guide-card--3::after {
	content: "03";
}

.oc-home-guide-card--4::after {
	content: "04";
}

.oc-home-guide-card--5::after {
	content: "05";
}

.oc-home-guide-card--6::after {
	content: "06";
}

.oc-home-guide-card:hover,
.oc-home-guide-card:focus-within {
	border-color: rgba(240, 220, 121, .68) !important;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .24) !important;
	transform: translateY(-3px);
}

.oc-home-guide-card__icon {
	width: 66px !important;
	height: 66px !important;
	margin-top: 6px !important;
	border-radius: 18px !important;
	background: #e9f7ef !important;
	color: var(--oc-green-dark) !important;
	box-shadow: inset 0 0 0 1px rgba(47, 125, 91, .12);
}

.oc-home-guide-card__icon .oc-lite-icon {
	width: 46px !important;
	height: 46px !important;
}

.oc-home-guide-card h3 {
	max-width: calc(100% - 54px);
	margin: 8px 0 9px !important;
	color: #111520 !important;
	font-size: 27px !important;
	line-height: 1.02 !important;
	letter-spacing: 0 !important;
}

.oc-home-guide-card p {
	color: #667085 !important;
	font-size: 16px !important;
	font-weight: 760 !important;
	line-height: 1.42 !important;
}

.oc-home-guide-card a {
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin-top: 16px !important;
	padding: 0 14px;
	border-radius: 999px;
	background: #edf8f1;
	color: var(--oc-green-dark) !important;
	font-size: 14px;
	font-weight: 950;
	text-decoration: none !important;
	transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.oc-home-guide-card a:hover,
.oc-home-guide-card a:focus {
	background: #111520;
	color: #fff !important;
	transform: translateY(-1px);
}

.oc-home-spotlight {
	min-height: 100%;
	border: 1px solid rgba(240, 220, 121, .34) !important;
	border-radius: 22px !important;
	background:
		linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) 0 0 / 58px 58px,
		linear-gradient(135deg, #0f141f 0%, #173629 64%, #4f5929 100%) !important;
	box-shadow: 0 28px 74px rgba(0, 0, 0, .24) !important;
}

.oc-home-spotlight__copy {
	padding: 28px 28px 20px !important;
}

.oc-home-spotlight__eyebrow {
	background: rgba(240, 220, 121, .2) !important;
	color: #ffe88b !important;
	letter-spacing: 0 !important;
}

.oc-home-spotlight h3 {
	margin-top: 18px !important;
	color: #fff !important;
	font-size: 42px !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

.oc-home-spotlight p {
	color: rgba(255, 255, 255, .78) !important;
	font-size: 17px !important;
	font-weight: 760 !important;
}

.oc-home-spotlight__button {
	min-height: 50px !important;
	padding: 0 20px !important;
	border-radius: 12px !important;
	background: #f0dc79 !important;
	color: #111520 !important;
	text-decoration: none !important;
}

.oc-home-spotlight__button:hover,
.oc-home-spotlight__button:focus {
	background: #fff !important;
	color: #111520 !important;
}

.oc-home-spotlight__game {
	margin: 0 22px 22px !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 54px rgba(0, 0, 0, .3) !important;
}

.oc-home-spotlight__image {
	aspect-ratio: 16 / 8.4 !important;
}

.oc-home-spotlight__meta {
	grid-template-columns: minmax(0, 1fr);
	padding: 16px 18px 18px !important;
}

.oc-home-spotlight__meta strong {
	font-size: 24px !important;
}

.oc-home-featured-games {
	margin-top: 22px !important;
	padding: 24px !important;
	border: 1px solid rgba(236, 220, 150, .34) !important;
	border-radius: 22px !important;
	background: linear-gradient(180deg, #fff, #f7faf7) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .16) !important;
}

.oc-home-featured-games__head {
	margin-bottom: 20px !important;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(218, 226, 236, .9);
}

.oc-home-featured-games__head h3 {
	color: #111520 !important;
	font-size: 36px !important;
	line-height: 1.05 !important;
	letter-spacing: 0 !important;
}

.oc-home-featured-games__head p {
	color: #667085 !important;
	font-size: 16px !important;
	font-weight: 760 !important;
}

.oc-home-game-card {
	border-radius: 16px !important;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .09) !important;
}

.oc-home-game-card__body strong {
	font-size: 18px !important;
}

@media (max-width: 1180px) {
	.oc-home-showcase__head,
	.oc-home-showcase__grid,
	.oc-home-featured-games__head {
		grid-template-columns: 1fr !important;
	}

	.oc-home-showcase__head {
		gap: 24px;
	}

	.oc-home-showcase__head::before {
		inset: auto 22px 22px;
		width: auto;
		height: 140px;
	}

	.oc-home-showcase__head h2 {
		font-size: 48px !important;
	}

	.oc-home-showcase__head p {
		justify-self: start;
		width: min(100%, 760px);
	}
}

@media (max-width: 760px) {
	.oc-home-showcase {
		width: calc(100% - 28px);
		padding: 14px;
		border-radius: 22px;
	}

	.oc-home-showcase__head {
		padding: 26px 20px !important;
		border-radius: 18px !important;
	}

	.oc-home-showcase__head::before,
	.oc-home-showcase__head::after {
		display: none;
	}

	.oc-home-showcase__head h2 {
		font-size: 36px !important;
		line-height: 1 !important;
	}

	.oc-home-showcase__head p {
		padding: 16px;
		font-size: 16px !important;
	}

	.oc-home-guide-cards,
	.oc-home-game-grid {
		grid-template-columns: 1fr !important;
	}

	.oc-home-guide-card {
		grid-template-columns: 58px minmax(0, 1fr) !important;
		min-height: 0;
		padding: 20px !important;
	}

	.oc-home-guide-card::after {
		width: 36px;
		height: 36px;
		font-size: 12px;
	}

	.oc-home-guide-card h3 {
		font-size: 23px !important;
	}

	.oc-home-spotlight h3,
	.oc-home-featured-games__head h3 {
		font-size: 30px !important;
	}

	.oc-home-featured-games {
		padding: 18px !important;
	}
}

/* 2026-07-01: final cascade guard for the controlled homepage decision flow. */
body.home .oc-home-showcase {
	display: grid !important;
	width: min(var(--oc-wide), calc(100% - 32px)) !important;
	margin: clamp(30px, 4vw, 56px) auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	gap: clamp(22px, 3vw, 40px) !important;
}

body.home .oc-home-editorial {
	display: grid !important;
	gap: clamp(20px, 2.6vw, 34px) !important;
	margin: 0 !important;
}

body.home .oc-visual-section {
	position: relative !important;
	overflow: hidden !important;
	border: 1px solid rgba(218, 226, 238, .95) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 18px 52px rgba(17, 21, 32, .07) !important;
}

body.home .oc-home-battle {
	display: grid !important;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, .56fr) !important;
	gap: 0 !important;
	padding: 0 !important;
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 92% 8%, rgba(215, 170, 53, .13), transparent 34%) !important;
}

body.home .oc-home-battle__copy {
	display: grid !important;
	align-content: center !important;
	gap: 18px !important;
	padding: clamp(28px, 4.2vw, 58px) !important;
}

body.home .oc-visual-head h2,
body.home .oc-home-battle__copy h2,
body.home .oc-stepper h2,
body.home .oc-support-panel h2,
body.home .oc-verdict-panel h2 {
	max-width: 980px !important;
	margin: 0 !important;
	color: var(--oc-ink) !important;
	font-size: clamp(30px, 3.4vw, 54px) !important;
	letter-spacing: 0 !important;
	line-height: 1.02 !important;
	text-shadow: none !important;
}

body.home .oc-home-copy-flow--battle {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 14px !important;
	margin: 0 !important;
	column-count: initial !important;
	column-gap: 0 !important;
}

body.home .oc-home-copy-flow--battle p {
	margin: 0 !important;
	padding: 16px !important;
	border: 1px solid rgba(47, 125, 91, .13) !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: var(--oc-muted) !important;
	font-size: 16px !important;
	font-weight: 650 !important;
	line-height: 1.55 !important;
	box-shadow: 0 12px 28px rgba(17, 21, 32, .045) !important;
}

body.home .oc-decision-dashboard {
	display: grid !important;
	align-content: center !important;
	gap: 22px !important;
	padding: clamp(26px, 3.2vw, 44px) !important;
	background:
		linear-gradient(145deg, #111520 0%, #1a3328 65%, #584516 100%),
		radial-gradient(circle at 12% 20%, rgba(215, 170, 53, .28), transparent 32%) !important;
	color: #fff !important;
}

body.home .oc-context-brief,
body.home .oc-scorecard,
body.home .oc-flow-diagram,
body.home .oc-ranked-recap,
body.home .oc-faq-accordion,
body.home .oc-next-steps {
	display: grid !important;
	gap: 22px !important;
	padding: clamp(24px, 3.4vw, 42px) !important;
}

body.home .oc-context-brief {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .9), rgba(255, 255, 255, .98)),
		radial-gradient(circle at 92% 12%, rgba(215, 170, 53, .18), transparent 30%) !important;
}

body.home .oc-context-brief--since {
	grid-template-columns: 1fr !important;
	padding: clamp(24px, 3.4vw, 44px) !important;
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .82), rgba(255, 255, 255, .98) 58%, rgba(255, 249, 226, .65)),
		radial-gradient(circle at 6% 20%, rgba(47, 125, 91, .1), transparent 30%),
		radial-gradient(circle at 94% 8%, rgba(215, 170, 53, .16), transparent 30%) !important;
}

body.home .oc-context-brief--since article {
	display: grid !important;
	grid-template-columns: 58px minmax(0, 1fr) !important;
	gap: 0 clamp(18px, 2vw, 28px) !important;
	align-items: start !important;
	min-height: 0 !important;
	padding: clamp(22px, 3vw, 38px) !important;
	border: 1px solid rgba(214, 224, 238, .9) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .94) !important;
	box-shadow: 0 16px 42px rgba(17, 21, 32, .06) !important;
}

body.home .oc-context-brief--since article > span {
	width: 58px !important;
	height: 58px !important;
	border-radius: 16px !important;
	background: #e9f7ef !important;
	color: var(--oc-green-dark) !important;
}

body.home .oc-context-brief--since .oc-lite-icon {
	width: 27px !important;
	height: 27px !important;
}

body.home .oc-context-brief__body {
	display: grid !important;
	gap: 16px !important;
	max-width: 1160px !important;
}

body.home .oc-context-brief--since h2 {
	margin: 0 !important;
	color: var(--oc-ink) !important;
	font-size: clamp(28px, 2.35vw, 40px) !important;
	line-height: 1.08 !important;
}

body.home .oc-context-brief__copy {
	display: grid !important;
	gap: 13px !important;
	max-width: 1080px !important;
}

body.home .oc-context-brief__copy p {
	margin: 0 !important;
	color: var(--oc-muted) !important;
	font-size: clamp(15.5px, 1vw, 17px) !important;
	font-weight: 620 !important;
	line-height: 1.65 !important;
}

body.home .oc-context-brief__copy a {
	color: var(--oc-green-dark) !important;
	font-weight: 850 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

body.home .oc-scorecard__grid,
body.home .oc-stepper__list,
body.home .oc-ranked-recap__grid,
body.home .oc-faq-accordion__list {
	display: grid !important;
	gap: 16px !important;
}

body.home .oc-scorecard__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.home .oc-stepper {
	display: grid !important;
	grid-template-columns: minmax(270px, .42fr) minmax(0, 1fr) !important;
	gap: clamp(22px, 3vw, 40px) !important;
	padding: clamp(26px, 3.6vw, 46px) !important;
	background: linear-gradient(135deg, #111520, #173528 72%, #4a3a17) !important;
	color: #fff !important;
}

body.home .oc-stepper .oc-visual-head h2,
body.home .oc-stepper .oc-home-copy-flow,
body.home .oc-stepper .oc-home-copy-flow strong {
	color: #fff !important;
}

body.home .oc-stepper__list {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.home .oc-stepper__list li,
body.home .oc-scorecard__card,
body.home .oc-ranked-recap__grid article,
body.home .oc-faq-accordion__item {
	border: 1px solid rgba(218, 226, 238, .9) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .055) !important;
}

body.home .oc-stepper__list li {
	padding: 18px !important;
}

body.home .oc-support-panel,
body.home .oc-verdict-panel {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr) !important;
	gap: clamp(22px, 3vw, 40px) !important;
	padding: clamp(26px, 3.6vw, 46px) !important;
}

body.home .oc-flow-diagram__steps {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-next-steps {
	background:
		linear-gradient(180deg, #fff, #f8fafc),
		radial-gradient(circle at 92% 8%, rgba(215, 170, 53, .12), transparent 32%) !important;
}

body.home .oc-next-steps__grid {
	display: grid !important;
	grid-template-columns: minmax(0, .95fr) minmax(320px, .72fr) !important;
	gap: 18px !important;
	align-items: stretch !important;
}

body.home .oc-next-steps .oc-home-guide-cards {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 16px !important;
	margin: 0 !important;
}

body.home .oc-next-steps .oc-home-guide-card {
	display: grid !important;
	grid-template-columns: 58px minmax(0, 1fr) !important;
	min-height: 0 !important;
	padding: 20px !important;
	border: 1px solid rgba(218, 226, 238, .9) !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .055) !important;
}

body.home .oc-next-steps .oc-home-guide-card::after {
	display: none !important;
}

body.home .oc-next-steps .oc-home-guide-card__icon {
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	border-radius: 14px !important;
	background: #e9f7ef !important;
	color: var(--oc-green-dark) !important;
}

body.home .oc-next-steps .oc-home-guide-card h3 {
	max-width: none !important;
	margin: 0 0 8px !important;
	color: var(--oc-ink) !important;
	font-size: clamp(22px, 1.8vw, 28px) !important;
	line-height: 1.05 !important;
}

body.home .oc-next-steps .oc-home-guide-card p {
	color: var(--oc-muted) !important;
	font-size: 15.5px !important;
	font-weight: 650 !important;
	line-height: 1.45 !important;
}

body.home .oc-next-steps .oc-home-spotlight,
body.home .oc-next-steps .oc-home-featured-games {
	border-radius: 16px !important;
	box-shadow: 0 16px 42px rgba(17, 21, 32, .09) !important;
}

body.home .oc-next-steps .oc-home-spotlight {
	background: linear-gradient(135deg, #111520 0%, #173528 72%, #3c431f 100%) !important;
}

body.home .oc-next-steps .oc-home-spotlight h3 {
	color: #fff !important;
	font-size: clamp(30px, 2.8vw, 42px) !important;
	line-height: 1.02 !important;
}

body.home .oc-next-steps .oc-home-spotlight p {
	color: rgba(255, 255, 255, .78) !important;
	font-size: 16px !important;
	font-weight: 650 !important;
}

body.home .oc-next-steps .oc-home-featured-games {
	margin-top: 18px !important;
	padding: 22px !important;
	background: #fff !important;
}

body.home .oc-blog-strip--next-steps {
	margin-top: 0 !important;
}

@media (max-width: 980px) {
	body.home .oc-home-battle,
	body.home .oc-stepper,
	body.home .oc-support-panel,
	body.home .oc-verdict-panel,
	body.home .oc-next-steps__grid {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-context-brief,
	body.home .oc-scorecard__grid,
	body.home .oc-stepper__list,
	body.home .oc-flow-diagram__steps,
	body.home .oc-ranked-recap__grid,
	body.home .oc-next-steps .oc-home-guide-cards {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	body.home .oc-home-showcase {
		width: calc(100% - 24px) !important;
	}

	body.home .oc-visual-section,
	body.home .oc-home-battle {
		border-radius: 14px !important;
	}

	body.home .oc-home-battle__copy,
	body.home .oc-context-brief,
	body.home .oc-scorecard,
	body.home .oc-stepper,
	body.home .oc-support-panel,
	body.home .oc-flow-diagram,
	body.home .oc-ranked-recap,
	body.home .oc-verdict-panel,
	body.home .oc-faq-accordion,
	body.home .oc-next-steps {
		padding: 20px !important;
	}

	body.home .oc-home-copy-flow--battle {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-context-brief--since article {
		grid-template-columns: 1fr !important;
	}
}

/* 2026-07-02: premium comparison polish for lower homepage modules. */
body.home .oc-home-showcase {
	gap: clamp(34px, 5vw, 74px) !important;
	margin-top: clamp(42px, 5vw, 72px) !important;
}

body.home .oc-home-editorial {
	gap: clamp(34px, 4.4vw, 64px) !important;
}

body.home .oc-visual-section {
	border-color: rgba(214, 224, 238, .9) !important;
	border-radius: 16px !important;
	box-shadow: 0 22px 58px rgba(17, 21, 32, .075) !important;
}

body.home .oc-visual-head {
	max-width: 880px !important;
}

body.home .oc-visual-head p,
body.home .oc-home-copy-flow,
body.home .oc-home-copy-flow p {
	color: var(--oc-muted) !important;
	font-size: clamp(15px, 1vw, 17px) !important;
	font-weight: 620 !important;
	line-height: 1.58 !important;
}

body.home .oc-home-battle {
	grid-template-columns: minmax(0, 1fr) minmax(380px, .42fr) !important;
	min-height: 520px !important;
	background:
		linear-gradient(115deg, #ffffff 0%, #fbfcff 54%, #f6fbf8 100%),
		radial-gradient(circle at 86% 20%, rgba(215, 170, 53, .18), transparent 30%) !important;
}

body.home .oc-home-battle__copy {
	gap: 22px !important;
	padding: clamp(36px, 5vw, 72px) !important;
}

body.home .oc-home-battle__copy h2 {
	max-width: 780px !important;
	font-size: clamp(34px, 3.3vw, 50px) !important;
	line-height: 1.04 !important;
}

body.home .oc-visual-head h2,
body.home .oc-stepper h2,
body.home .oc-support-panel h2,
body.home .oc-verdict-panel h2 {
	font-size: clamp(28px, 2.45vw, 40px) !important;
	line-height: 1.08 !important;
}

body.home .oc-home-battle__intro {
	display: grid !important;
	gap: 12px !important;
	max-width: 920px !important;
	margin: 0 !important;
	color: #667184 !important;
	font-size: clamp(15.5px, 1vw, 17px) !important;
	font-weight: 620 !important;
	line-height: 1.62 !important;
}

body.home .oc-home-battle__intro p {
	margin: 0 !important;
}

body.home .oc-home-battle__intro em {
	color: #cc2b25 !important;
	font-style: normal !important;
	font-weight: 850 !important;
}

body.home .oc-home-proof-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	max-width: 920px !important;
}

body.home .oc-home-proof {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	gap: 6px 13px !important;
	align-items: start !important;
	min-height: 142px !important;
	padding: 18px !important;
	border: 1px solid rgba(47, 125, 91, .14) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(249, 252, 250, .9)),
		radial-gradient(circle at 100% 0%, rgba(215, 170, 53, .14), transparent 34%) !important;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .045) !important;
}

body.home .oc-home-proof__icon {
	display: inline-grid !important;
	grid-row: span 3 !important;
	place-items: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 12px !important;
	background: #eef8f1 !important;
	color: var(--oc-green) !important;
}

body.home .oc-home-proof__icon .oc-lite-icon {
	width: 22px !important;
	height: 22px !important;
}

body.home .oc-home-proof__kicker {
	align-self: end !important;
	color: var(--oc-green) !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

body.home .oc-home-proof h3 {
	margin: 0 !important;
	color: var(--oc-ink) !important;
	font-size: clamp(17px, 1.25vw, 21px) !important;
	line-height: 1.12 !important;
}

body.home .oc-home-proof p {
	grid-column: 2 !important;
	margin: 0 !important;
	color: var(--oc-muted) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.46 !important;
}

body.home .oc-home-copy-flow--battle {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 12px !important;
	max-width: 920px !important;
}

body.home .oc-home-copy-flow--battle p {
	padding: 14px 16px !important;
	border-color: rgba(47, 125, 91, .12) !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, .86) !important;
	box-shadow: none !important;
}

body.home .oc-decision-dashboard {
	align-content: center !important;
	justify-items: stretch !important;
	gap: 24px !important;
	padding: clamp(30px, 4vw, 52px) !important;
	background:
		linear-gradient(155deg, #101520 0%, #173127 62%, #4b3b16 100%),
		radial-gradient(circle at 20% 12%, rgba(240, 220, 121, .22), transparent 34%) !important;
}

body.home .oc-decision-dashboard__meter {
	display: grid !important;
	place-items: center !important;
	width: min(100%, 270px) !important;
	aspect-ratio: 1 / .82 !important;
	margin: 0 auto !important;
	border: 1px solid rgba(240, 220, 121, .42) !important;
	border-radius: 16px !important;
	background: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 24px 50px rgba(0, 0, 0, .24) !important;
}

body.home .oc-decision-dashboard__meter span {
	color: #f0dc79 !important;
	font-size: clamp(82px, 8vw, 128px) !important;
	font-weight: 950 !important;
	line-height: .8 !important;
}

body.home .oc-decision-dashboard__meter small {
	margin-top: 12px !important;
	color: rgba(255, 255, 255, .86) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}

body.home .oc-decision-dashboard__summary {
	max-width: 340px !important;
	margin: 0 auto !important;
	color: rgba(255, 255, 255, .78) !important;
	font-size: 16px !important;
	font-weight: 650 !important;
	line-height: 1.48 !important;
	text-align: center !important;
}

body.home .oc-decision-dashboard__chips {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 8px !important;
}

body.home .oc-decision-dashboard__chips span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	min-height: 34px !important;
	padding: 0 11px !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .08) !important;
	color: rgba(255, 255, 255, .9) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
}

body.home .oc-decision-dashboard__chips .oc-lite-icon {
	width: 16px !important;
	height: 16px !important;
	color: #f0dc79 !important;
}

body.home .oc-decision-route {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 6px !important;
	margin-top: 2px !important;
}

body.home .oc-decision-route span {
	min-height: 34px !important;
	padding: 0 7px !important;
	border-radius: 8px !important;
	background: rgba(17, 21, 32, .34) !important;
	color: rgba(255, 255, 255, .82) !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	text-align: center !important;
}

body.home .oc-scorecard {
	background:
		linear-gradient(180deg, #fff, #f8fafc),
		radial-gradient(circle at 9% 12%, rgba(49, 90, 157, .08), transparent 30%) !important;
}

body.home .oc-scorecard .oc-visual-head {
	max-width: 1180px !important;
}

body.home .oc-scorecard__intro-copy {
	display: grid !important;
	gap: 18px !important;
	margin-top: 6px !important;
}

body.home .oc-scorecard__intro-lead {
	display: block !important;
	padding: clamp(16px, 2vw, 22px) !important;
	border: 1px solid rgba(47, 125, 91, .12) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .72), rgba(255, 255, 255, .96)),
		radial-gradient(circle at 100% 0%, rgba(215, 170, 53, .13), transparent 32%) !important;
}

body.home .oc-scorecard__intro-lead p {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--oc-muted) !important;
	font-size: clamp(15px, 1vw, 16.5px) !important;
	font-weight: 620 !important;
	line-height: 1.6 !important;
}

body.home .oc-scorecard__intro-lead p:not(:last-child)::after {
	content: " " !important;
}

body.home .oc-scorecard__intro-copy a {
	color: var(--oc-green-dark) !important;
	font-weight: 850 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

body.home .oc-scorecard__criteria-copy {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

body.home .oc-scorecard__criteria-copy article {
	display: grid !important;
	align-content: start !important;
	gap: 8px !important;
	padding: 16px !important;
	border: 1px solid rgba(214, 224, 238, .88) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 10px 26px rgba(17, 21, 32, .045) !important;
}

body.home .oc-scorecard__criteria-copy h3 {
	margin: 0 !important;
	color: var(--oc-green-dark) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

body.home .oc-scorecard__criteria-copy p {
	margin: 0 !important;
	color: var(--oc-muted) !important;
	font-size: 14px !important;
	font-weight: 620 !important;
	line-height: 1.48 !important;
}

body.home .oc-scorecard__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

body.home .oc-scorecard__card {
	display: grid !important;
	grid-template-rows: auto auto minmax(155px, 1fr) auto !important;
	align-content: start !important;
	gap: 12px !important;
	min-height: 390px !important;
	padding: 22px !important;
	border-radius: 12px !important;
	box-shadow: 0 14px 34px rgba(17, 21, 32, .06) !important;
}

body.home .oc-scorecard__icon {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	background: #edf8f1 !important;
	color: var(--oc-green-dark) !important;
}

body.home .oc-scorecard__card h3 {
	margin: 0 !important;
	color: var(--oc-ink) !important;
	font-size: clamp(21px, 1.55vw, 26px) !important;
	line-height: 1.08 !important;
}

body.home .oc-scorecard__card p {
	margin: 0 !important;
	color: var(--oc-muted) !important;
	font-size: 14.5px !important;
	font-weight: 620 !important;
	line-height: 1.48 !important;
}

body.home .oc-scorecard__chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-scorecard__chips li {
	padding: 7px 10px !important;
	border-radius: 999px !important;
	background: #f1f6f3 !important;
	color: var(--oc-green-dark) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	line-height: 1 !important;
}

body.home .oc-stepper {
	grid-template-columns: 1fr !important;
	gap: 28px !important;
	padding: clamp(34px, 4.4vw, 58px) !important;
	background:
		linear-gradient(135deg, #101520 0%, #15231f 48%, #244f3b 100%),
		radial-gradient(circle at 90% 8%, rgba(240, 220, 121, .22), transparent 28%) !important;
}

body.home .oc-stepper .oc-visual-head {
	max-width: 860px !important;
}

body.home .oc-stepper .oc-visual-head p {
	color: rgba(255, 255, 255, .78) !important;
}

body.home .oc-stepper__list {
	position: relative !important;
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-stepper__list::before {
	display: none !important;
	content: none !important;
}

body.home .oc-stepper__list li {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	gap: 10px !important;
	min-height: 190px !important;
	padding: 22px !important;
	border-color: rgba(255, 255, 255, .12) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .08) !important;
	box-shadow: none !important;
}

body.home .oc-stepper__number {
	display: grid !important;
	place-items: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 999px !important;
	background: #f0dc79 !important;
	color: #111520 !important;
	font-size: 17px !important;
	font-weight: 950 !important;
}

body.home .oc-stepper__list h3 {
	margin: 0 !important;
	color: #fff !important;
	font-size: 20px !important;
	line-height: 1.12 !important;
}

body.home .oc-stepper__list p {
	margin: 0 !important;
	color: rgba(255, 255, 255, .75) !important;
	font-size: 14.5px !important;
	font-weight: 600 !important;
	line-height: 1.45 !important;
}

body.home .oc-support-panel {
	grid-template-columns: minmax(0, .9fr) minmax(330px, .55fr) !important;
	align-items: center !important;
	background: linear-gradient(135deg, #fbfdfc 0%, #f4faf6 100%) !important;
	box-shadow: 0 14px 42px rgba(17, 21, 32, .045) !important;
}

body.home .oc-support-panel__copy p {
	max-width: 760px !important;
	margin: 0 0 12px !important;
	color: #4d5a6c !important;
	font-size: 17px !important;
	font-weight: 620 !important;
	line-height: 1.58 !important;
}

body.home .oc-support-panel__copy p:last-child {
	margin-bottom: 0 !important;
}

body.home .oc-support-panel__checklist {
	display: grid !important;
	gap: 16px !important;
	padding: 22px !important;
	border: 1px solid rgba(47, 125, 91, .13) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .78) !important;
	box-shadow: none !important;
}

body.home .oc-support-panel__checklist strong {
	color: var(--oc-ink) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
}

body.home .oc-support-panel__checklist p {
	margin: 0 !important;
	color: #5d6878 !important;
	font-size: 14.5px !important;
	font-weight: 620 !important;
	line-height: 1.5 !important;
}

body.home .oc-support-panel__actions {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-support-panel__actions li {
	position: relative !important;
	padding: 0 0 0 22px !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--oc-green-dark) !important;
	font-size: 14px !important;
	font-weight: 780 !important;
	line-height: 1.42 !important;
}

body.home .oc-support-panel__actions li::before {
	position: absolute !important;
	top: .55em !important;
	left: 0 !important;
	display: block !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 999px !important;
	background: #d0ae3d !important;
	content: "" !important;
}

body.home .oc-support-panel__resources {
	grid-column: 1 / -1 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	padding-top: 4px !important;
}

body.home .oc-support-panel__resources a {
	min-height: 40px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(47, 125, 91, .18) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--oc-green-dark) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

body.home .oc-support-panel__resources a:hover,
body.home .oc-support-panel__resources a:focus-visible {
	border-color: var(--oc-green-dark) !important;
	background: var(--oc-green-dark) !important;
	color: #fff !important;
	outline: none !important;
}

body.home .oc-safe-video {
	display: grid !important;
	grid-template-columns: minmax(0, .72fr) minmax(420px, 1fr) !important;
	gap: clamp(22px, 3vw, 42px) !important;
	align-items: center !important;
	padding: clamp(26px, 3.6vw, 48px) !important;
	background:
		linear-gradient(135deg, #111520 0%, #162921 62%, #3f3518 100%),
		radial-gradient(circle at 12% 14%, rgba(240, 220, 121, .18), transparent 30%) !important;
	color: #fff !important;
}

body.home .oc-safe-video .oc-kicker {
	background: rgba(240, 220, 121, .16) !important;
	color: #f0dc79 !important;
}

body.home .oc-safe-video__copy {
	display: grid !important;
	gap: 14px !important;
}

body.home .oc-safe-video__copy h2 {
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(28px, 2.8vw, 44px) !important;
	line-height: 1.05 !important;
}

body.home .oc-safe-video__copy p {
	max-width: 620px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, .76) !important;
	font-size: clamp(15.5px, 1vw, 17px) !important;
	font-weight: 630 !important;
	line-height: 1.6 !important;
}

body.home .oc-safe-video__embed {
	position: relative !important;
	overflow: hidden !important;
	border: 1px solid rgba(240, 220, 121, .28) !important;
	border-radius: 16px !important;
	background: #0c111b !important;
	box-shadow: 0 24px 54px rgba(0, 0, 0, .24) !important;
	aspect-ratio: 16 / 9 !important;
}

body.home .oc-safe-video__embed iframe {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

body.home .oc-flow-diagram {
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 12% 16%, rgba(49, 90, 157, .08), transparent 34%) !important;
}

body.home .oc-flow-diagram__steps {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 12px !important;
}

body.home .oc-flow-diagram__steps li {
	position: relative !important;
	display: grid !important;
	justify-items: center !important;
	align-content: center !important;
	gap: 9px !important;
	min-height: 150px !important;
	padding: 18px !important;
	border: 1px solid rgba(218, 226, 238, .9) !important;
	border-radius: 12px !important;
	background: #fff !important;
	text-align: center !important;
	box-shadow: 0 12px 30px rgba(17, 21, 32, .05) !important;
}

body.home .oc-flow-diagram__steps li:not(:last-child)::after {
	position: absolute !important;
	top: 50% !important;
	right: -18px !important;
	z-index: 2 !important;
	width: 24px !important;
	height: 24px !important;
	border-top: 2px solid rgba(47, 125, 91, .55) !important;
	border-right: 2px solid rgba(47, 125, 91, .55) !important;
	background: transparent !important;
	transform: translateY(-50%) rotate(45deg) !important;
	content: "" !important;
}

body.home .oc-flow-diagram__steps span {
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	background: #edf8f1 !important;
	color: var(--oc-green-dark) !important;
}

body.home .oc-flow-diagram__steps strong {
	color: var(--oc-ink) !important;
	font-size: 17px !important;
	line-height: 1.15 !important;
}

body.home .oc-flow-diagram__steps small {
	color: var(--oc-muted) !important;
	font-size: 12.5px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
}

body.home .oc-flow-diagram__copy {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr) !important;
	gap: clamp(18px, 2.6vw, 34px) !important;
	align-items: start !important;
	margin-top: 8px !important;
	padding: clamp(18px, 2.4vw, 28px) !important;
	border: 1px solid rgba(47, 125, 91, .12) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(247, 252, 249, .94)),
		radial-gradient(circle at 100% 0%, rgba(215, 170, 53, .12), transparent 34%) !important;
}

body.home .oc-flow-diagram__copy-text {
	display: block !important;
	gap: 0 !important;
}

body.home .oc-flow-diagram__copy p {
	display: inline !important;
	margin: 0 !important;
	color: #5f6b7d !important;
	font-size: clamp(15px, 1vw, 16.5px) !important;
	font-weight: 620 !important;
	line-height: 1.6 !important;
}

body.home .oc-flow-diagram__copy-text p:first-child {
	color: var(--oc-ink) !important;
	font-weight: 760 !important;
}

body.home .oc-flow-diagram__copy-text p:not(:last-child)::after {
	content: " " !important;
}

body.home .oc-flow-diagram__copy a {
	color: var(--oc-green-dark) !important;
	font-weight: 880 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	text-underline-offset: 3px !important;
}

body.home .oc-flow-diagram__copy-list {
	align-self: stretch !important;
}

body.home .oc-flow-diagram__copy ul {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-flow-diagram__copy li {
	position: relative !important;
	padding: 12px 14px 12px 34px !important;
	border: 1px solid rgba(47, 125, 91, .12) !important;
	border-radius: 12px !important;
	background: #fff !important;
	color: var(--oc-green-dark) !important;
	font-size: 14px !important;
	font-weight: 820 !important;
	line-height: 1.35 !important;
}

body.home .oc-flow-diagram__copy li::before {
	position: absolute !important;
	top: 17px !important;
	left: 15px !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 999px !important;
	background: #d0ae3d !important;
	content: "" !important;
}

body.home .oc-ranked-recap {
	background: linear-gradient(135deg, #fffdf7, #ffffff 48%, #f8fbff 100%) !important;
}

body.home .oc-ranked-recap__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 16px !important;
}

body.home .oc-ranked-recap__award {
	display: grid !important;
	grid-template-columns: 58px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 14px !important;
	min-height: 155px !important;
	padding: 20px !important;
	border-radius: 12px !important;
	background: #fff !important;
}

body.home .oc-ranked-recap__award span {
	display: grid !important;
	place-items: center !important;
	width: 54px !important;
	height: 54px !important;
	border-radius: 999px !important;
	background: #f4f7fb !important;
	color: #321da8 !important;
	font-size: 18px !important;
	font-weight: 950 !important;
}

body.home .oc-ranked-recap__award strong {
	display: block !important;
	color: var(--oc-ink) !important;
	font-size: clamp(22px, 1.9vw, 31px) !important;
	line-height: 1.02 !important;
}

body.home .oc-ranked-recap__award em {
	display: inline-flex !important;
	margin-top: 10px !important;
	padding: 7px 11px !important;
	border-radius: 999px !important;
	background: #eaf6ef !important;
	color: var(--oc-green-dark) !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 950 !important;
	text-transform: uppercase !important;
}

body.home .oc-ranked-recap__award small {
	display: block !important;
	margin-top: 10px !important;
	color: var(--oc-muted) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.4 !important;
}

body.home .oc-verdict-panel {
	grid-template-columns: minmax(0, .92fr) minmax(360px, .7fr) !important;
	align-items: stretch !important;
	padding: 0 !important;
	background: #fff !important;
}

body.home .oc-verdict-panel__winner {
	display: grid !important;
	align-content: center !important;
	gap: 16px !important;
	padding: clamp(30px, 4vw, 56px) !important;
}

body.home .oc-verdict-panel__statement {
	max-width: 720px !important;
	margin: 0 !important;
	color: var(--oc-text) !important;
	font-size: clamp(17px, 1.2vw, 20px) !important;
	font-weight: 760 !important;
	line-height: 1.52 !important;
}

body.home .oc-verdict-panel__subhead {
	color: var(--oc-green-dark) !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	text-transform: uppercase !important;
}

body.home .oc-verdict-panel__winner ul {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-verdict-panel__winner li {
	min-height: 82px !important;
	padding: 14px !important;
	border: 1px solid rgba(47, 125, 91, .14) !important;
	border-radius: 10px !important;
	background: #f6fbf8 !important;
	color: var(--oc-text) !important;
	font-size: 14px !important;
	font-weight: 760 !important;
	line-height: 1.35 !important;
}

body.home .oc-verdict-panel__winner li::before {
	display: none !important;
}

body.home .oc-verdict-panel__actions {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 14px !important;
	margin-top: 4px !important;
}

body.home .oc-verdict-panel__actions .oc-button {
	min-height: 50px !important;
	padding: 0 22px !important;
	border-radius: 10px !important;
	background: #a45531 !important;
	color: #fff !important;
	text-decoration: none !important;
}

body.home .oc-verdict-panel__disclosure {
	max-width: 720px !important;
	margin: 0 !important;
	color: var(--oc-muted) !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	line-height: 1.45 !important;
}

body.home .oc-verdict-panel__brand {
	display: grid !important;
	place-items: center !important;
	align-content: center !important;
	gap: 22px !important;
	min-height: 460px !important;
	padding: clamp(30px, 4vw, 54px) !important;
	border-radius: 0 !important;
	background:
		linear-gradient(145deg, #101520 0%, #173528 64%, #5a4618 100%),
		radial-gradient(circle at 22% 18%, rgba(240, 220, 121, .22), transparent 34%) !important;
	color: #fff !important;
	box-shadow: none !important;
}

body.home .oc-verdict-panel__brand span {
	width: 74px !important;
	height: 74px !important;
	border: 2px solid rgba(240, 220, 121, .85) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #321da8 !important;
	font-size: 26px !important;
	font-weight: 950 !important;
}

body.home .oc-verdict-panel__brand img {
	width: min(310px, 88%) !important;
	max-height: 150px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 22px 36px rgba(0, 0, 0, .24)) !important;
}

body.home .oc-verdict-panel__brand small {
	padding: 8px 13px !important;
	border-radius: 999px !important;
	background: rgba(240, 220, 121, .18) !important;
	color: #f0dc79 !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	text-transform: uppercase !important;
}

body.home .oc-faq-accordion {
	background: #f7f9fc !important;
	box-shadow: 0 14px 42px rgba(17, 21, 32, .045) !important;
}

body.home .oc-faq-accordion__list {
	gap: 10px !important;
}

body.home .oc-faq-accordion__item {
	overflow: hidden !important;
	border-radius: 10px !important;
	box-shadow: none !important;
}

body.home .oc-faq-accordion__item summary {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 42px !important;
	align-items: center !important;
	gap: 18px !important;
	min-height: 70px !important;
	padding: 18px 20px !important;
	color: var(--oc-ink) !important;
	font-size: clamp(18px, 1.45vw, 23px) !important;
	font-weight: 880 !important;
	cursor: pointer !important;
}

body.home .oc-faq-accordion__item summary::after {
	display: none !important;
}

body.home .oc-faq-accordion__item summary i {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 999px !important;
	background: #f0dc79 !important;
}

body.home .oc-faq-accordion__item summary i::before,
body.home .oc-faq-accordion__item summary i::after {
	position: absolute !important;
	width: 15px !important;
	height: 2px !important;
	border-radius: 999px !important;
	background: #111520 !important;
	content: "" !important;
}

body.home .oc-faq-accordion__item summary i::after {
	transform: rotate(90deg) !important;
}

body.home .oc-faq-accordion__item[open] summary i::after {
	transform: rotate(0deg) !important;
}

body.home .oc-faq-accordion__item summary:focus-visible {
	outline: 3px solid rgba(215, 170, 53, .58) !important;
	outline-offset: 3px !important;
}

body.home .oc-home-copy-flow--faq {
	padding: 0 20px 20px !important;
}

body.home .oc-home-copy-flow--faq p {
	max-width: 900px !important;
	margin: 0 !important;
	color: #5f6b7d !important;
	font-size: 15.5px !important;
	font-weight: 600 !important;
	line-height: 1.58 !important;
}

body.home .oc-next-steps {
	background:
		linear-gradient(180deg, #fff, #fbfcff),
		radial-gradient(circle at 12% 12%, rgba(47, 125, 91, .08), transparent 34%) !important;
}

body.home .oc-next-steps__grid {
	grid-template-columns: minmax(0, .88fr) minmax(340px, .62fr) !important;
	gap: 22px !important;
}

body.home .oc-next-steps .oc-home-guide-card {
	border-radius: 12px !important;
	box-shadow: none !important;
}

body.home .oc-next-steps .oc-home-spotlight {
	box-shadow: 0 20px 52px rgba(17, 21, 32, .14) !important;
}

body.home .oc-next-steps .oc-home-featured-games {
	border-radius: 14px !important;
	box-shadow: 0 12px 34px rgba(17, 21, 32, .06) !important;
}

body.home .oc-blog-strip--next-steps .oc-post-card {
	border-radius: 12px !important;
}

@media (max-width: 1100px) {
	body.home .oc-home-battle,
	body.home .oc-support-panel,
	body.home .oc-safe-video,
	body.home .oc-verdict-panel,
	body.home .oc-next-steps__grid {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-flow-diagram__steps {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-flow-diagram__steps li:not(:last-child)::after {
		top: auto !important;
		right: auto !important;
		bottom: -18px !important;
		left: 50% !important;
		transform: translateX(-50%) rotate(135deg) !important;
	}
}

@media (max-width: 900px) {
	body.home .oc-home-proof-grid,
	body.home .oc-home-copy-flow--battle,
	body.home .oc-scorecard__intro-lead,
	body.home .oc-scorecard__criteria-copy,
	body.home .oc-scorecard__grid,
	body.home .oc-flow-diagram__copy,
	body.home .oc-stepper__list,
	body.home .oc-ranked-recap__grid,
	body.home .oc-verdict-panel__winner ul,
	body.home .oc-next-steps .oc-home-guide-cards {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-scorecard__intro-lead p:first-child {
		grid-row: auto !important;
	}

	body.home .oc-home-proof {
		min-height: 0 !important;
	}

	body.home .oc-stepper__list::before {
		top: 0 !important;
		bottom: 0 !important;
		left: 21px !important;
		right: auto !important;
		width: 2px !important;
		height: auto !important;
		background: linear-gradient(180deg, rgba(240, 220, 121, .2), rgba(240, 220, 121, .85), rgba(240, 220, 121, .2)) !important;
	}

	body.home .oc-stepper__list li {
		min-height: 0 !important;
		padding-left: 68px !important;
	}

	body.home .oc-stepper__number {
		position: absolute !important;
		top: 18px !important;
		left: 18px !important;
	}

	body.home .oc-ranked-recap__award--1 {
		grid-row: auto !important;
		min-height: 0 !important;
	}

	body.home .oc-flow-diagram__copy ul {
		grid-row: auto !important;
	}
}

@media (max-width: 640px) {
	body.home .oc-home-showcase {
		gap: 26px !important;
	}

	body.home .oc-home-battle__copy h2,
	body.home .oc-visual-head h2,
	body.home .oc-stepper h2,
	body.home .oc-support-panel h2,
	body.home .oc-verdict-panel h2 {
		font-size: clamp(26px, 7.4vw, 34px) !important;
		line-height: 1.1 !important;
	}

	body.home .oc-decision-route {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.home .oc-faq-accordion__item summary {
		grid-template-columns: minmax(0, 1fr) 34px !important;
		min-height: 62px !important;
		padding: 16px !important;
		font-size: 17px !important;
	}

	body.home .oc-faq-accordion__item summary i {
		width: 32px !important;
		height: 32px !important;
	}
}

/* 2026-07-04: compact right-side navigation hub. */
.oc-drawer.is-open {
	background: rgba(9, 12, 21, .34) !important;
	backdrop-filter: blur(3px) !important;
}

.oc-drawer-panel {
	top: 8px !important;
	right: 8px !important;
	bottom: 8px !important;
	width: min(428px, calc(100vw - 16px)) !important;
	padding: 18px !important;
	gap: 12px !important;
	border: 1px solid rgba(218, 226, 236, .9) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(135deg, rgba(249, 252, 249, .98), rgba(255, 255, 255, .99) 48%, rgba(249, 246, 228, .82)) !important;
	box-shadow: -18px 0 52px rgba(17, 21, 32, .24) !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
}

.oc-drawer-close {
	top: 16px !important;
	right: 16px !important;
	width: 34px !important;
	height: 34px !important;
	border: 1px solid rgba(218, 226, 236, .95) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 10px 22px rgba(17, 21, 32, .08) !important;
}

.oc-drawer-close:hover,
.oc-drawer-close:focus-visible {
	background: var(--oc-ink) !important;
}

.oc-drawer-close:hover::before,
.oc-drawer-close:hover::after,
.oc-drawer-close:focus-visible::before,
.oc-drawer-close:focus-visible::after {
	background: #fff !important;
}

.oc-drawer-head {
	gap: 8px !important;
	padding: 0 48px 0 0 !important;
}

.oc-drawer-head span {
	padding: 6px 10px !important;
	border-radius: 999px !important;
	background: #ecf7ef !important;
	color: var(--oc-green-dark) !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	letter-spacing: 0 !important;
}

.oc-drawer-head strong {
	max-width: 300px !important;
	color: var(--oc-ink) !important;
	font-size: clamp(23px, 5vw, 30px) !important;
	font-weight: 950 !important;
	line-height: 1.04 !important;
	letter-spacing: 0 !important;
}

.oc-drawer-quicklinks {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
}

.oc-drawer-quicklinks a {
	min-height: 42px !important;
	padding: 8px 10px !important;
	border: 1px solid rgba(218, 226, 236, .95) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .9) !important;
	color: var(--oc-green-dark) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	box-shadow: 0 10px 24px rgba(17, 21, 32, .04) !important;
}

.oc-drawer-quicklinks a:hover,
.oc-drawer-quicklinks a:focus-visible {
	border-color: var(--oc-ink) !important;
	background: var(--oc-ink) !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

.oc-drawer-search {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 86px !important;
	gap: 8px !important;
	margin: 0 !important;
	padding-bottom: 2px !important;
}

.oc-drawer-search input,
.oc-drawer-search button {
	min-height: 43px !important;
	border-radius: 12px !important;
	font-size: 13px !important;
}

.oc-drawer-search input {
	padding: 0 14px !important;
	border: 1px solid rgba(218, 226, 236, .95) !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
	box-shadow: none !important;
}

.oc-drawer-search input:focus {
	border-color: rgba(47, 125, 91, .58) !important;
	box-shadow: 0 0 0 3px rgba(47, 125, 91, .13) !important;
	outline: 0 !important;
}

.oc-drawer-search button {
	border: 0 !important;
	background: var(--oc-ink) !important;
	color: #fff !important;
	font-weight: 900 !important;
	box-shadow: 0 13px 26px rgba(17, 21, 32, .18) !important;
}

.oc-drawer-nav {
	position: relative !important;
	display: grid !important;
	gap: 0 !important;
	margin-top: 2px !important;
	padding: 10px 0 12px !important;
	border-top: 1px solid rgba(218, 226, 236, .92) !important;
}

.oc-drawer-nav::before {
	content: "Browse";
	margin: 0 0 4px !important;
	color: #768093 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

.oc-drawer-item {
	position: relative !important;
	border-bottom: 1px solid rgba(218, 226, 236, .82) !important;
}

.oc-drawer-link {
	display: grid !important;
	grid-template-columns: 28px minmax(0, 1fr) !important;
	align-items: center !important;
	min-height: 54px !important;
	padding: 10px 44px 10px 2px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--oc-ink) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus-visible {
	background: rgba(236, 247, 239, .72) !important;
	outline: 0 !important;
}

.oc-drawer-link .oc-lite-icon {
	width: 20px !important;
	height: 20px !important;
	color: var(--oc-green-dark) !important;
	opacity: .96 !important;
}

.oc-drawer-label {
	gap: 2px !important;
	min-width: 0 !important;
}

.oc-drawer-label strong {
	color: var(--oc-ink) !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	line-height: 1.18 !important;
}

.oc-drawer-subhint {
	display: inline-flex !important;
	width: fit-content !important;
	margin-top: 3px !important;
	padding: 3px 7px !important;
	border-radius: 999px !important;
	background: rgba(47, 125, 91, .09) !important;
	color: var(--oc-green-dark) !important;
	font-size: 10px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.oc-drawer-link em {
	display: none !important;
}

.oc-drawer-item--has-children > .oc-drawer-link::after {
	display: none !important;
}

.oc-drawer-toggle {
	position: absolute !important;
	top: 11px !important;
	right: 2px !important;
	width: 32px !important;
	height: 32px !important;
	border: 1px solid rgba(218, 226, 236, .95) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
	box-shadow: 0 8px 18px rgba(17, 21, 32, .06) !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus-visible,
.oc-drawer-toggle[aria-expanded="true"] {
	border-color: var(--oc-ink) !important;
	background: var(--oc-ink) !important;
	color: #fff !important;
	outline: 0 !important;
}

.oc-drawer-toggle::before,
.oc-drawer-toggle::after {
	background: currentColor !important;
}

.oc-drawer-submenu {
	display: grid !important;
	gap: 4px !important;
	margin: 0 0 10px 28px !important;
	padding: 4px 0 4px 12px !important;
	border-left: 2px solid rgba(47, 125, 91, .18) !important;
	background: transparent !important;
	box-shadow: none !important;
}

.oc-drawer-submenu[hidden] {
	display: none !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	min-height: 32px !important;
	padding: 6px 9px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: transparent !important;
	color: #445066 !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus-visible,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus-visible {
	background: rgba(236, 247, 239, .95) !important;
	color: var(--oc-green-dark) !important;
	outline: 0 !important;
}

@media (max-width: 640px) {
	.oc-drawer-panel {
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: min(100vw, 430px) !important;
		padding: 16px !important;
		border-radius: 0 !important;
	}

	.oc-drawer-head strong {
		max-width: 280px !important;
		font-size: clamp(22px, 8vw, 28px) !important;
	}

	.oc-drawer-search {
		grid-template-columns: 1fr !important;
	}

	.oc-drawer-search button {
		width: 100% !important;
	}
}

/* 2026-07-04: homepage guide-card illustration and dashboard removal polish. */
body.home .oc-home-battle {
	grid-template-columns: 1fr !important;
	min-height: 0 !important;
}

body.home .oc-home-battle__copy {
	max-width: none !important;
}

body.home .oc-home-battle__intro,
body.home .oc-home-proof-grid,
body.home .oc-home-copy-flow--battle {
	max-width: none !important;
}

body.home .oc-context-brief--since article {
	grid-template-columns: 58px minmax(0, 1fr) minmax(280px, 34%) !important;
	align-items: center !important;
}

body.home .oc-context-brief--since .oc-context-brief__body {
	max-width: none !important;
}

body.home .oc-context-brief__media {
	grid-column: 3 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: 420px !important;
	margin: 0 0 0 auto !important;
}

body.home .oc-context-brief__media img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 54px rgba(17, 21, 32, .16) !important;
}

@media (max-width: 980px) {
	body.home .oc-context-brief--since article {
		grid-template-columns: 58px minmax(0, 1fr) !important;
	}

	body.home .oc-context-brief__media {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		max-width: 520px !important;
		margin: 8px auto 0 !important;
	}
}

/* 2026-07-04: homepage lower module order and finishing polish. */
body.home .oc-context-brief--since {
	background:
		linear-gradient(135deg, rgba(233, 247, 239, .82), rgba(255, 255, 255, .98) 56%, rgba(255, 249, 226, .68)),
		radial-gradient(circle at 6% 20%, rgba(47, 125, 91, .1), transparent 30%),
		radial-gradient(circle at 94% 8%, rgba(215, 170, 53, .16), transparent 30%) !important;
}

body.home .oc-context-brief--since article {
	grid-template-columns: 58px minmax(0, 1fr) minmax(340px, 36%) !important;
	gap: 0 clamp(20px, 2.6vw, 40px) !important;
}

body.home .oc-context-brief--since .oc-context-brief__media {
	max-width: 500px !important;
	padding: 10px !important;
	border: 1px solid rgba(214, 224, 238, .9) !important;
	border-radius: 24px !important;
	background: linear-gradient(180deg, #fff, rgba(248, 251, 252, .94)) !important;
	box-shadow: 0 26px 68px rgba(17, 21, 32, .11) !important;
}

body.home .oc-context-brief--since .oc-context-brief__media img {
	border-radius: 18px !important;
	box-shadow: none !important;
}

body.home .oc-home-rtp {
	display: grid !important;
	grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr) !important;
	gap: clamp(22px, 3vw, 44px) !important;
	align-items: stretch !important;
	background:
		linear-gradient(135deg, #fff, rgba(248, 251, 252, .98) 56%, rgba(255, 250, 226, .72)),
		radial-gradient(circle at 94% 12%, rgba(215, 170, 53, .16), transparent 32%),
		radial-gradient(circle at 4% 88%, rgba(47, 125, 91, .1), transparent 30%) !important;
}

body.home .oc-home-rtp__copy {
	display: grid !important;
	align-content: start !important;
	gap: 14px !important;
}

body.home .oc-home-rtp__copy h2 {
	margin: 0 !important;
	max-width: 860px !important;
}

body.home .oc-home-rtp__intro {
	color: var(--oc-text-muted) !important;
	font-size: clamp(1rem, 1.05vw, 1.12rem) !important;
	line-height: 1.72 !important;
}

body.home .oc-home-rtp__intro p {
	margin: 0 0 14px !important;
}

body.home .oc-home-rtp__intro p:last-child {
	margin-bottom: 0 !important;
}

body.home .oc-home-rtp__panel {
	display: grid !important;
	gap: 16px !important;
	align-content: start !important;
	padding: clamp(20px, 2.6vw, 30px) !important;
	border: 1px solid rgba(214, 224, 238, .96) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(180deg, #fff, #f8fbfc),
		radial-gradient(circle at 88% 12%, rgba(47, 125, 91, .1), transparent 32%) !important;
	box-shadow: 0 22px 52px rgba(17, 21, 32, .1) !important;
}

body.home .oc-home-rtp__benchmark {
	display: grid !important;
	grid-template-columns: auto 1fr !important;
	gap: 14px !important;
	align-items: center !important;
	padding: 16px !important;
	border-radius: 18px !important;
	background: #111520 !important;
	color: #fff !important;
}

body.home .oc-home-rtp__benchmark strong {
	display: inline-grid !important;
	place-items: center !important;
	width: 86px !important;
	aspect-ratio: 1 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, #f5e983, #c8a43a) !important;
	color: #111520 !important;
	font-size: clamp(1.9rem, 3vw, 2.6rem) !important;
	line-height: 1 !important;
}

body.home .oc-home-rtp__benchmark span {
	color: rgba(255, 255, 255, .82) !important;
	font-weight: 800 !important;
	line-height: 1.35 !important;
}

body.home .oc-home-rtp__panel p {
	margin: 0 !important;
	color: var(--oc-text-muted) !important;
	font-weight: 750 !important;
	line-height: 1.55 !important;
}

body.home .oc-home-rtp__casinos {
	display: grid !important;
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-home-rtp__casino {
	display: grid !important;
	grid-template-columns: auto 64px 1fr !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 12px !important;
	border: 1px solid rgba(214, 224, 238, .9) !important;
	border-radius: 16px !important;
	background: #fff !important;
	color: var(--oc-ink) !important;
	text-decoration: none !important;
	box-shadow: 0 12px 26px rgba(17, 21, 32, .06) !important;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.home .oc-home-rtp__casino:hover,
body.home .oc-home-rtp__casino:focus-visible {
	transform: translateY(-2px) !important;
	border-color: rgba(47, 125, 91, .36) !important;
	box-shadow: 0 16px 34px rgba(17, 21, 32, .1) !important;
}

body.home .oc-home-rtp__rank {
	display: inline-grid !important;
	place-items: center !important;
	width: 42px !important;
	aspect-ratio: 1 !important;
	border-radius: 999px !important;
	background: #f7f0c2 !important;
	color: #2f1ba8 !important;
	font-weight: 900 !important;
}

body.home .oc-home-rtp__logo {
	display: grid !important;
	place-items: center !important;
	width: 64px !important;
	height: 46px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #111520, #234b39) !important;
	overflow: hidden !important;
}

body.home .oc-home-rtp__logo img {
	display: block !important;
	width: 78% !important;
	height: 78% !important;
	object-fit: contain !important;
}

body.home .oc-home-rtp__name {
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

body.home .oc-next-steps {
	background:
		linear-gradient(135deg, #fff, #f8fafc 62%, rgba(233, 247, 239, .72)),
		radial-gradient(circle at 92% 10%, rgba(215, 170, 53, .12), transparent 30%) !important;
}

body.home .oc-home-featured-games-section {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

body.home .oc-home-featured-games-section .oc-home-featured-games {
	margin-top: 0 !important;
	padding: clamp(24px, 3vw, 36px) !important;
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-radius: 18px !important;
	background:
		linear-gradient(135deg, rgba(17, 21, 32, .98), rgba(23, 53, 40, .97) 62%, rgba(70, 56, 20, .94)),
		radial-gradient(circle at 85% 12%, rgba(240, 220, 121, .18), transparent 30%) !important;
	color: #fff !important;
	box-shadow: 0 24px 68px rgba(17, 21, 32, .16) !important;
}

body.home .oc-home-featured-games-section .oc-kicker {
	background: rgba(240, 220, 121, .14) !important;
	color: #ffe98a !important;
}

body.home .oc-home-featured-games-section h3 {
	color: #fff !important;
}

body.home .oc-home-featured-games-section .oc-home-featured-games__head p {
	color: rgba(255, 255, 255, .74) !important;
}

body.home .oc-home-featured-games-section .oc-home-game-card {
	background: #fff !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .18) !important;
}

body.home .oc-blog-strip--next-steps {
	width: min(var(--oc-wide), calc(100% - 32px)) !important;
	margin: clamp(34px, 5vw, 70px) auto 0 !important;
	padding: clamp(24px, 3vw, 38px) !important;
	border: 1px solid rgba(214, 224, 238, .9) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(135deg, rgba(17, 21, 32, .98), rgba(23, 53, 40, .96) 62%, rgba(68, 54, 20, .92)),
		radial-gradient(circle at 90% 6%, rgba(240, 220, 121, .18), transparent 30%) !important;
	box-shadow: 0 24px 68px rgba(17, 21, 32, .16) !important;
}

body.home .oc-blog-strip--next-steps .oc-section-head h2 {
	color: #fff !important;
}

body.home .oc-blog-strip--next-steps .oc-section-head {
	margin-bottom: clamp(18px, 2.2vw, 28px) !important;
}

body.home .oc-blog-strip--next-steps .oc-text-link {
	color: #ffe98a !important;
}

body.home .oc-blog-strip--next-steps .oc-post-card {
	background: #fff !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .16) !important;
}

body.home .oc-blog-strip--next-steps + .oc-faq-block {
	width: min(var(--oc-wide), calc(100% - 32px)) !important;
	max-width: min(var(--oc-wide), calc(100% - 32px)) !important;
	margin: clamp(24px, 4vw, 46px) auto 0 !important;
}

@media (max-width: 980px) {
	body.home .oc-context-brief--since article {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-context-brief--since article > span {
		width: 54px !important;
		height: 54px !important;
	}

	body.home .oc-context-brief--since .oc-context-brief__media {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		max-width: 560px !important;
		margin: 10px auto 0 !important;
	}

	body.home .oc-home-rtp {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-home-rtp__panel {
		padding: 18px !important;
	}
}

@media (max-width: 560px) {
	body.home .oc-home-rtp__benchmark {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-home-rtp__casino {
		grid-template-columns: auto 54px 1fr !important;
	}

	body.home .oc-home-rtp__logo {
		width: 54px !important;
		height: 42px !important;
	}
}

/* 2026-07-04: money-page picks, dark drawer, editable footer polish. */
@media (min-width: 981px) {
	.oc-page-content-shell.has-toc {
		grid-template-columns: minmax(0, 1fr) minmax(230px, 280px) !important;
		gap: 24px !important;
	}

	.oc-page-content-shell.has-toc .oc-prose {
		max-width: none !important;
	}

	.oc-page-toc-sidebar #oc-sidebar-toc {
		padding: 16px !important;
	}

	.oc-page-toc-sidebar #oc-sidebar-toc a {
		font-size: 13px !important;
		line-height: 1.28 !important;
	}
}

.oc-prose > .oc-money-picks {
	border-color: rgba(208, 218, 231, .95) !important;
	background:
		radial-gradient(circle at 92% 8%, rgba(240, 220, 121, .18), transparent 32%),
		linear-gradient(135deg, #fff, #fbfcfa 58%, #fff9df) !important;
}

.oc-prose > .oc-money-picks .oc-money-picks__head {
	align-items: start !important;
	gap: 18px !important;
}

.oc-prose > .oc-money-picks .oc-money-picks__head h2 {
	font-size: clamp(28px, 2.7vw, 44px) !important;
	line-height: 1.05 !important;
}

.oc-prose > .oc-money-picks .oc-money-picks__head p {
	max-width: 68ch !important;
	font-size: clamp(15px, 1.05vw, 17px) !important;
	line-height: 1.5 !important;
}

.oc-prose > .oc-money-picks .oc-money-picks__featured {
	gap: 16px !important;
	margin-bottom: 22px !important;
	padding: 14px !important;
	border: 1px solid rgba(218, 226, 236, .88) !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, .72) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card {
	overflow: hidden !important;
	grid-template-rows: 154px 1fr !important;
	min-height: 560px !important;
	border: 1px solid rgba(203, 214, 229, .98) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 20px 48px rgba(17, 21, 32, .09) !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand {
	min-height: 154px !important;
	padding: 20px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion {
	height: 88px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__body {
	display: flex !important;
	flex-direction: column !important;
	align-content: initial !important;
	gap: 11px !important;
	padding: 20px !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card h3 {
	font-size: clamp(23px, 1.7vw, 30px) !important;
	line-height: 1.08 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card p {
	margin: 0 !important;
	font-size: clamp(17px, 1.2vw, 20px) !important;
	line-height: 1.22 !important;
	font-weight: 900 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card p a {
	-webkit-line-clamp: 3 !important;
	color: var(--oc-purple) !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card ul {
	display: grid !important;
	gap: 8px !important;
	margin: 2px 0 8px !important;
	padding: 0 !important;
	list-style: none !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card li {
	position: relative !important;
	padding-left: 20px !important;
	color: var(--oc-ink) !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.26 !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card li::before {
	content: "" !important;
	position: absolute !important;
	top: .55em !important;
	left: 2px !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 999px !important;
	background: var(--oc-green-dark) !important;
	box-shadow: 0 0 0 4px rgba(47, 125, 91, .1) !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-button {
	min-height: 52px !important;
	margin-top: auto !important;
	border-radius: 12px !important;
	font-size: 16px !important;
	box-shadow: 0 16px 34px rgba(164, 82, 43, .22) !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card .oc-text-link {
	align-self: center !important;
	font-size: 15px !important;
	font-weight: 900 !important;
}

@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-picks__featured {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr) !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child {
		transform: translateY(-10px) !important;
		border-color: rgba(214, 188, 83, .8) !important;
		box-shadow: 0 26px 62px rgba(17, 21, 32, .16), 0 0 0 7px rgba(255, 244, 211, .72) !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__brand {
		min-height: 166px !important;
	}
}

@media (max-width: 760px) {
	.oc-prose > .oc-money-picks .oc-money-picks__featured {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.oc-prose > .oc-money-picks .oc-money-pick-card {
		min-height: 0 !important;
	}
}

.oc-drawer.is-open {
	background: rgba(7, 10, 16, .58) !important;
	backdrop-filter: blur(8px) !important;
}

.oc-drawer-panel {
	width: min(420px, calc(100vw - 18px)) !important;
	padding: 16px !important;
	gap: 12px !important;
	border: 1px solid rgba(255, 255, 255, .1) !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 88% 4%, rgba(240, 220, 121, .12), transparent 28%),
		linear-gradient(180deg, rgba(22, 28, 39, .98), rgba(12, 17, 25, .99) 48%, rgba(18, 43, 32, .98)) !important;
	box-shadow: -22px 0 70px rgba(0, 0, 0, .38) !important;
}

.oc-drawer-close {
	border-color: rgba(255, 255, 255, .1) !important;
	background: rgba(255, 255, 255, .08) !important;
}

.oc-drawer-close:hover,
.oc-drawer-close:focus-visible {
	background: rgba(240, 220, 121, .92) !important;
}

.oc-drawer-close:hover::before,
.oc-drawer-close:hover::after,
.oc-drawer-close:focus-visible::before,
.oc-drawer-close:focus-visible::after {
	background: #111520 !important;
}

.oc-drawer-head span {
	background: rgba(240, 220, 121, .12) !important;
	color: #f6df73 !important;
}

.oc-drawer-head strong {
	max-width: 310px !important;
	color: #fff !important;
	font-size: clamp(22px, 4.4vw, 28px) !important;
	line-height: 1.04 !important;
}

.oc-drawer-quicklinks a {
	border-color: rgba(255, 255, 255, .12) !important;
	background: rgba(255, 255, 255, .06) !important;
	color: #f6f8fb !important;
	box-shadow: none !important;
}

.oc-drawer-quicklinks a:hover,
.oc-drawer-quicklinks a:focus-visible {
	border-color: rgba(240, 220, 121, .82) !important;
	background: rgba(240, 220, 121, .92) !important;
	color: #111520 !important;
}

.oc-drawer-search input {
	border-color: rgba(255, 255, 255, .12) !important;
	background: rgba(255, 255, 255, .95) !important;
}

.oc-drawer-search button {
	background: #f0dc79 !important;
	color: #111520 !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

.oc-drawer-nav {
	border-top-color: rgba(255, 255, 255, .12) !important;
}

.oc-drawer-nav::before {
	color: rgba(255, 255, 255, .54) !important;
}

.oc-drawer-item {
	border-bottom-color: rgba(255, 255, 255, .1) !important;
}

.oc-drawer-link {
	min-height: 50px !important;
	padding: 9px 44px 9px 2px !important;
	color: #fff !important;
}

.oc-drawer-link:hover,
.oc-drawer-link:focus-visible {
	background: rgba(255, 255, 255, .06) !important;
}

.oc-drawer-link .oc-lite-icon {
	color: #9fd8ba !important;
}

.oc-drawer-label strong {
	color: #fff !important;
	font-size: 14px !important;
}

.oc-drawer-subhint,
.oc-drawer-link em {
	display: none !important;
}

.oc-drawer-toggle {
	top: 9px !important;
	right: 0 !important;
	width: 32px !important;
	height: 32px !important;
	border-color: rgba(255, 255, 255, .14) !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .08) !important;
	color: #f0dc79 !important;
	box-shadow: none !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus-visible,
.oc-drawer-toggle[aria-expanded="true"] {
	border-color: rgba(240, 220, 121, .82) !important;
	background: #f0dc79 !important;
	color: #111520 !important;
}

.oc-drawer-toggle::before,
.oc-drawer-toggle::after {
	top: 50% !important;
	left: 50% !important;
	background: currentColor !important;
	transform: translate(-50%, -50%) !important;
}

.oc-drawer-toggle::before {
	width: 12px !important;
	height: 2px !important;
}

.oc-drawer-toggle::after {
	width: 2px !important;
	height: 12px !important;
}

.oc-drawer-toggle[aria-expanded="true"]::after {
	opacity: 0 !important;
}

.oc-drawer-submenu {
	margin-left: 27px !important;
	border-left-color: rgba(240, 220, 121, .22) !important;
}

.oc-drawer-submenu a,
.oc-drawer-submenu .oc-drawer-link {
	color: rgba(255, 255, 255, .78) !important;
}

.oc-drawer-submenu a:hover,
.oc-drawer-submenu a:focus-visible,
.oc-drawer-submenu .oc-drawer-link:hover,
.oc-drawer-submenu .oc-drawer-link:focus-visible {
	background: rgba(255, 255, 255, .08) !important;
	color: #fff !important;
}

.oc-site-footer {
	background:
		radial-gradient(circle at 10% 0, rgba(47, 125, 91, .24), transparent 28%),
		radial-gradient(circle at 86% 8%, rgba(240, 220, 121, .11), transparent 26%),
		linear-gradient(180deg, #111520, #0b1018 58%, #09110f) !important;
}

.oc-footer-inner {
	grid-template-columns: minmax(260px, 1.2fr) minmax(140px, .65fr) minmax(160px, .7fr) minmax(260px, 1.1fr) minmax(150px, .65fr) !important;
	gap: 26px !important;
}

.oc-footer-brand,
.oc-footer-disclosure,
.oc-site-footer section:not(.oc-footer-brand):not(.oc-footer-disclosure) {
	padding: 0 !important;
}

.oc-site-footer h2 {
	margin: 0 0 12px !important;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 1.15 !important;
}

.oc-footer-links--menu,
.oc-footer-menu {
	display: grid !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.oc-footer-menu li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.oc-footer-bottom {
	justify-content: space-between !important;
	color: rgba(255, 255, 255, .66) !important;
}

@media (max-width: 1280px) {
	.oc-footer-inner {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 760px) {
	.oc-footer-inner {
		grid-template-columns: 1fr !important;
	}
}

/* 2026-07-04: widen standard page shells by using roughly half of the outer desktop gutter. */
@media (min-width: 1440px) {
	body:not(.home) .oc-section,
	body:not(.home) .oc-article,
	body:not(.home) .oc-page-hero,
	body:not(.home) .oc-author-hero,
	body:not(.home) .oc-slot-hero,
	body:not(.home) .oc-review-page-wrap {
		width: min(1860px, calc(100% - clamp(96px, 10vw, 188px))) !important;
	}

	body:not(.home) .oc-page-content-shell.has-toc {
		grid-template-columns: minmax(0, 1fr) minmax(220px, 270px) !important;
		gap: 24px !important;
	}
}

/* 2026-07-04: keep money-page CTA terms readable after card and page-width polish. */
.oc-prose > .oc-money-picks,
.oc-prose > .oc-money-picks .oc-money-picks__featured,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-list__items,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row > div,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row__offer,
.oc-prose > .oc-money-picks .oc-money-pick-card,
.oc-prose > .oc-money-picks .oc-money-pick-card__body {
	overflow: visible !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card,
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row {
	position: relative !important;
	z-index: 1;
}

.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:hover),
.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:focus),
.oc-prose > .oc-money-picks .oc-money-pick-card:has(.oc-terms-hover:focus-within),
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row:has(.oc-terms-hover:hover),
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row:has(.oc-terms-hover:focus),
.oc-prose > .oc-money-picks .oc-shortcode-list--money-more .oc-shortcode-row:has(.oc-terms-hover:focus-within) {
	z-index: 7000 !important;
}

.oc-prose > .oc-money-picks .oc-terms-hover {
	position: relative !important;
	z-index: 40 !important;
}

.oc-prose > .oc-money-picks .oc-terms-hover small {
	top: calc(100% + 10px) !important;
	bottom: auto !important;
	left: 0 !important;
	z-index: 9000 !important;
	width: min(680px, calc(100vw - 56px)) !important;
	max-height: min(560px, 76vh) !important;
	overflow: auto !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
}

.oc-prose > .oc-money-picks .oc-terms-hover:hover small,
.oc-prose > .oc-money-picks .oc-terms-hover:focus small,
.oc-prose > .oc-money-picks .oc-terms-hover:focus-within small {
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-pick-card:nth-child(3) .oc-terms-hover small {
		right: 0 !important;
		left: auto !important;
		transform-origin: top right !important;
	}
}

@media (max-width: 640px) {
	.oc-prose > .oc-money-picks .oc-terms-hover small {
		left: 50% !important;
		width: min(320px, calc(100vw - 32px)) !important;
		max-height: 62vh !important;
		transform: translate(-50%, 6px) !important;
	}

	.oc-prose > .oc-money-picks .oc-terms-hover:hover small,
	.oc-prose > .oc-money-picks .oc-terms-hover:focus small,
	.oc-prose > .oc-money-picks .oc-terms-hover:focus-within small {
		transform: translate(-50%, 0) !important;
	}
}

/* 2026-07-04: keep tall casino logos contained inside money-page featured-card brand panels. */
.oc-prose > .oc-money-picks .oc-money-pick-card__brand {
	overflow: hidden !important;
	isolation: isolate;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: min(70%, 230px) !important;
	max-width: calc(100% - 56px) !important;
	height: 84px !important;
	max-height: calc(100% - 44px) !important;
	overflow: hidden !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

.oc-prose > .oc-money-picks .oc-money-pick-card__brand .oc-logo-medallion--pub-casino {
	width: min(68%, 230px) !important;
	height: 76px !important;
	max-height: 76px !important;
}

@media (min-width: 1121px) {
	.oc-prose > .oc-money-picks .oc-money-pick-card:first-child .oc-money-pick-card__brand .oc-logo-medallion--pub-casino {
		width: min(72%, 250px) !important;
		height: 82px !important;
		max-height: 82px !important;
	}
}

/* 2026-07-04: replace drawer submenu plus bubbles with compact chevrons. */
.oc-drawer-item--has-children > .oc-drawer-link {
	padding-right: 48px !important;
}

.oc-drawer-item--has-children > .oc-drawer-link::after {
	content: none !important;
	display: none !important;
}

.oc-drawer-toggle {
	position: absolute !important;
	top: 11px !important;
	right: 8px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(240, 220, 121, .34) !important;
	border-radius: 10px !important;
	background: rgba(240, 220, 121, .1) !important;
	color: #f0dc79 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.oc-drawer-toggle .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.oc-drawer-toggle:hover,
.oc-drawer-toggle:focus-visible,
.oc-drawer-toggle[aria-expanded="true"] {
	border-color: rgba(240, 220, 121, .88) !important;
	background: #f0dc79 !important;
	color: #111520 !important;
	outline: 0 !important;
	transform: scale(1.03) !important;
}

.oc-drawer-toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(240, 220, 121, .2) !important;
}

.oc-drawer-toggle::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	display: block !important;
	width: 8px !important;
	height: 8px !important;
	font-size: 0 !important;
	border-right: 2px solid currentColor !important;
	border-bottom: 2px solid currentColor !important;
	border-top: 0 !important;
	border-left: 0 !important;
	background: transparent !important;
	transform: translate(-50%, -62%) rotate(45deg) !important;
	transition: transform .16s ease !important;
}

.oc-drawer-toggle::after {
	content: none !important;
	display: none !important;
}

.oc-drawer-toggle[aria-expanded="true"]::before,
.oc-drawer-item.is-expanded > .oc-drawer-toggle::before {
	transform: translate(-50%, -38%) rotate(-135deg) !important;
}

.oc-drawer-submenu .oc-drawer-toggle {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	border-radius: 8px !important;
}

.oc-drawer-submenu .oc-drawer-toggle::before {
	width: 7px !important;
	height: 7px !important;
}

/* 2026-07-05: mobile money-page fit, bottom TOC, sticky review offer, crisp icon release. */
@media (max-width: 980px) {
	.oc-page-content-shell.has-toc {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}

	.oc-page-content-shell.has-toc .oc-prose {
		order: 1 !important;
		min-width: 0 !important;
	}

	.oc-page-toc-sidebar {
		order: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.oc-page-toc-sidebar #oc-sidebar-toc {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 760px) {
	html,
	body {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	body:not(.home) .oc-main,
	body:not(.home) .oc-section,
	body:not(.home) .oc-article,
	body:not(.home) .oc-page-hero,
	body:not(.home) .oc-author-hero,
	body:not(.home) .oc-slot-hero,
	body:not(.home) .oc-review-page-wrap,
	body:not(.home) .oc-page-content-shell {
		width: calc(100% - 24px) !important;
		max-width: calc(100% - 24px) !important;
		margin-right: auto !important;
		margin-left: auto !important;
		box-sizing: border-box !important;
	}

	body:not(.home) .oc-page-content-shell {
		width: calc(100% - 20px) !important;
		max-width: calc(100% - 20px) !important;
	}

	body:not(.home) .oc-prose,
	body:not(.home) .oc-prose > *,
	body:not(.home) .oc-prose article,
	body:not(.home) .oc-prose section,
	body:not(.home) .oc-prose div {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body:not(.home) .oc-prose {
		min-width: 0 !important;
		overflow-wrap: break-word !important;
	}

	body:not(.home) .oc-prose h1,
	body:not(.home) .oc-prose h2,
	body:not(.home) .oc-prose h3,
	body:not(.home) .oc-prose p,
	body:not(.home) .oc-prose li {
		overflow-wrap: break-word !important;
	}

	body:not(.home) .oc-prose img,
	body:not(.home) .oc-prose iframe,
	body:not(.home) .oc-prose video,
	body:not(.home) .oc-prose table {
		max-width: 100% !important;
	}

	body:not(.home) .oc-prose > .oc-money-picks {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 16px !important;
	}

	body:not(.home) .oc-prose > .oc-money-picks .oc-money-picks__head {
		grid-template-columns: 1fr !important;
	}

	body:not(.home) .oc-prose > .oc-money-picks .oc-money-picks__head h2 {
		font-size: clamp(26px, 9vw, 36px) !important;
	}

	body:not(.home) .oc-prose > .oc-money-picks .oc-money-picks__count {
		justify-self: start !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 12px 18px !important;
	}
}

@media (max-width: 959px) {
	.oc-review-page-wrap,
	.oc-review-page .oc-review-main,
	.oc-review-page .oc-review-sidebar-slot {
		overflow: visible !important;
	}

	.oc-review-page .oc-sidebar-offer-slot {
		min-height: 0 !important;
		overflow: visible !important;
	}

	.oc-review-page .oc-sidebar-offer-stack {
		z-index: 80 !important;
		max-height: calc(100vh - 92px) !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
		border-radius: 22px !important;
	}

	.oc-review-page .oc-sidebar-offer {
		max-width: none !important;
		padding: 16px !important;
		border-radius: 22px !important;
		box-shadow: 0 18px 42px rgba(17, 21, 32, .16) !important;
	}

	.oc-review-page .oc-sidebar-offer__head {
		margin: -16px -16px 14px !important;
		padding: 16px !important;
	}

	.oc-review-page .oc-sidebar-offer strong {
		font-size: clamp(24px, 7vw, 34px) !important;
		line-height: 1.08 !important;
	}

	.oc-review-page .oc-sidebar-offer p {
		font-size: 15px !important;
		line-height: 1.48 !important;
	}

	.oc-review-page .oc-sidebar-offer .button,
	.oc-review-page .oc-sidebar-offer .oc-button,
	.oc-review-page .oc-sidebar-offer a[class*="button"] {
		min-height: 52px !important;
	}
}

/* 2026-07-05: compact mobile review CTA bar. Desktop review sidebar stays unchanged. */
@media (max-width: 959px) {
	body.oc-review-page {
		padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body.oc-review-page .oc-review-sidebar-slot,
	body.oc-review-page .oc-sidebar-offer-slot {
		display: contents !important;
		min-height: 0 !important;
	}

	body.oc-review-page .oc-sidebar-offer-stack {
		position: static !important;
		display: contents !important;
		max-height: none !important;
		overflow: visible !important;
		border-radius: 0 !important;
	}

	body.oc-review-page .oc-sidebar-offer {
		position: fixed !important;
		z-index: 120 !important;
		right: max(12px, env(safe-area-inset-right, 0px)) !important;
		bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
		left: max(12px, env(safe-area-inset-left, 0px)) !important;
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 10px !important;
		width: auto !important;
		max-width: none !important;
		min-height: 0 !important;
		padding: 10px 10px 10px 12px !important;
		overflow: hidden !important;
		border: 1px solid rgba(211, 182, 82, .48) !important;
		border-radius: 16px !important;
		background:
			linear-gradient(135deg, rgba(255, 255, 250, .98), rgba(255, 248, 232, .98)),
			#fff !important;
		box-shadow: 0 14px 34px rgba(17, 21, 32, .2) !important;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}

	body.oc-review-page .oc-sidebar-offer::before,
	body.oc-review-page .oc-sidebar-offer::after,
	body.oc-review-page .oc-sidebar-offer__head,
	body.oc-review-page .oc-sidebar-offer b,
	body.oc-review-page .oc-sidebar-offer p,
	body.oc-review-page .oc-sidebar-offer small {
		display: none !important;
	}

	body.oc-review-page .oc-sidebar-offer__copy {
		display: block !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	body.oc-review-page .oc-sidebar-offer__copy strong,
	body.oc-review-page .oc-sidebar-offer strong {
		display: -webkit-box !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		color: var(--oc-ink) !important;
		font-size: clamp(.9rem, 3.5vw, 1.02rem) !important;
		font-weight: 950 !important;
		line-height: 1.16 !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	body.oc-review-page .oc-sidebar-offer a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		min-width: 108px !important;
		min-height: 44px !important;
		margin: 0 !important;
		padding: 0 14px !important;
		border-radius: 12px !important;
		background: linear-gradient(180deg, #b76236, #934623) !important;
		color: #fff !important;
		font-size: .92rem !important;
		font-weight: 950 !important;
		line-height: 1 !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		box-shadow: 0 10px 22px rgba(151, 75, 38, .24) !important;
	}

	body.oc-review-page .oc-sidebar-offer a::after {
		display: none !important;
		content: none !important;
	}

	body.oc-review-page .oc-sidebar-offer a:hover,
	body.oc-review-page .oc-sidebar-offer a:focus-visible {
		transform: translateY(-1px);
		background: #111520 !important;
		color: #fff !important;
	}
}

@media (max-width: 380px) {
	body.oc-review-page {
		padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body.oc-review-page .oc-sidebar-offer {
		grid-template-columns: 1fr !important;
	}

	body.oc-review-page .oc-sidebar-offer a {
		width: 100% !important;
	}
}

/* 2026-07-06: homepage RTP selector and text-scale polish. */
body.home .oc-home-showcase {
	--oc-home-h2-size: clamp(28px, 2.15vw, 38px);
	--oc-home-h3-size: clamp(18px, 1.28vw, 22px);
	--oc-home-body-size: clamp(15px, .92vw, 16.5px);
	--oc-home-small-size: clamp(13.5px, .82vw, 15px);
}

body.home .oc-home-showcase h2,
body.home .oc-home-showcase .oc-visual-head h2,
body.home .oc-home-showcase .oc-context-brief--since h2,
body.home .oc-home-showcase .oc-stepper h2,
body.home .oc-home-showcase .oc-support-panel h2,
body.home .oc-home-showcase .oc-verdict-panel h2,
body.home .oc-home-rtp__copy h2,
body.home .oc-blog-strip--next-steps .oc-section-head h2 {
	font-size: var(--oc-home-h2-size) !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
}

body.home .oc-home-showcase h3,
body.home .oc-home-showcase .oc-scorecard h3,
body.home .oc-home-showcase .oc-home-guide-card h3,
body.home .oc-home-showcase .oc-flow-diagram h3,
body.home .oc-home-showcase .oc-ranked-recap h3,
body.home .oc-home-showcase .oc-post-card h3 {
	font-size: var(--oc-home-h3-size) !important;
	line-height: 1.16 !important;
}

body.home .oc-home-showcase p,
body.home .oc-home-showcase li,
body.home .oc-home-showcase .oc-home-copy-flow p,
body.home .oc-home-showcase .oc-context-brief__copy p,
body.home .oc-home-showcase .oc-scorecard p,
body.home .oc-home-showcase .oc-home-guide-card p {
	font-size: var(--oc-home-body-size) !important;
	line-height: 1.58 !important;
}

body.home .oc-home-showcase .oc-kicker,
body.home .oc-blog-strip--next-steps .oc-kicker {
	font-size: clamp(10.5px, .68vw, 12px) !important;
	line-height: 1 !important;
}

body.home .oc-home-rtp {
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
	gap: clamp(20px, 2.4vw, 34px) !important;
}

body.home .oc-home-rtp__copy,
body.home .oc-home-rtp__panel {
	min-width: 0 !important;
}

body.home .oc-home-rtp__copy {
	gap: 12px !important;
}

body.home .oc-home-rtp__intro {
	font-size: var(--oc-home-body-size) !important;
	line-height: 1.55 !important;
}

body.home .oc-home-rtp__intro p {
	margin-bottom: 10px !important;
}

body.home .oc-home-rtp__panel {
	gap: 12px !important;
	padding: clamp(18px, 2.1vw, 24px) !important;
}

body.home .oc-home-rtp__benchmark {
	grid-template-columns: 76px minmax(0, 1fr) !important;
	gap: 12px !important;
	padding: 14px !important;
}

body.home .oc-home-rtp__benchmark strong {
	width: 76px !important;
	font-size: clamp(1.75rem, 2.45vw, 2.3rem) !important;
}

body.home .oc-home-rtp__benchmark span {
	font-size: clamp(14px, .9vw, 15.5px) !important;
	line-height: 1.28 !important;
}

body.home .oc-home-rtp__panel > p {
	font-size: var(--oc-home-small-size) !important;
	line-height: 1.42 !important;
	font-weight: 750 !important;
}

body.home .oc-home-rtp__casinos {
	gap: 9px !important;
}

body.home .oc-home-rtp__casino {
	grid-template-columns: 38px 58px minmax(0, 1fr) !important;
	gap: 10px !important;
	padding: 10px 12px !important;
}

body.home .oc-home-rtp__rank {
	width: 38px !important;
	font-size: 14px !important;
}

body.home .oc-home-rtp__logo {
	width: 58px !important;
	height: 42px !important;
	border-radius: 11px !important;
}

body.home .oc-home-rtp__name {
	min-width: 0 !important;
	font-size: clamp(15px, .98vw, 17px) !important;
	line-height: 1.18 !important;
}

@media (max-width: 980px) {
	body.home .oc-home-rtp {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 560px) {
	body.home .oc-home-showcase {
		--oc-home-h2-size: clamp(25px, 7vw, 32px);
		--oc-home-h3-size: clamp(18px, 5.2vw, 21px);
		--oc-home-body-size: 15px;
	}

	body.home .oc-home-rtp__benchmark {
		grid-template-columns: 64px minmax(0, 1fr) !important;
	}

	body.home .oc-home-rtp__benchmark strong {
		width: 64px !important;
		font-size: 1.65rem !important;
	}

	body.home .oc-home-rtp__casino {
		grid-template-columns: 34px 52px minmax(0, 1fr) !important;
	}

	body.home .oc-home-rtp__rank {
		width: 34px !important;
	}

	body.home .oc-home-rtp__logo {
		width: 52px !important;
		height: 40px !important;
	}
}

/* 2026-07-06: final homepage text-scale and RTP fit pass. */
body.home #homepage-guide {
	--oc-home-heading-xl: clamp(30px, 2.05vw, 40px);
	--oc-home-heading-lg: clamp(25px, 1.65vw, 34px);
	--oc-home-heading-md: clamp(18px, 1.05vw, 21px);
	--oc-home-copy: clamp(15px, .86vw, 16px);
	--oc-home-copy-sm: clamp(13px, .76vw, 14.5px);
}

body.home #homepage-guide :is(.oc-context-brief--since, .oc-scorecard, .oc-stepper, .oc-support-panel, .oc-flow-diagram, .oc-ranked-recap, .oc-verdict-panel, .oc-home-rtp, .oc-home-featured-games-section) h2 {
	font-size: var(--oc-home-heading-lg) !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide :is(.oc-scorecard, .oc-stepper, .oc-flow-diagram, .oc-ranked-recap, .oc-home-guide-card, .oc-home-game-card, .oc-post-card, .oc-faq-section) h3 {
	font-size: var(--oc-home-heading-md) !important;
	line-height: 1.18 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide :is(.oc-context-brief__copy, .oc-scorecard, .oc-stepper, .oc-support-panel, .oc-flow-diagram, .oc-ranked-recap, .oc-verdict-panel, .oc-home-guide-card, .oc-home-rtp) :is(p, li) {
	font-size: var(--oc-home-copy) !important;
	line-height: 1.55 !important;
}

body.home #homepage-guide .oc-kicker {
	font-size: clamp(10.5px, .66vw, 12px) !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide .oc-home-rtp {
	grid-template-columns: minmax(0, .94fr) minmax(320px, .56fr) !important;
	align-items: stretch !important;
	gap: clamp(18px, 2vw, 28px) !important;
	padding: clamp(20px, 2.6vw, 30px) !important;
}

body.home #homepage-guide .oc-home-rtp__copy {
	align-content: start !important;
	gap: clamp(9px, 1vw, 12px) !important;
	min-width: 0 !important;
}

body.home #homepage-guide .oc-home-rtp__copy h2 {
	max-width: 18ch !important;
	margin: 0 !important;
	font-size: var(--oc-home-heading-xl) !important;
	line-height: 1.08 !important;
}

body.home #homepage-guide .oc-home-rtp__intro {
	max-width: 74ch !important;
	color: var(--oc-text-muted) !important;
	font-size: var(--oc-home-copy) !important;
	line-height: 1.52 !important;
}

body.home #homepage-guide .oc-home-rtp__intro p {
	margin: 0 0 8px !important;
}

body.home #homepage-guide .oc-home-rtp__intro p:last-child {
	margin-bottom: 0 !important;
}

body.home #homepage-guide .oc-home-rtp__panel {
	align-self: stretch !important;
	gap: 12px !important;
	min-width: 0 !important;
	overflow: hidden !important;
	padding: clamp(16px, 1.8vw, 22px) !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark {
	grid-template-columns: 72px minmax(0, 1fr) !important;
	gap: 12px !important;
	padding: 12px !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark strong {
	width: 72px !important;
	min-height: 72px !important;
	font-size: clamp(1.55rem, 2.1vw, 2.1rem) !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark span {
	font-size: var(--oc-home-copy-sm) !important;
	line-height: 1.3 !important;
}

body.home #homepage-guide .oc-home-rtp__panel > p {
	margin: 0 !important;
	font-size: var(--oc-home-copy-sm) !important;
	line-height: 1.35 !important;
	font-weight: 750 !important;
}

body.home #homepage-guide .oc-home-rtp__casinos {
	gap: 8px !important;
}

body.home #homepage-guide .oc-home-rtp__casino {
	grid-template-columns: 36px 54px minmax(0, 1fr) !important;
	gap: 9px !important;
	min-height: 60px !important;
	padding: 9px 10px !important;
}

body.home #homepage-guide .oc-home-rtp__rank {
	width: 36px !important;
	min-height: 36px !important;
	font-size: 13px !important;
}

body.home #homepage-guide .oc-home-rtp__logo {
	width: 54px !important;
	height: 40px !important;
	border-radius: 10px !important;
}

body.home #homepage-guide .oc-home-rtp__name {
	font-size: clamp(14.5px, .86vw, 16px) !important;
	line-height: 1.18 !important;
}

body.home .oc-blog-strip--next-steps .oc-section-head h2 {
	font-size: var(--oc-home-heading-lg, clamp(25px, 1.65vw, 34px)) !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
}

body.home .oc-blog-strip--next-steps :is(p, li) {
	font-size: var(--oc-home-copy, clamp(15px, .86vw, 16px)) !important;
	line-height: 1.55 !important;
}

@media (max-width: 980px) {
	body.home #homepage-guide .oc-home-rtp {
		grid-template-columns: 1fr !important;
	}

	body.home #homepage-guide .oc-home-rtp__copy h2 {
		max-width: none !important;
	}
}

@media (max-width: 560px) {
	body.home #homepage-guide {
		--oc-home-heading-xl: clamp(25px, 7vw, 32px);
		--oc-home-heading-lg: clamp(24px, 6.2vw, 30px);
		--oc-home-copy: 15px;
	}

	body.home #homepage-guide .oc-home-rtp {
		padding: 18px !important;
	}

	body.home #homepage-guide .oc-home-rtp__benchmark {
		grid-template-columns: 64px minmax(0, 1fr) !important;
	}

	body.home #homepage-guide .oc-home-rtp__benchmark strong {
		width: 64px !important;
		min-height: 64px !important;
		font-size: 1.65rem !important;
	}

	body.home #homepage-guide .oc-home-rtp__casino {
		grid-template-columns: 34px 52px minmax(0, 1fr) !important;
	}

	body.home #homepage-guide .oc-home-rtp__rank {
		width: 34px !important;
		min-height: 34px !important;
	}

	body.home #homepage-guide .oc-home-rtp__logo {
		width: 52px !important;
		height: 40px !important;
	}
}

/* 2026-07-06: homepage typography correction after RTP pass. */
body.home #homepage-guide {
	--oc-home-section-title: clamp(28px, 2.25vw, 42px);
	--oc-home-card-title: clamp(19px, 1.05vw, 23px);
	--oc-home-card-copy: clamp(15px, .9vw, 17px);
	--oc-home-card-small: clamp(12.5px, .72vw, 14px);
}

body.home #homepage-guide :is(
	.oc-context-brief--since,
	.oc-scorecard,
	.oc-stepper,
	.oc-support-panel,
	.oc-flow-diagram,
	.oc-ranked-recap,
	.oc-verdict-panel,
	.oc-home-rtp,
	.oc-home-featured-games-section
) h2,
body.home .oc-blog-strip--next-steps .oc-section-head h2 {
	margin-top: 0 !important;
	font-size: var(--oc-home-section-title) !important;
	font-weight: 900 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide :is(
	.oc-scorecard,
	.oc-stepper,
	.oc-flow-diagram,
	.oc-ranked-recap,
	.oc-home-guide-card,
	.oc-home-game-card,
	.oc-post-card,
	.oc-faq-section,
	.oc-home-rtp
) h3 {
	font-size: var(--oc-home-card-title) !important;
	font-weight: 900 !important;
	line-height: 1.18 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide :is(
	.oc-context-brief__copy,
	.oc-home-copy-flow,
	.oc-scorecard,
	.oc-stepper,
	.oc-support-panel,
	.oc-flow-diagram,
	.oc-ranked-recap,
	.oc-verdict-panel,
	.oc-home-guide-card,
	.oc-home-rtp,
	.oc-faq-section
) :is(p, li),
body.home .oc-blog-strip--next-steps :is(p, li) {
	font-size: var(--oc-home-card-copy) !important;
	font-weight: 620 !important;
	line-height: 1.58 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide :is(.oc-kicker, .oc-chip, .oc-scorecard__chips li, .oc-support-panel__actions li, .oc-resource-badges a, .oc-resource-badges span) {
	font-size: var(--oc-home-card-small) !important;
	line-height: 1.15 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide .oc-home-rtp {
	display: block !important;
	padding: clamp(22px, 2.8vw, 36px) !important;
	border: 1px solid var(--oc-line) !important;
	border-radius: 24px !important;
	background:
		radial-gradient(circle at 94% 12%, rgba(238, 216, 95, .16), transparent 28%),
		linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(250, 252, 250, .94)) !important;
	box-shadow: 0 22px 52px rgba(15, 23, 42, .06) !important;
}

body.home #homepage-guide .oc-home-rtp__copy {
	display: block !important;
	max-width: none !important;
}

body.home #homepage-guide .oc-home-rtp__copy h2 {
	max-width: none !important;
	margin: 12px 0 14px !important;
	font-size: var(--oc-home-section-title) !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
}

body.home #homepage-guide .oc-home-rtp__intro {
	max-width: none !important;
	color: var(--oc-muted) !important;
	font-size: var(--oc-home-card-copy) !important;
	line-height: 1.58 !important;
}

body.home #homepage-guide .oc-home-rtp__intro p {
	margin: 0 0 12px !important;
	font-size: var(--oc-home-card-copy) !important;
	font-weight: 620 !important;
	line-height: 1.58 !important;
}

body.home #homepage-guide .oc-home-rtp__intro p:last-child {
	margin-bottom: 0 !important;
}

body.home #homepage-guide .oc-home-rtp__panel {
	display: grid !important;
	grid-template-columns: minmax(220px, .38fr) minmax(260px, .42fr) minmax(420px, 1fr) !important;
	align-items: center !important;
	gap: clamp(12px, 1.5vw, 18px) !important;
	margin-top: clamp(18px, 2vw, 24px) !important;
	padding: clamp(14px, 1.6vw, 20px) !important;
	border: 1px solid rgba(218, 226, 237, .88) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, .76) !important;
	box-shadow: none !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark {
	grid-template-columns: 64px minmax(0, 1fr) !important;
	gap: 12px !important;
	min-width: 0 !important;
	padding: 10px !important;
	border-radius: 16px !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark strong {
	width: 64px !important;
	min-height: 64px !important;
	font-size: clamp(26px, 1.9vw, 34px) !important;
	line-height: 1 !important;
}

body.home #homepage-guide .oc-home-rtp__benchmark span,
body.home #homepage-guide .oc-home-rtp__panel > p {
	margin: 0 !important;
	font-size: var(--oc-home-card-small) !important;
	font-weight: 760 !important;
	line-height: 1.35 !important;
}

body.home #homepage-guide .oc-home-rtp__casinos {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

body.home #homepage-guide .oc-home-rtp__casino {
	grid-template-columns: 36px 56px minmax(0, 1fr) !important;
	min-height: 64px !important;
	gap: 10px !important;
	padding: 10px !important;
	border-radius: 16px !important;
}

body.home #homepage-guide .oc-home-rtp__rank {
	width: 36px !important;
	min-height: 36px !important;
	font-size: 13px !important;
}

body.home #homepage-guide .oc-home-rtp__logo {
	width: 56px !important;
	height: 40px !important;
	border-radius: 10px !important;
}

body.home #homepage-guide .oc-home-rtp__name {
	font-size: clamp(14px, .86vw, 16px) !important;
	font-weight: 850 !important;
	line-height: 1.16 !important;
	letter-spacing: 0 !important;
}

@media (max-width: 1180px) {
	body.home #homepage-guide .oc-home-rtp__panel {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 760px) {
	body.home #homepage-guide {
		--oc-home-section-title: clamp(24px, 7vw, 32px);
		--oc-home-card-title: clamp(18px, 5.2vw, 21px);
		--oc-home-card-copy: 15px;
	}

	body.home #homepage-guide .oc-home-rtp {
		padding: 18px !important;
	}

	body.home #homepage-guide .oc-home-rtp__casinos {
		grid-template-columns: 1fr !important;
	}
}

/* 2026-07-06: replace the since-1999 illustration with a premium trust panel. */
body.home .oc-context-brief--since article {
	grid-template-columns: 58px minmax(0, 1fr) minmax(320px, 34%) !important;
	align-items: center !important;
}

body.home .oc-context-brief--since .oc-context-brief__media {
	display: none !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel {
	position: relative !important;
	grid-column: 3 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: 460px !important;
	margin-left: auto !important;
	padding: clamp(24px, 2.8vw, 38px) !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 26px !important;
	background:
		radial-gradient(circle at 88% 12%, rgba(238, 216, 95, .26), transparent 30%),
		radial-gradient(circle at 6% 94%, rgba(80, 145, 108, .3), transparent 38%),
		linear-gradient(135deg, #111520 0%, #123026 58%, #5c551f 100%) !important;
	box-shadow: 0 28px 74px rgba(17, 21, 32, .18) !important;
	color: #fff !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel::before {
	content: "" !important;
	position: absolute !important;
	inset: 28px 28px auto auto !important;
	width: 56% !important;
	aspect-ratio: 1 !important;
	border: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 999px !important;
	transform: rotate(-12deg) !important;
	opacity: .7 !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel::after {
	content: "" !important;
	position: absolute !important;
	right: -16% !important;
	bottom: -28% !important;
	width: 68% !important;
	aspect-ratio: 1 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .06) !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel > * {
	position: relative !important;
	z-index: 1 !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel-kicker {
	display: inline-flex !important;
	align-items: center !important;
	width: max-content !important;
	max-width: 100% !important;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #fff3a3 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel-year {
	display: block !important;
	margin: clamp(14px, 1.6vw, 22px) 0 8px !important;
	color: #fff !important;
	font-size: clamp(74px, 6.4vw, 112px) !important;
	font-weight: 950 !important;
	line-height: .86 !important;
	letter-spacing: 0 !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel p {
	max-width: 320px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, .8) !important;
	font-size: var(--oc-home-card-copy, 16px) !important;
	font-weight: 650 !important;
	line-height: 1.5 !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel ul {
	display: grid !important;
	gap: 10px !important;
	margin: clamp(20px, 2.2vw, 28px) 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel li {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 46px !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, .13) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .09) !important;
	color: rgba(255, 255, 255, .92) !important;
	font-size: var(--oc-home-card-small, 14px) !important;
	font-weight: 850 !important;
	line-height: 1.2 !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel-dot {
	display: inline-grid !important;
	flex: 0 0 auto !important;
	place-items: center !important;
	width: 20px !important;
	aspect-ratio: 1 !important;
	border-radius: 999px !important;
	background: #f2df67 !important;
	box-shadow: 0 0 0 4px rgba(242, 223, 103, .13) !important;
}

body.home .oc-context-brief--since .oc-context-brief__panel-dot::before {
	content: "" !important;
	width: 8px !important;
	height: 5px !important;
	border-left: 2px solid #111520 !important;
	border-bottom: 2px solid #111520 !important;
	transform: rotate(-45deg) translate(1px, -1px) !important;
}

@media (max-width: 980px) {
	body.home .oc-context-brief--since article {
		grid-template-columns: 1fr !important;
	}

	body.home .oc-context-brief--since .oc-context-brief__panel {
		grid-column: 1 / -1 !important;
		grid-row: auto !important;
		max-width: none !important;
		margin: 10px 0 0 !important;
	}
}

@media (max-width: 560px) {
	body.home .oc-context-brief--since .oc-context-brief__panel {
		padding: 22px !important;
		border-radius: 22px !important;
	}

	body.home .oc-context-brief--since .oc-context-brief__panel-year {
		font-size: clamp(64px, 18vw, 88px) !important;
	}
}