/*
Theme Name: SisterBrand
Description: Lovable→WP port — UK casino sister-sites with an interactive Casino Finder quiz + network map. Front-end mirrors the compiled Lovable Tailwind design; all content is admin-editable via the sisterlink-core plugin (CPTs + ACF). Dark-first, class-based dark/light toggle.
Author: Fleet
Version: 0.1.0
Requires PHP: 8.0
Requires at least: 6.4
Text Domain: sisterlink
*/

:root {
	--sb-content-width: 1000px;
	--sb-sister-content-width: 1000px;
	--sb-page-gutter: 20px;
	--sb-body-font: var(--font-sans);
	--sb-display-font: var(--font-display);
	--sb-body-size: 1rem;
	--sb-body-line-height: 1.8;
	--sb-body-color: var(--color-body);
	--sb-heading-color: var(--color-foreground);
	--sb-h1-size: 2.5rem;
	--sb-h1-line-height: 1.15;
	--sb-h1-weight: 400;
	--sb-h2-size: 2.375rem;
	--sb-h2-line-height: 1.15;
	--sb-h2-weight: 400;
	--sb-h3-size: 1.625rem;
	--sb-h3-line-height: 1.3;
	--sb-h3-weight: 400;
	--sb-eyebrow-size: 0.75rem;
	--sb-eyebrow-letter-spacing: 0.1em;
	--sb-eyebrow-weight: 400;
	--sb-eyebrow-color: var(--color-sky, var(--sky));
	--sb-lead-size: 1.125rem;
	--sb-lead-line-height: 1.75;
	--sb-lead-width: 640px;
	--sb-section-gap: 2rem;
	--sb-panel-gap: 3rem;
	--sb-panel-padding: 1.5rem;
	--sb-panel-border-width: 1px;
	--sb-panel-border-color: var(--border);
	--sb-panel-radius: 12px;
	--sb-panel-bg: var(--card);
	--sb-panel-bg-soft: color-mix(in oklab, var(--card) 82%, transparent);
	--sb-gold: var(--gold, #f59e0b);
	--sb-corner-size: 32px;
	--sb-corner-radius: 28px;
	--sb-corner-stroke: 1px;
	--sb-corner-offset: -8px;
	--sb-corner-opacity: 0.42;
	--sb-divider-gap: 1rem;
	--sb-divider-margin: 2rem;
	--sb-table-min-width: 720px;
	--sb-table-mobile-min-width: 680px;
}

body.single-post main > article .prose-editorial,
body.single-guide main > article .prose-editorial {
	width: min(100%, var(--sb-content-width));
}

body.single-post main > article .prose-editorial .sb-standard-panel,
body.single-post main > article .prose-editorial .ornate,
body.single-guide main > article .prose-editorial .sb-standard-panel,
body.single-guide main > article .prose-editorial .ornate {
	position: relative;
}

body.single-post main > article .prose-editorial .sb-standard-panel,
body.single-guide main > article .prose-editorial .sb-standard-panel {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	background: var(--sb-panel-bg);
	background-image:
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold)),
		linear-gradient(var(--sb-gold), var(--sb-gold));
	background-position:
		top left,
		top left,
		top right,
		top right,
		bottom right,
		bottom right,
		bottom left,
		bottom left;
	background-repeat: no-repeat;
	background-size:
		var(--sb-corner-size) var(--sb-corner-stroke),
		var(--sb-corner-stroke) var(--sb-corner-size),
		var(--sb-corner-size) var(--sb-corner-stroke),
		var(--sb-corner-stroke) var(--sb-corner-size),
		var(--sb-corner-size) var(--sb-corner-stroke),
		var(--sb-corner-stroke) var(--sb-corner-size),
		var(--sb-corner-size) var(--sb-corner-stroke),
		var(--sb-corner-stroke) var(--sb-corner-size);
	text-align: left;
	overflow-wrap: break-word;
	word-break: normal;
}

body.single-post main > article .prose-editorial .sb-standard-panel--soft,
body.single-guide main > article .prose-editorial .sb-standard-panel--soft {
	background-color: var(--sb-panel-bg-soft);
}

body.single-post main > article .prose-editorial .sb-two-col,
body.single-guide main > article .prose-editorial .sb-two-col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

body.single-post main > article .prose-editorial .sb-subpanel,
body.single-guide main > article .prose-editorial .sb-subpanel {
	min-width: 0;
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg);
	padding: 1.25rem;
	overflow-wrap: break-word;
	word-break: normal;
}

body.single-post main > article .prose-editorial .sb-subpanel > ul,
body.single-guide main > article .prose-editorial .sb-subpanel > ul {
	margin: 0.75rem 0 0;
	padding-left: 1.1rem;
	list-style: disc;
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial .sb-kicker,
body.single-guide main > article .prose-editorial .sb-kicker {
	color: var(--sb-eyebrow-color);
	font-size: var(--sb-eyebrow-size);
	font-weight: var(--sb-eyebrow-weight);
	letter-spacing: var(--sb-eyebrow-letter-spacing);
	line-height: 1.5;
	text-transform: uppercase;
}

body.single-post main > article .prose-editorial .sb-diamond-divider,
body.single-guide main > article .prose-editorial .sb-diamond-divider {
	display: flex;
	align-items: center;
	gap: var(--sb-divider-gap);
	max-width: var(--sb-content-width);
	margin: var(--sb-divider-margin) auto;
	color: var(--color-primary);
}

body.single-post main > article .prose-editorial .sb-diamond-divider::before,
body.single-post main > article .prose-editorial .sb-diamond-divider::after,
body.single-guide main > article .prose-editorial .sb-diamond-divider::before,
body.single-guide main > article .prose-editorial .sb-diamond-divider::after {
	content: "";
	height: 1px;
	flex: 1 1 0;
	background: var(--sb-panel-border-color);
}

body.single-post main > article .prose-editorial .sb-diamond-divider > span,
body.single-guide main > article .prose-editorial .sb-diamond-divider > span {
	font-size: 0.875rem;
	line-height: 1;
}

body.single-post main > article,
body.single-guide main > article {
	padding-top: 0;
}

body.single-post main > article .prose-editorial,
body.single-guide main > article .prose-editorial {
	width: 100%;
	max-width: var(--sb-content-width);
	margin-inline: auto;
	color: var(--sb-body-color);
	font-family: var(--sb-body-font);
	font-size: var(--sb-body-size);
	line-height: var(--sb-body-line-height);
	text-align: left;
	overflow-wrap: break-word;
	word-break: normal;
}

body.single-post main > article .prose-editorial > *,
body.single-guide main > article .prose-editorial > * {
	min-width: 0;
}

body.single-post main > article .prose-editorial > p,
body.single-guide main > article .prose-editorial > p {
	max-width: var(--sb-content-width);
	margin: 1rem auto;
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial > h2,
body.single-guide main > article .prose-editorial > h2 {
	max-width: var(--sb-content-width);
	margin: var(--sb-section-gap) auto 0.75rem;
	text-align: center;
	color: var(--sb-heading-color);
	font-family: var(--sb-display-font);
	font-size: var(--sb-h2-size);
	font-weight: var(--sb-h2-weight);
	line-height: var(--sb-h2-line-height);
	letter-spacing: 0;
}

body.single-post main > article .prose-editorial > h3,
body.single-guide main > article .prose-editorial > h3 {
	max-width: var(--sb-content-width);
	margin: 1.75rem auto 0.5rem;
	color: var(--sb-heading-color);
	font-family: var(--sb-display-font);
	font-size: var(--sb-h3-size);
	font-weight: var(--sb-h3-weight);
	line-height: var(--sb-h3-line-height);
	letter-spacing: 0;
}

body.single-post main > article .prose-editorial > ul,
body.single-post main > article .prose-editorial > ol,
body.single-guide main > article .prose-editorial > ul,
body.single-guide main > article .prose-editorial > ol {
	max-width: var(--sb-content-width);
	margin: 1rem auto;
	padding-left: 0;
	font-size: var(--sb-body-size);
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial > ul,
body.single-guide main > article .prose-editorial > ul {
	list-style: disc inside;
}

body.single-post main > article .prose-editorial > ol,
body.single-guide main > article .prose-editorial > ol {
	list-style: decimal inside;
}

body.single-post main > article .prose-editorial > div,
body.single-post main > article .prose-editorial > section,
body.single-guide main > article .prose-editorial > div,
body.single-guide main > article .prose-editorial > section {
	max-width: var(--sb-content-width);
	margin-inline: auto;
}

body.single-post main > article .prose-editorial .grid,
body.single-post main > article .prose-editorial [class*="grid-cols"],
body.single-post main > article .prose-editorial .flex,
body.single-guide main > article .prose-editorial .grid,
body.single-guide main > article .prose-editorial [class*="grid-cols"],
body.single-guide main > article .prose-editorial .flex {
	min-width: 0;
}

body.single-post main > article .prose-editorial .grid > *,
body.single-post main > article .prose-editorial .flex > *,
body.single-guide main > article .prose-editorial .grid > *,
body.single-guide main > article .prose-editorial .flex > * {
	min-width: 0;
}

body.single-post main > article .prose-editorial .overflow-x-auto,
body.single-guide main > article .prose-editorial .overflow-x-auto {
	width: 100%;
	max-width: var(--sb-content-width);
	margin: var(--sb-section-gap) auto;
	overflow-x: auto;
}

body.single-post main > article .prose-editorial .ornate > .overflow-x-auto,
body.single-guide main > article .prose-editorial .ornate > .overflow-x-auto {
	max-width: 100%;
	margin: 0;
}

body.single-post main > article .prose-editorial .ornate:has(.overflow-x-auto table),
body.single-guide main > article .prose-editorial .ornate:has(.overflow-x-auto table) {
	background: var(--sb-panel-bg);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 4px);
	padding: 0.75rem;
	overflow: visible;
}

body.single-post main > article .prose-editorial table,
body.single-guide main > article .prose-editorial table {
	width: 100%;
	min-width: var(--sb-table-min-width);
	border-collapse: collapse;
	font-family: var(--sb-body-font);
	font-size: 0.875rem;
	table-layout: auto;
}

body.single-post main > article .prose-editorial th,
body.single-post main > article .prose-editorial td,
body.single-guide main > article .prose-editorial th,
body.single-guide main > article .prose-editorial td {
	vertical-align: top;
	overflow-wrap: break-word;
	word-break: normal;
}

body.single-post main > article .prose-editorial details,
body.single-guide main > article .prose-editorial details {
	max-width: var(--sb-content-width);
	margin-inline: auto;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details),
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto 0;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	background: color-mix(in oklab, var(--background) 78%, var(--card));
	text-align: left;
	overflow: visible;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) > h2,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) > h2 {
	margin: 0 0 1.25rem;
	color: var(--sb-heading-color);
	font-family: var(--sb-display-font);
	font-size: var(--sb-h2-size);
	font-weight: var(--sb-h2-weight);
	line-height: var(--sb-h2-line-height);
	text-align: left;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) > div,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) > div {
	margin-top: 0;
	overflow: hidden;
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 4px);
	background: var(--sb-panel-bg);
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) > div > details,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) > div > details {
	max-width: none;
	margin: 0;
	padding: 0;
	border-bottom: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	background: transparent;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) > div > details:last-child,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) > div > details:last-child {
	border-bottom: 0;
}

body.single-guide main > article .prose-editorial .sb-step-row {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 1rem;
	align-items: stretch;
	text-align: left;
	background: color-mix(in oklab, var(--card) 76%, transparent);
	overflow-wrap: break-word;
}

body.single-guide main > article .prose-editorial .sb-step-card {
	min-width: 0;
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg);
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

body.single-guide main > article .prose-editorial .sb-step-number {
	display: flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--primary);
	color: var(--primary-foreground);
	font-family: var(--font-sans);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	flex: 0 0 auto;
}

body.single-guide main > article .prose-editorial .sb-step-title {
	display: block;
	margin-top: 0.85rem;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.25rem;
	line-height: 1.25;
}

body.single-guide main > article .prose-editorial .sb-step-text {
	display: block;
	margin-top: 0.45rem;
	color: var(--muted-foreground);
	font-family: var(--font-sans);
	font-size: 0.925rem;
	line-height: 1.55;
}

body.single-guide main > article .prose-editorial .sb-step-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary);
	font-size: 1.4rem;
	line-height: 1;
	min-width: 1.25rem;
}

body.single-guide main > article .prose-editorial .sb-note-card {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg);
	text-align: left;
	overflow-wrap: break-word;
}

body.single-guide main > article .prose-editorial .sb-note-title {
	display: block;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.35rem;
	line-height: 1.25;
}

body.single-guide main > article .prose-editorial .sb-note-text {
	display: block;
	margin-top: 0.5rem;
	color: var(--body);
	font-family: var(--sb-body-font);
	font-size: var(--sb-body-size);
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial .sb-safety-panel,
body.single-post main > article .prose-editorial .sb-weak-panel {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg-soft);
	text-align: left;
	overflow-wrap: break-word;
}

body.single-post main > article .prose-editorial .sb-note-title {
	display: block;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.35rem;
	line-height: 1.25;
}

body.single-post main > article .prose-editorial .sb-note-text {
	display: block;
	max-width: var(--sb-content-width);
	margin: 0.75rem 0 0;
	color: var(--body);
	font-family: var(--sb-body-font);
	font-size: var(--sb-body-size);
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial .sb-weak-panel ul {
	max-width: var(--sb-content-width);
	margin: 0.9rem 0 0;
	padding-left: 1.1rem;
	list-style: disc;
	color: var(--body);
	font-family: var(--sb-body-font);
	font-size: var(--sb-body-size);
	line-height: var(--sb-body-line-height);
}

body.single-post main > article .prose-editorial .sb-weak-panel li {
	margin-top: 0.35rem;
	overflow-wrap: break-word;
}

body.single-post main > article .prose-editorial section.glow-cool > h2:first-child,
body.single-guide main > article .prose-editorial section.glow-cool > h2:first-child,
body.single-post main > article .prose-editorial section.ornate > h2:first-child,
body.single-guide main > article .prose-editorial section.ornate > h2:first-child {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

body.single-post main > article .prose-editorial .ornate,
body.single-post main > article .prose-editorial .sb-standard-panel,
body.single-post main > article .prose-editorial .sb-step-row,
body.single-post main > article .prose-editorial .sb-note-card,
body.single-post main > article .prose-editorial .sb-safety-panel,
body.single-post main > article .prose-editorial .sb-weak-panel,
body.single-guide main > article .prose-editorial .ornate,
body.single-guide main > article .prose-editorial .sb-standard-panel,
body.single-guide main > article .prose-editorial .sb-step-row,
body.single-guide main > article .prose-editorial .sb-note-card,
body.single-guide main > article .prose-editorial .sb-safety-panel,
body.single-guide main > article .prose-editorial .sb-weak-panel {
	position: relative;
	overflow: visible;
}

body.single-post main > article .prose-editorial .ornate::before,
body.single-post main > article .prose-editorial .sb-standard-panel::before,
body.single-post main > article .prose-editorial .sb-step-row::before,
body.single-post main > article .prose-editorial .sb-note-card::before,
body.single-post main > article .prose-editorial .sb-safety-panel::before,
body.single-post main > article .prose-editorial .sb-weak-panel::before,
body.single-guide main > article .prose-editorial .ornate::before,
body.single-guide main > article .prose-editorial .sb-standard-panel::before,
body.single-guide main > article .prose-editorial .sb-step-row::before,
body.single-guide main > article .prose-editorial .sb-note-card::before,
body.single-guide main > article .prose-editorial .sb-safety-panel::before,
body.single-guide main > article .prose-editorial .sb-weak-panel::before,
.slk-editorial-card::before {
	content: "";
	position: absolute;
	inset: var(--sb-corner-offset);
	pointer-events: none;
	background-image:
		radial-gradient(circle at 100% 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 0 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 0 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 100% 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius));
	background-position: top left, top right, bottom right, bottom left;
	background-repeat: no-repeat;
	background-size: var(--sb-corner-size) var(--sb-corner-size);
	opacity: var(--sb-corner-opacity);
}

.slk-editorial-card::before {
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.slk-editorial-card > * {
	position: relative;
	z-index: 2;
}

.slk-editorial-card-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.slk-related-section {
	padding-block: 2.5rem;
}

.slk-related-section .container-page {
	width: min(100%, var(--sb-content-width));
	margin-inline: auto;
	padding-inline: var(--sb-page-gutter);
}

.slk-editorial-card-item {
	min-width: 0;
}

.slk-editorial-card {
	position: relative;
	display: flex;
	height: 100%;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--border);
	border-radius: 0.5rem;
	background: var(--card);
	color: var(--foreground);
	text-align: left;
	text-decoration: none;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		transform 180ms ease;
}

.slk-editorial-card:hover {
	border-color: var(--border-accent);
	background: var(--card-hover);
	transform: translateY(-2px);
}

.slk-editorial-card:focus-visible {
	outline: 3px solid var(--gold);
	outline-offset: 4px;
}

.slk-editorial-card__image {
	display: block;
	width: 100%;
	height: 220px;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.slk-editorial-card__body {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 1rem;
	text-align: left;
}

.slk-editorial-card__meta {
	display: block;
	color: var(--gold);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	line-height: 1.35;
	text-transform: uppercase;
}

.slk-editorial-card__title {
	display: block;
	margin-top: 0.5rem;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: 0;
	overflow-wrap: break-word;
}

.slk-editorial-card__description {
	display: block;
	margin-top: 0.5rem;
	color: var(--muted-foreground);
	font-size: 0.8125rem;
	line-height: 1.55;
	overflow-wrap: break-word;
}

.slk-editorial-card__cta {
	display: block;
	margin-top: auto;
	padding-top: 0.85rem;
	color: var(--foreground);
	font-size: 0.8125rem;
	line-height: 1.4;
}

body.single-post main > article .prose-editorial summary,
body.single-guide main > article .prose-editorial summary {
	cursor: pointer;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary {
	position: relative;
	display: flex;
	min-height: 76px;
	align-items: center;
	padding: 1.35rem 3.5rem 1.35rem 1.5rem;
	color: var(--sb-heading-color);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.45;
	list-style: none;
	outline: none;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::-webkit-details-marker,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::-webkit-details-marker {
	display: none;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::marker,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::marker {
	content: "";
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::after,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::after {
	content: "+";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--primary);
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) details[open] > summary::after,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) details[open] > summary::after {
	content: "-";
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary:focus-visible,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary:focus-visible {
	outline: 3px solid var(--gold);
	outline-offset: -6px;
}

body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) details > p,
body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) details > p {
	margin: 0;
	padding: 0 3.5rem 1.5rem 1.5rem;
	color: var(--sb-body-color);
	font-size: 1rem;
	line-height: 1.7;
}

@media (min-width: 640px) {
	.slk-editorial-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	.slk-editorial-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	:root {
		--sb-corner-size: 24px;
		--sb-corner-radius: 21px;
		--sb-corner-offset: -5px;
	}

	body.single-post main > article .prose-editorial > h2,
	body.single-guide main > article .prose-editorial > h2 {
		margin-top: 2.5rem;
	}

	body.single-post main > article .prose-editorial table,
	body.single-guide main > article .prose-editorial table {
		min-width: var(--sb-table-mobile-min-width);
	}

	body.single-guide main > article .prose-editorial .sb-step-row {
		grid-template-columns: 1fr;
		padding: 1rem;
		gap: 0.85rem;
	}

	body.single-guide main > article .prose-editorial .sb-step-arrow {
		display: none;
	}

	body.single-guide main > article .prose-editorial .sb-step-card {
		padding: 1rem;
	}

	body.single-guide main > article .prose-editorial .sb-step-title {
		font-size: 1.15rem;
	}

	body.single-post main > article .prose-editorial .sb-two-col,
	body.single-guide main > article .prose-editorial .sb-two-col {
		grid-template-columns: 1fr;
	}

	body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details),
	body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) {
		padding: 1rem;
	}

	body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) > h2,
	body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) > h2 {
		font-size: clamp(2rem, 10vw, var(--sb-h2-size));
	}

	body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary,
	body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary {
		min-height: 68px;
		padding: 1.15rem 2.75rem 1.15rem 1rem;
	}

	body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::after,
	body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) summary::after {
		right: 1rem;
	}

	body.single-post main > article .prose-editorial section.ornate:has(> h2 + div > details) details > p,
	body.single-guide main > article .prose-editorial section.ornate:has(> h2 + div > details) details > p {
		padding: 0 1rem 1.25rem;
	}
}

@media (max-width: 399px) {
	body.single-post main > article .prose-editorial .ornate::before,
	body.single-post main > article .prose-editorial .sb-standard-panel::before,
	body.single-post main > article .prose-editorial .sb-step-row::before,
	body.single-post main > article .prose-editorial .sb-note-card::before,
	body.single-post main > article .prose-editorial .sb-safety-panel::before,
	body.single-post main > article .prose-editorial .sb-weak-panel::before,
	body.single-guide main > article .prose-editorial .ornate::before,
	body.single-guide main > article .prose-editorial .sb-standard-panel::before,
	body.single-guide main > article .prose-editorial .sb-step-row::before,
	body.single-guide main > article .prose-editorial .sb-note-card::before,
	body.single-guide main > article .prose-editorial .sb-safety-panel::before,
	body.single-guide main > article .prose-editorial .sb-weak-panel::before {
		display: none;
	}
}

/* Keep casino list cards on sister-site pages aligned with the bet365 reference layout. */
body.single-sister_site .slk-featured-brand-grid,
body.post-type-archive-sister_site .slk-featured-brand-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	align-items: stretch;
}

body.single-sister_site .slk-featured-brand-card,
body.post-type-archive-sister_site .slk-featured-brand-card {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
	padding: 0.75rem;
}

body.single-sister_site .slk-featured-brand-card .logo-glow,
body.post-type-archive-sister_site .slk-featured-brand-card .logo-glow {
	height: 5rem;
}

body.single-sister_site .slk-featured-brand-card > h3,
body.post-type-archive-sister_site .slk-featured-brand-card > h3 {
	display: flex;
	min-height: 2.75rem;
	align-items: center;
	justify-content: center;
	text-align: center;
}

body.single-sister_site .slk-featured-brand-card > p.line-clamp-3,
body.post-type-archive-sister_site .slk-featured-brand-card > p.line-clamp-3 {
	min-height: 2.7rem;
}

body.single-sister_site .slk-featured-brand-card > a:last-child,
body.post-type-archive-sister_site .slk-featured-brand-card > a:last-child {
	margin-top: auto;
}

@media (min-width: 640px) {
	body.single-sister_site .slk-featured-brand-grid,
	body.post-type-archive-sister_site .slk-featured-brand-grid {
		gap: 1rem;
	}

	body.single-sister_site .slk-featured-brand-card,
	body.post-type-archive-sister_site .slk-featured-brand-card {
		padding: 1rem;
	}

	body.single-sister_site .slk-featured-brand-card .logo-glow,
	body.post-type-archive-sister_site .slk-featured-brand-card .logo-glow {
		height: 7rem;
	}

	body.single-sister_site .slk-featured-brand-card > h3,
	body.post-type-archive-sister_site .slk-featured-brand-card > h3 {
		min-height: 4.1rem;
	}

	body.single-sister_site .slk-featured-brand-card > p.line-clamp-3,
	body.post-type-archive-sister_site .slk-featured-brand-card > p.line-clamp-3 {
		min-height: 3.95rem;
	}
}

@media (min-width: 1024px) {
	body.single-sister_site .slk-featured-brand-grid,
	body.post-type-archive-sister_site .slk-featured-brand-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}


.slk-wordmark-brand {
  color: #9fd8f6 !important;
}


/* Network index cards: four-card operator grid */
.slk-network-original-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  align-items: stretch;
  width: 100%;
}

.slk-network-original-card {
  display: flex;
  min-width: 0;
  min-height: 274px;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid color-mix(in oklab, var(--primary) 48%, var(--border));
  border-radius: 12px;
  background: #07193a;
  color: var(--foreground);
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 18px 50px -32px color-mix(in oklab, var(--primary) 45%, transparent);
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.slk-network-original-card:hover,
.slk-network-original-card:focus-visible {
  border-color: color-mix(in oklab, var(--primary) 78%, white 8%);
  background: #0a1f48;
  color: var(--foreground);
  text-decoration: none !important;
  transform: translateY(-1px);
}

.slk-network-original-card:focus-visible {
  outline: 2px solid #9fd8f6;
  outline-offset: 4px;
}

.slk-network-original-card__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
  width: 100%;
  min-height: 190px;
  padding: 1.5rem;
  background: #061535;
}

.slk-network-original-card__tile svg,
.slk-network-original-card__logo,
.slk-network-original-card__image {
  display: block;
  max-width: min(68%, 190px);
  max-height: 120px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.slk-network-original-card__image {
  max-width: 92%;
  max-height: 155px;
  padding: 0.75rem;
  border-radius: 2px;
  background: #ffffff;
}

.slk-sister-directory-grid .slk-network-original-card__tile {
  overflow: hidden;
  padding: 0;
  background: #061535;
}

.slk-sister-directory-grid .slk-network-original-card__tile svg,
.slk-sister-directory-grid .slk-network-original-card__logo,
.slk-sister-directory-grid .slk-network-original-card__image {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}

.slk-network-original-card[href*="/sister-sites/888/"] .slk-network-original-card__tile {
  background: #dff1d4;
}

.slk-network-original-card[href*="/sister-sites/all-british/"] .slk-network-original-card__tile {
  background: #11185f;
}

.slk-network-original-card[href*="/sister-sites/bally-sister-sites/"] .slk-network-original-card__tile {
  background: #ef1708;
}

.slk-network-original-card[href*="/sister-sites/bally-sister-sites/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/bet365/"] .slk-network-original-card__tile {
  background: #238258;
}

.slk-network-original-card[href*="/sister-sites/betfair-sister-sites/"] .slk-network-original-card__tile {
  background: #ffb80b;
}

.slk-network-original-card[href*="/sister-sites/betfair-sister-sites/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/betfred-sister-sites/"] .slk-network-original-card__tile,
.slk-network-original-card[href*="/networks/betfred-operator/"] .slk-network-original-card__tile {
  background: #214f89;
}

.slk-network-original-card[href*="/sister-sites/betfred-sister-sites/"] .slk-network-original-card__image,
.slk-network-original-card[href*="/networks/betfred-operator/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/casumo-sister-sites/"] .slk-network-original-card__tile {
  background: #3d0084;
}

.slk-network-original-card[href*="/sister-sites/casumo-sister-sites/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/duelz/"] .slk-network-original-card__tile {
  background: #28105d;
}

.slk-network-original-card[href*="/sister-sites/genting/"] .slk-network-original-card__tile {
  background: #f2d8d8;
}

.slk-network-original-card[href*="/sister-sites/grosvenor-casino/"] .slk-network-original-card__tile {
  background: #436d4c;
}

.slk-network-original-card[href*="/sister-sites/jackpotjoy/"] .slk-network-original-card__tile {
  background: #086bc4;
}

.slk-network-original-card[href*="/sister-sites/jackpotjoy/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/ladbrokes/"] .slk-network-original-card__tile {
  background: #e51b2a;
}

.slk-network-original-card[href*="/sister-sites/midnite-sister-sites/"] .slk-network-original-card__tile {
  background: #31ff2f;
}

.slk-network-original-card[href*="/sister-sites/midnite-sister-sites/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/mr-vegas/"] .slk-network-original-card__tile {
  background: #4b167d;
}

.slk-network-original-card[href*="/sister-sites/paddy-power/"] .slk-network-original-card__tile {
  background: #009a44;
}

.slk-network-original-card[href*="/sister-sites/partycasino-sister-sites/"] .slk-network-original-card__tile {
  background: #151515;
}

.slk-network-original-card[href*="/sister-sites/royal-llama/"] .slk-network-original-card__tile {
  background: #000000;
}

.slk-network-original-card[href*="/sister-sites/sky-vegas/"] .slk-network-original-card__tile {
  background: #052b84;
}

.slk-network-original-card[href*="/sister-sites/sky-vegas/"] .slk-network-original-card__image {
  object-fit: cover;
}

.slk-network-original-card[href*="/sister-sites/virgin-games/"] .slk-network-original-card__tile {
  background: #e9160c;
}

.slk-network-original-card[href*="/sister-sites/william-hill/"] .slk-network-original-card__tile {
  background: #070924;
}

.slk-network-original-card[href*="/networks/rank-group-casino/"] .slk-network-original-card__tile {
  background: #d8edf7;
}

.slk-network-original-card[href*="/networks/betfred-operator/"] .slk-network-original-card__image,
.slk-network-original-card[href*="/networks/rank-group-casino/"] .slk-network-original-card__image {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
}

.slk-network-original-card[href*="/sister-sites/888/"] .slk-network-original-card__image,
.slk-network-original-card[href*="/sister-sites/genting/"] .slk-network-original-card__image {
  mix-blend-mode: multiply;
}

.slk-network-original-card__body {
  display: flex;
  min-height: 74px;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.9rem 1rem;
  background: #102d61;
}

.slk-network-original-card__name,
.slk-network-original-card__descriptor {
  display: block;
  max-width: 100%;
  font-family: var(--font-sans);
  line-height: 1.35;
  text-decoration: none !important;
}

.slk-network-original-card__name {
  color: var(--foreground);
  font-size: 0.95rem;
  font-weight: 500;
}

.slk-network-original-card__descriptor {
  color: var(--muted-foreground);
  font-size: 0.82rem;
  font-weight: 400;
}

.slk-network-original__fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--primary) 20%, transparent);
  color: var(--foreground);
  font-family: var(--font-display);
  font-size: 3rem;
}

@media (max-width: 1023px) {
  .slk-network-original-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .slk-network-original-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
  }

  .slk-network-original-card {
    min-height: 0;
    border-radius: 10px;
  }

  .slk-network-original-card__tile {
    min-height: 132px;
    padding: 0.95rem;
  }

  .slk-network-original-card__tile svg,
  .slk-network-original-card__logo,
  .slk-network-original-card__image {
    max-width: min(80%, 148px);
    max-height: 96px;
  }

  .slk-network-original-card__image {
    max-width: 88%;
    max-height: 106px;
    padding: 0.55rem;
  }

  .slk-network-original-card__body {
    min-height: 84px;
    padding: 0.85rem 0.65rem;
  }

  .slk-network-original-card__name {
    font-size: 0.9rem;
    line-height: 1.22;
  }

  .slk-network-original-card__descriptor {
    font-size: 0.76rem;
    line-height: 1.25;
  }
}


/* Shared breadcrumbs */
.slk-breadcrumb {
  width: 100%;
  max-width: 1400px;
  margin: 1.25rem auto 2rem;
  padding: 0 20px;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  line-height: 1.5;
  color: #cbd5e1;
}

.slk-breadcrumb--editorial {
  max-width: var(--sb-content-width);
}

.slk-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.slk-breadcrumb li {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.slk-breadcrumb a {
  color: #cbd5e1;
  text-decoration: none;
  text-transform: none;
}

.slk-breadcrumb a:hover,
.slk-breadcrumb a:focus-visible {
  color: #e2e8f0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.slk-breadcrumb a:focus-visible {
  outline: 2px solid #9fd8f6;
  outline-offset: 3px;
  border-radius: 3px;
}

.slk-breadcrumb__separator {
  color: #94a3b8;
}

.slk-breadcrumb__current {
  color: #aeb9c8;
  text-transform: none;
}

@media (max-width: 639px) {
  .slk-breadcrumb {
    margin: 1rem auto 1.5rem;
    font-size: 0.8125rem;
  }
}

/* Sister Brand automation layout v1 */
.single-sister_site .slk-automation-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  width: min(100%, 900px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: .5rem;
  background: var(--border);
}


.single-sister_site .slk-automation-facts--below {
  margin-top: 3rem;
}

.single-sister_site .slk-automation-facts > div {
  min-width: 0;
  padding: 1.25rem 1.5rem;
  background: var(--card);
  text-align: center;
}

.single-sister_site .slk-automation-facts span {
  display: block;
  color: var(--primary);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.single-sister_site .slk-automation-facts p {
  margin: .45rem 0 0;
  line-height: 1.55;
}

.single-sister_site .slk-automation-body {
  width: 100%;
  max-width: 1080px;
  margin: 4rem auto 0;
  color: var(--foreground);
  box-sizing: border-box;
}

.single-sister_site .slk-automation-body > :is(h2, h3, p, ul, ol, blockquote, figure, table, .sc-trust-strip, .sc-method-grid, .sc-checklist, .sc-step-grid) {
  width: 100%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

.single-sister_site .slk-automation-body h2 {
  margin-top: 3.25rem;
  margin-bottom: 1.1rem;
}

.single-sister_site .slk-automation-body h3 {
  margin-top: 2rem;
  margin-bottom: .8rem;
}

.single-sister_site .slk-automation-body p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.05rem;
  line-height: 1.75;
}

.single-sister_site .slk-automation-body ul,
.single-sister_site .slk-automation-body ol,
.single-sister_site .slk-automation-body .sc-bullet-list,
.single-sister_site .slk-automation-body .sc-number-list {
  display: block;
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  padding-left: 1.65rem;
}

.single-sister_site .slk-automation-body ul,
.single-sister_site .slk-automation-body .sc-bullet-list {
  list-style: disc outside !important;
}

.single-sister_site .slk-automation-body ol,
.single-sister_site .slk-automation-body .sc-number-list {
  list-style: decimal outside !important;
}

.single-sister_site .slk-automation-body li {
  display: list-item !important;
  margin: .65rem 0;
  padding-left: .2rem;
  line-height: 1.65;
}

.single-sister_site .slk-automation-body li::before {
  content: none !important;
}

.single-sister_site .slk-automation-body li::marker {
  color: var(--primary);
  font-weight: 800;
}

.single-sister_site .slk-table-scroll {
  width: 100%;
  max-width: 1080px;
  margin: 1.5rem auto 2rem;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: .5rem;
  background: var(--card);
  -webkit-overflow-scrolling: touch;
}

.single-sister_site .slk-automation-body table {
  width: 100%;
  min-width: 680px;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
  color: var(--foreground);
}

.single-sister_site .slk-automation-body th,
.single-sister_site .slk-automation-body td {
  padding: .9rem 1rem;
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}

.single-sister_site .slk-automation-body th:last-child,
.single-sister_site .slk-automation-body td:last-child {
  border-right: 0;
}

.single-sister_site .slk-automation-body tr:last-child td {
  border-bottom: 0;
}

.single-sister_site .slk-automation-body th {
  background: var(--secondary);
  color: var(--primary);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.single-sister_site .slk-automation-body tbody tr:nth-child(even) {
  background: color-mix(in oklab, var(--card) 80%, var(--secondary));
}

.single-sister_site .slk-automation-body a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: .2em;
}

.single-sister_site .slk-automation-body .lpro-content-image,
.single-sister_site .slk-automation-body .slk-content-image {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.single-sister_site .slk-automation-body figure img {
  width: 100%;
  max-height: 520px;
  border-radius: .5rem;
  object-fit: cover;
}

.single-sister_site .slk-automation-closing {
  padding-bottom: 4rem;
}

@media (max-width: 639px) {
  .single-sister_site .slk-automation-facts {
    grid-template-columns: 1fr;
  }

  .single-sister_site .slk-automation-body {
    width: 100%;
    margin-top: 3rem;
  }

  .single-sister_site .slk-automation-body p {
    font-size: 1rem;
  }
}
/* End Sister Brand automation layout v1 */

/* Sister-site directory card hover parity */
.slk-sister-directory-grid .card-gold {
  text-decoration: none !important;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.slk-sister-directory-grid .card-gold:hover,
.slk-sister-directory-grid .card-gold:focus-within {
  border-color: color-mix(in oklab, var(--primary) 78%, white 8%);
  background: #0a1f48;
  box-shadow: 0 22px 58px -30px color-mix(in oklab, var(--primary) 55%, transparent);
  transform: translateY(-2px);
}

.slk-sister-directory-grid .card-gold:hover h3,
.slk-sister-directory-grid .card-gold:focus-within h3 {
  color: var(--primary-hover);
}

.slk-sister-directory-grid .card-gold > a:focus-visible {
  outline: 2px solid #9fd8f6;
  outline-offset: -4px;
}

/* Mobile two-up directory grids for network and sister-site index pages. */
@media (max-width: 639px) {
  .slk-sister-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
  }

  .slk-sister-directory-grid .card-gold {
    border-radius: 10px;
  }

  .slk-sister-directory-grid .card-gold > span:first-child {
    aspect-ratio: 1 / 0.9;
    min-height: 134px;
  }

  .slk-sister-directory-grid .card-gold > span:last-of-type {
    padding: 0.85rem 0.65rem;
  }

  .slk-sister-directory-grid h3 {
    font-size: 1.08rem;
    line-height: 1.12;
  }

  .slk-sister-directory-grid h3 + span {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    line-height: 1.25;
  }
}

/* Match guide/blog index cards to the two-up mobile directory rhythm. */
@media (max-width: 639px) {
  body.page-id-78 .wrap-wide > .grid,
  body.page-id-79 .wrap-wide > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
  }

  body.page-id-78 .wrap-wide > .grid > a,
  body.page-id-79 .wrap-wide > .grid > a {
    min-width: 0;
    border-radius: 10px;
  }

  body.page-id-78 .wrap-wide > .grid > a > img,
  body.page-id-79 .wrap-wide > .grid > a > img {
    height: 94px !important;
  }

  body.page-id-78 .wrap-wide > .grid > a > div,
  body.page-id-79 .wrap-wide > .grid > a > div {
    padding: 0.65rem 0.55rem !important;
  }

  body.page-id-78 .wrap-wide > .grid > a [class*="font-display"],
  body.page-id-79 .wrap-wide > .grid > a [class*="font-display"] {
    font-size: 0.95rem !important;
    line-height: 1.12 !important;
  }

  body.page-id-78 .wrap-wide > .grid > a [class*="leading-relaxed"],
  body.page-id-79 .wrap-wide > .grid > a [class*="leading-relaxed"] {
    display: -webkit-box;
    margin-top: 0.35rem !important;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 0.74rem !important;
    line-height: 1.24 !important;
  }

  body.page-id-78 .wrap-wide > .grid > a [class*="tracking-widest"],
  body.page-id-79 .wrap-wide > .grid > a [class*="tracking-widest"],
  body.page-id-78 .wrap-wide > .grid > a [class*="mt-4"],
  body.page-id-79 .wrap-wide > .grid > a [class*="mt-4"] {
    font-size: 0.68rem !important;
    line-height: 1.2 !important;
  }
}


/* Networks page component parity with guide components. */

body.page-id-77 .prose-editorial {
	width: min(100%, var(--sb-content-width));
}

body.page-id-77 .prose-editorial .sb-standard-panel,
body.page-id-77 .prose-editorial .ornate,
body.page-id-77 .prose-editorial .sb-step-row,
body.page-id-77 .prose-editorial .sb-note-card {
	position: relative;
	overflow: visible;
}

body.page-id-77 .prose-editorial .sb-standard-panel {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	background: var(--sb-panel-bg);
	text-align: left;
	overflow-wrap: break-word;
	word-break: normal;
}

body.page-id-77 .prose-editorial .sb-standard-panel--soft {
	background-color: var(--sb-panel-bg-soft);
}

body.page-id-77 .prose-editorial .sb-two-col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

body.page-id-77 .prose-editorial .sb-subpanel {
	min-width: 0;
	border: 1px solid var(--border);
	border-radius: calc(var(--sb-panel-radius) - 4px);
	background: color-mix(in oklab, var(--background) 62%, var(--card));
	padding: 1rem;
}

body.page-id-77 .prose-editorial .sb-kicker {
	margin: 0 0 0.75rem;
	color: var(--sb-eyebrow-color);
	font-size: var(--sb-eyebrow-size);
	font-weight: var(--sb-eyebrow-weight);
	letter-spacing: var(--sb-eyebrow-letter-spacing);
	line-height: 1.4;
	text-transform: uppercase;
}

body.page-id-77 .prose-editorial .ornate:has(.overflow-x-auto table) {
	background: var(--sb-panel-bg);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 4px);
	padding: 0.75rem;
	overflow: visible;
}

body.page-id-77 .prose-editorial table {
	width: 100%;
	min-width: var(--sb-table-min-width);
	border-collapse: collapse;
	font-family: var(--sb-body-font);
	font-size: 0.875rem;
	table-layout: auto;
}

body.page-id-77 .prose-editorial th,
body.page-id-77 .prose-editorial td {
	vertical-align: top;
	overflow-wrap: break-word;
	word-break: normal;
}

body.page-id-77 .prose-editorial .sb-step-row {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 1rem;
	align-items: stretch;
	text-align: left;
	background: color-mix(in oklab, var(--card) 76%, transparent);
	overflow-wrap: break-word;
}

body.page-id-77 .prose-editorial .sb-step-card {
	min-width: 0;
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg);
	padding: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

body.page-id-77 .prose-editorial .sb-step-number {
	display: flex;
	width: 2rem;
	height: 2rem;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: var(--primary);
	color: var(--primary-foreground);
	font-family: var(--font-sans);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	flex: 0 0 auto;
}

body.page-id-77 .prose-editorial .sb-step-title {
	display: block;
	margin-top: 0.85rem;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.25rem;
	line-height: 1.25;
}

body.page-id-77 .prose-editorial .sb-step-text {
	display: block;
	margin-top: 0.45rem;
	color: var(--muted-foreground);
	font-family: var(--font-sans);
	font-size: 0.925rem;
	line-height: 1.55;
}

body.page-id-77 .prose-editorial .sb-step-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary);
	font-size: 1.4rem;
	line-height: 1;
	min-width: 1.25rem;
}

body.page-id-77 .prose-editorial .sb-note-card {
	margin: 0;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 2px);
	background: var(--sb-panel-bg);
	text-align: left;
	overflow-wrap: break-word;
}

body.page-id-77 .prose-editorial .sb-note-title {
	display: block;
	color: var(--foreground);
	font-family: var(--font-display);
	font-size: 1.35rem;
	line-height: 1.25;
}

body.page-id-77 .prose-editorial .sb-note-text {
	margin-top: 0.5rem;
	color: var(--muted-foreground);
	font-size: 0.875rem;
	line-height: 1.6;
}

body.page-id-77 .prose-editorial .ornate::before,
body.page-id-77 .prose-editorial .sb-standard-panel::before,
body.page-id-77 .prose-editorial .sb-step-row::before,
body.page-id-77 .prose-editorial .sb-note-card::before {
	content: "";
	position: absolute;
	inset: var(--sb-corner-offset);
	pointer-events: none;
	background-image:
		radial-gradient(circle at 100% 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 0 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 0 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
		radial-gradient(circle at 100% 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius));
	background-position: top left, top right, bottom right, bottom left;
	background-repeat: no-repeat;
	background-size: var(--sb-corner-size) var(--sb-corner-size);
	opacity: var(--sb-corner-opacity);
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) {
	max-width: var(--sb-content-width);
	margin: var(--sb-panel-gap) auto 0;
	padding: var(--sb-panel-padding);
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: var(--sb-panel-radius);
	background: color-mix(in oklab, var(--background) 78%, var(--card));
	text-align: left;
	overflow: visible;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) > h2 {
	margin: 0 0 1.25rem;
	color: var(--sb-heading-color);
	font-family: var(--sb-display-font);
	font-size: var(--sb-h2-size);
	font-weight: var(--sb-h2-weight);
	line-height: var(--sb-h2-line-height);
	text-align: left;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) > div {
	margin-top: 0;
	overflow: hidden;
	border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	border-radius: calc(var(--sb-panel-radius) - 4px);
	background: var(--sb-panel-bg);
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) > div > details {
	max-width: none;
	margin: 0;
	padding: 0;
	border-bottom: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
	background: transparent;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) > div > details:last-child {
	border-bottom: 0;
}

body.page-id-77 .prose-editorial summary {
	cursor: pointer;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary {
	position: relative;
	display: flex;
	min-height: 76px;
	align-items: center;
	padding: 1.35rem 3.5rem 1.35rem 1.5rem;
	color: var(--sb-heading-color);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.45;
	list-style: none;
	outline: none;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary::-webkit-details-marker {
	display: none;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary::marker {
	content: "";
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary::after {
	content: "+";
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	color: var(--primary);
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) details[open] > summary::after {
	content: "-";
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary:focus-visible {
	outline: 3px solid var(--gold);
	outline-offset: -6px;
}

body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) details > p {
	margin: 0;
	padding: 0 3.5rem 1.5rem 1.5rem;
	color: var(--sb-body-color);
	font-size: 1rem;
	line-height: 1.7;
}

@media (max-width: 767px) {
	body.page-id-77 .prose-editorial .sb-step-row {
		grid-template-columns: 1fr;
	}

	body.page-id-77 .prose-editorial .sb-step-arrow {
		display: none;
	}

	body.page-id-77 .prose-editorial .sb-two-col {
		grid-template-columns: 1fr;
	}

	body.page-id-77 .prose-editorial table {
		min-width: var(--sb-table-mobile-min-width);
	}

	body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) {
		padding: 1rem;
	}

	body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) > h2 {
		font-size: clamp(2rem, 10vw, var(--sb-h2-size));
	}

	body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary {
		min-height: 68px;
		padding: 1rem 3rem 1rem 1rem;
	}

	body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) summary::after {
		right: 1rem;
	}

	body.page-id-77 .prose-editorial section.ornate:has(> h2 + div > details) details > p {
		padding: 0 3rem 1.25rem 1rem;
	}
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) {
max-width: var(--sb-content-width);
margin: var(--sb-panel-gap) auto 0;
padding: var(--sb-panel-padding);
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: var(--sb-panel-radius);
background: color-mix(in oklab, var(--background) 78%, var(--card));
text-align: left;
overflow: visible;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) > h2 {
margin: 0 0 1.25rem;
color: var(--sb-heading-color);
font-family: var(--sb-display-font);
font-size: var(--sb-h2-size);
font-weight: var(--sb-h2-weight);
line-height: var(--sb-h2-line-height);
text-align: left;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) > div {
margin-top: 0;
overflow: hidden;
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: calc(var(--sb-panel-radius) - 4px);
background: var(--sb-panel-bg);
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) > div > details {
max-width: none;
margin: 0;
padding: 0;
border-bottom: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
background: transparent;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) > div > details:last-child {
border-bottom: 0;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary {
position: relative;
display: flex;
min-height: 76px;
align-items: center;
padding: 1.35rem 3.5rem 1.35rem 1.5rem;
color: var(--sb-heading-color);
font-size: 1rem;
font-weight: 600;
line-height: 1.45;
list-style: none;
outline: none;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary::-webkit-details-marker {
display: none;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary::marker {
content: "";
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary::after {
content: "+";
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
color: var(--primary);
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) details[open] > summary::after {
content: "-";
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary:focus-visible {
outline: 3px solid var(--gold);
outline-offset: -6px;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) details > p {
margin: 0;
padding: 0 3.5rem 1.5rem 1.5rem;
color: var(--sb-body-color);
font-size: 1rem;
line-height: 1.7;
}

@media (max-width: 767px) {
body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) {
padding: 1rem;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) > h2 {
font-size: clamp(2rem, 10vw, var(--sb-h2-size));
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary {
min-height: 68px;
padding: 1rem 3rem 1rem 1rem;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) summary::after {
right: 1rem;
}

body.page-id-77 section.prose-editorial.ornate:has(> h2 + div > details) details > p {
padding: 0 3rem 1.25rem 1rem;
}
}

body.page-id-77 .prose-editorial .sb-step-number {
color: var(--background);
}

/* Sister Sites page component parity with networks page. */
body.page-id-75 .prose-editorial {
width: min(100%, var(--sb-content-width));
}

body.page-id-75 .prose-editorial .sb-standard-panel,
body.page-id-75 .prose-editorial .ornate,
body.page-id-75 .prose-editorial .sb-step-row,
body.page-id-75 .prose-editorial .sb-note-card {
position: relative;
overflow: visible;
}

body.page-id-75 .prose-editorial .sb-standard-panel {
max-width: var(--sb-content-width);
margin: var(--sb-panel-gap) auto;
padding: var(--sb-panel-padding);
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: var(--sb-panel-radius);
background: var(--sb-panel-bg);
text-align: left;
overflow-wrap: break-word;
word-break: normal;
}

body.page-id-75 .prose-editorial .sb-standard-panel--soft {
background-color: var(--sb-panel-bg-soft);
}

body.page-id-75 .prose-editorial .ornate:has(.overflow-x-auto table) {
background: var(--sb-panel-bg);
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: calc(var(--sb-panel-radius) - 4px);
padding: 0.75rem;
overflow: visible;
}

body.page-id-75 .prose-editorial table {
width: 100%;
min-width: var(--sb-table-min-width);
border-collapse: collapse;
font-family: var(--sb-body-font);
font-size: 0.875rem;
table-layout: auto;
}

body.page-id-75 .prose-editorial th,
body.page-id-75 .prose-editorial td {
vertical-align: top;
overflow-wrap: break-word;
word-break: normal;
}

body.page-id-75 .prose-editorial .sb-step-row {
max-width: var(--sb-content-width);
margin: var(--sb-panel-gap) auto;
padding: var(--sb-panel-padding);
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: var(--sb-panel-radius);
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
gap: 1rem;
align-items: stretch;
text-align: left;
background: color-mix(in oklab, var(--card) 76%, transparent);
overflow-wrap: break-word;
}

body.page-id-75 .prose-editorial .sb-step-card {
min-width: 0;
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: calc(var(--sb-panel-radius) - 2px);
background: var(--sb-panel-bg);
padding: 1.25rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}

body.page-id-75 .prose-editorial .sb-step-number {
display: flex;
width: 2rem;
height: 2rem;
align-items: center;
justify-content: center;
border-radius: 999px;
background: var(--primary);
color: var(--background);
font-family: var(--font-sans);
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
flex: 0 0 auto;
}

body.page-id-75 .prose-editorial .sb-step-title {
display: block;
margin-top: 0.85rem;
color: var(--foreground);
font-family: var(--font-display);
font-size: 1.25rem;
line-height: 1.25;
}

body.page-id-75 .prose-editorial .sb-step-text {
display: block;
margin-top: 0.45rem;
color: var(--muted-foreground);
font-family: var(--font-sans);
font-size: 0.925rem;
line-height: 1.55;
}

body.page-id-75 .prose-editorial .sb-step-arrow {
display: flex;
align-items: center;
justify-content: center;
color: var(--primary);
font-size: 1.4rem;
line-height: 1;
min-width: 1.25rem;
}

body.page-id-75 .prose-editorial .sb-note-title {
display: block;
color: var(--foreground);
font-family: var(--font-display);
font-size: 1.35rem;
line-height: 1.25;
}

body.page-id-75 .prose-editorial .sb-note-text {
margin-top: 0.5rem;
color: var(--muted-foreground);
font-size: 0.875rem;
line-height: 1.6;
}

body.page-id-75 .prose-editorial .ornate::before,
body.page-id-75 .prose-editorial .sb-standard-panel::before,
body.page-id-75 .prose-editorial .sb-step-row::before,
body.page-id-75 .prose-editorial .sb-note-card::before {
content: "";
position: absolute;
inset: var(--sb-corner-offset);
pointer-events: none;
background-image:
radial-gradient(circle at 100% 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
radial-gradient(circle at 0 100%, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
radial-gradient(circle at 0 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius)),
radial-gradient(circle at 100% 0, transparent calc(var(--sb-corner-radius) - var(--sb-corner-stroke)), var(--sb-gold) calc(var(--sb-corner-radius) - var(--sb-corner-stroke)) var(--sb-corner-radius), transparent var(--sb-corner-radius));
background-position: top left, top right, bottom right, bottom left;
background-repeat: no-repeat;
background-size: var(--sb-corner-size) var(--sb-corner-size);
opacity: var(--sb-corner-opacity);
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) {
max-width: var(--sb-content-width);
margin: var(--sb-panel-gap) auto 0;
padding: var(--sb-panel-padding);
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: var(--sb-panel-radius);
background: color-mix(in oklab, var(--background) 78%, var(--card));
text-align: left;
overflow: visible;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) > h2 {
margin: 0 0 1.25rem;
color: var(--sb-heading-color);
font-family: var(--sb-display-font);
font-size: var(--sb-h2-size);
font-weight: var(--sb-h2-weight);
line-height: var(--sb-h2-line-height);
text-align: left;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) > div {
margin-top: 0;
overflow: hidden;
border: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
border-radius: calc(var(--sb-panel-radius) - 4px);
background: var(--sb-panel-bg);
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) > div > details {
max-width: none;
margin: 0;
padding: 0;
border-bottom: var(--sb-panel-border-width) solid var(--sb-panel-border-color);
background: transparent;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) > div > details:last-child {
border-bottom: 0;
}

body.page-id-75 .prose-editorial summary {
cursor: pointer;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary {
position: relative;
display: flex;
min-height: 76px;
align-items: center;
padding: 1.35rem 3.5rem 1.35rem 1.5rem;
color: var(--sb-heading-color);
font-size: 1rem;
font-weight: 600;
line-height: 1.45;
list-style: none;
outline: none;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary::-webkit-details-marker {
display: none;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary::marker {
content: "";
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary::after {
content: "+";
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
color: var(--primary);
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) details[open] > summary::after {
content: "-";
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary:focus-visible {
outline: 3px solid var(--gold);
outline-offset: -6px;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) details > p {
margin: 0;
padding: 0 3.5rem 1.5rem 1.5rem;
color: var(--sb-body-color);
font-size: 1rem;
line-height: 1.7;
}

@media (max-width: 767px) {
body.page-id-75 .prose-editorial .sb-step-row {
grid-template-columns: 1fr;
}

body.page-id-75 .prose-editorial .sb-step-arrow {
display: none;
}

body.page-id-75 .prose-editorial table {
min-width: var(--sb-table-mobile-min-width);
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) {
padding: 1rem;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) summary {
padding: 1.1rem 3rem 1.1rem 1rem;
}

body.page-id-75 .prose-editorial section.ornate:has(> h2 + div > details) details > p {
padding: 0 3rem 1.25rem 1rem;
}
}
/* Mobile footer polish: compact inline navigation instead of a long stacked list. */
@media (max-width: 767px) {
  footer.bg-footer {
    margin-top: 3rem;
  }

  footer.bg-footer > .pb-12 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  footer.bg-footer .wrap-wide.grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  footer.bg-footer .wrap-wide.grid > div:first-child p {
    max-width: 32rem;
    font-size: 0.95rem;
    line-height: 1.65;
  }

  footer.bg-footer .wrap-wide.grid > div:first-child .mt-6 {
    margin-top: 1.15rem;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) {
    padding: 0;
    border: 0;
    background: transparent;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) > p {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.68rem;
    letter-spacing: 0.16em;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) > p::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient(90deg, var(--gold), transparent);
    opacity: 0.72;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-top: 0.8rem;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) li {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    line-height: 1.25;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) a {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted-foreground);
    font-size: 0.95rem;
    line-height: 1.35;
    text-align: left;
    text-decoration: none;
  }

  footer.bg-footer .wrap-wide.grid > div:not(:first-child) a:hover,
  footer.bg-footer .wrap-wide.grid > div:not(:first-child) a:focus-visible {
    color: var(--primary-hover);
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  footer.bg-footer .wrap-wide.mt-12 {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
  }

  footer.bg-footer .wrap-wide.mt-12 > div {
    gap: 1rem;
  }

  footer.bg-footer .wrap-wide.mt-12 ul {
    gap: 0.45rem;
  }

  footer.bg-footer .wrap-wide.mt-12 li.rounded-full {
    padding: 0.38rem 0.65rem;
    font-size: 0.68rem;
    line-height: 1.2;
  }

  footer.bg-footer .wrap-wide.mt-8 {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
  }
}




/* Mobile casino cards: keep featured casino lists two-up and compact on phones. */
@media (max-width: 767px) {
  .slk-featured-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
  }

  .slk-featured-brand-card {
    border-radius: 0.85rem;
    padding: 0.55rem;
  }

  .slk-featured-brand-card > .flex:first-child {
    align-items: flex-start;
    gap: 0.35rem;
  }

  .slk-featured-brand-card > .flex:first-child > span:first-child {
    width: 1.9rem;
    height: 1.9rem;
    font-size: 0.72rem;
  }

  .slk-featured-brand-card > .flex:first-child > span:not(:first-child) {
    max-width: 6.4rem;
    padding: 0.2rem 0.38rem;
    font-size: 0.5rem;
    line-height: 1.05;
    text-align: center;
    white-space: normal;
  }

  .slk-featured-brand-card .logo-glow {
    height: 3.8rem;
    margin-top: 0.6rem;
  }

  .slk-featured-brand-card h3 {
    margin-top: 0.55rem;
    font-size: 1rem;
    line-height: 1.1;
  }

  .slk-featured-brand-card [aria-label^="Rated"] {
    gap: 0.25rem;
  }

  .slk-featured-brand-card [aria-label^="Rated"] > span:first-child {
    font-size: 0.78rem;
    letter-spacing: -0.03em;
  }

  .slk-featured-brand-card [aria-label^="Rated"] > span:last-child {
    font-size: 0.78rem;
  }

  .slk-featured-brand-card h3 + div {
    margin-top: 0.35rem;
  }

  .slk-featured-brand-card p {
    line-height: 1.3;
  }

  .slk-featured-brand-card p.line-clamp-3 {
    margin-top: 0.45rem;
    font-size: 0.68rem;
    -webkit-line-clamp: 2;
  }

  .slk-featured-brand-card .grid.grid-cols-2 {
    gap: 0.35rem;
  }

  .slk-featured-brand-card .caption {
    font-size: 0.48rem;
    letter-spacing: 0.12em;
  }

  .slk-featured-brand-card .caption + div {
    font-size: 0.68rem;
  }

  .slk-featured-brand-card ul {
    gap: 0.3rem;
  }

  .slk-featured-brand-card img.size-6 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .slk-featured-brand-card a[rel~="sponsored"] {
    margin-top: 0.7rem;
    padding: 0.58rem 0.5rem;
    font-size: 0.7rem;
    line-height: 1.15;
  }
}


/* Sister-site editorial width alignment: body, related pages, and FAQ share one column. */
.single-sister_site {
    --sb-content-width: var(--sb-sister-content-width, 1080px);
}

.single-sister_site .slk-automation-body,
.single-sister_site .slk-automation-body > :is(h2, h3, p, ul, ol, blockquote, figure, table, .sc-trust-strip, .sc-method-grid, .sc-checklist, .sc-step-grid),
.single-sister_site .slk-table-scroll {
    max-width: var(--sb-content-width);
}

.single-sister_site .wrap-wide.slk-automation-closing {
    box-sizing: border-box;
    max-width: calc(var(--sb-content-width) + (var(--sb-page-gutter) * 2));
}

.single-sister_site .slk-related-sister-pages,
.single-sister_site .slk-faq-corners {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
}

.single-sister_site .slk-related-sister-pages__intro,
.single-sister_site .slk-related-sister-pages__grid {
    width: 100%;
    max-width: 100%;
}

.single-sister_site .slk-related-sister-pages__grid {
    grid-template-columns: minmax(0, 1fr);
}

.slk-faq-corners:has(> [data-ssuk-faq]) {
    overflow: visible;
    background-image: none;
}

.slk-faq-corners:has(> [data-ssuk-faq])::before,
.slk-faq-corners:has(> [data-ssuk-faq])::after {
    content: none;
}

.slk-faq-corners > [data-ssuk-faq] {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.slk-faq-corners > [data-ssuk-faq]::before {
    content: "";
    position: absolute;
    inset: var(--sb-corner-offset);
    z-index: 0;
    border-radius: calc(var(--sb-panel-radius) + 2px);
    background-image:
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold)),
        linear-gradient(var(--sb-gold), var(--sb-gold));
    background-position: top left, top left, top right, top right, bottom right, bottom right, bottom left, bottom left;
    background-repeat: no-repeat;
    background-size:
        var(--sb-corner-size) var(--sb-corner-stroke),
        var(--sb-corner-stroke) var(--sb-corner-size),
        var(--sb-corner-size) var(--sb-corner-stroke),
        var(--sb-corner-stroke) var(--sb-corner-size),
        var(--sb-corner-size) var(--sb-corner-stroke),
        var(--sb-corner-stroke) var(--sb-corner-size),
        var(--sb-corner-size) var(--sb-corner-stroke),
        var(--sb-corner-stroke) var(--sb-corner-size);
    opacity: var(--sb-corner-opacity);
    pointer-events: none;
}

.slk-faq-corners > [data-ssuk-faq] > * {
    position: relative;
    z-index: 1;
}

.slk-faq-corners > p {
    display: none !important;
}

.slk-faq-corners > h2 {
    margin-top: 0 !important;
    text-align: center;
}

.slk-faq-corners > [data-ssuk-faq] {
    margin-top: 1.4rem !important;
}

.slk-faq-corners details {
    padding: 0.95rem 1.25rem !important;
}

.slk-faq-corners summary {
    align-items: center;
    min-height: 0 !important;
    gap: 1rem !important;
    padding: 0 !important;
}

.slk-faq-corners summary h3 {
    margin: 0 !important;
    font-family: var(--font-body, var(--font-sans)) !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

.slk-faq-corners summary svg {
    width: 1rem !important;
    height: 1rem !important;
    margin-top: 0 !important;
}

.slk-faq-corners details > p {
    margin-top: 0.7rem !important;
    margin-bottom: 0 !important;
    font-family: var(--font-body, var(--font-sans)) !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

@media (min-width: 640px) {
    .single-sister_site .slk-related-sister-pages__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .single-sister_site .slk-related-sister-pages__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/* Captured sister-site pages: align legacy sections to the article paragraph column. */
.single-sister_site main > .wrap-wide > section:not(.glow-hero):not(.slk-sister-casino-list),
.single-sister_site main > .wrap-wide > .prose-editorial,
.single-sister_site main > .wrap-wide > [class*="prose-editorial"] {
    box-sizing: border-box;
    width: min(100%, var(--sb-content-width));
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
}

.single-sister_site main > .wrap-wide > section:not(.glow-hero) > .prose-editorial,
.single-sister_site main > .wrap-wide > section:not(.glow-hero) > [class*="prose-editorial"] {
    width: 100%;
    max-width: 100%;
}

.single-sister_site main > .wrap-wide > section:not(.glow-hero) > ul,
.single-sister_site main > .wrap-wide > section:not(.glow-hero) > ol {
    max-width: 100%;
}

.single-sister_site .slk-author-closing--sister,
.single-sister_site .slk-author-closing--page {
    padding-top: 2.25rem;
}

.slk-author-card {
    width: min(100%, var(--sb-content-width));
}

.slk-author-card__accent {
    display: none !important;
    width: 0 !important;
    opacity: 0 !important;
}

.slk-author-card__inner {
    padding-left: 1.8rem !important;
}

.single-sister_site .slk-sister-casino-list {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
}

.single-sister_site .slk-responsible-gambling-frame--sister {
    box-sizing: border-box;
    max-width: calc(var(--sb-content-width) + (var(--sb-page-gutter) * 2));
    margin-right: auto;
    margin-left: auto;
}


/* Network table width parity: keep captured network tables aligned to article copy. */
body.single-network .wrap-wide .prose-editorial > .overflow-x-auto,
body.single-network .wrap-wide .prose-editorial .ornate:has(.overflow-x-auto table) {
    box-sizing: border-box;
    width: min(100%, var(--sb-content-width));
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
    overflow-x: auto;
}

body.single-network .wrap-wide .prose-editorial .overflow-x-auto {
    max-width: 100%;
    overflow-x: auto;
}

body.single-network .wrap-wide .prose-editorial table {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: var(--sb-table-min-width);
    table-layout: auto;
}

body.single-network .wrap-wide .prose-editorial th,
body.single-network .wrap-wide .prose-editorial td {
    overflow-wrap: anywhere;
}

@media (max-width: 767px) {
    body.single-network .wrap-wide .prose-editorial table {
        min-width: var(--sb-table-mobile-min-width);
    }
}

/* SisterBrand mobile performance trims */
@media (max-width: 767px) {
  .hero-ambient {
    display: none;
  }

  .hero-halo:before,
  .glow-hero:after {
    filter: none;
  }
}
/* SisterBrand mobile FAQ readability */
@media (max-width: 767px) {
  .slk-faq-corners {
    width: min(100%, calc(100vw - 2rem));
    --slk-faq-corner-size: 24px;
    --slk-faq-corner-offset: 6px;
    --sb-corner-size: 24px;
    --sb-corner-offset: 10px;
  }

  .slk-faq-corners > p {
    font-size: 0.625rem !important;
    line-height: 1.2;
    letter-spacing: 0.14em !important;
  }

  .slk-faq-corners > h2 {
    max-width: 15rem;
    margin-top: 0.45rem !important;
    font-size: 1.9rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .slk-faq-corners > [data-ssuk-faq] {
    margin-top: 1.25rem !important;
    border-width: 1px !important;
    border-radius: 8px !important;
  }

  .slk-faq-corners > [data-ssuk-faq]::before {
    inset: 0.45rem;
  }

  .slk-faq-corners details {
    padding: 0.9rem 1rem !important;
  }

  .slk-faq-corners summary {
    align-items: center;
    gap: 0.75rem !important;
  }

  .slk-faq-corners summary h3 {
    font-family: var(--font-body, inherit) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
  }

  .slk-faq-corners summary svg {
    width: 1rem !important;
    height: 1rem !important;
    margin-top: 0 !important;
  }

  .slk-faq-corners details > p {
    margin-top: 0.65rem !important;
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
  }
}
/* Footer adjacency: prevent RG/content spacing from stacking into a blank band before the footer. */
footer.bg-footer {
    margin-top: 0 !important;
}

.slk-responsible-gambling-frame + footer.bg-footer,
.slk-responsible-gambling-frame:has(.slk-responsible-gambling) + footer.bg-footer {
    margin-top: 0 !important;
}

.slk-responsible-gambling {
    margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
    footer.bg-footer {
        margin-top: 0 !important;
    }

    .slk-responsible-gambling {
        margin-bottom: 1rem;
    }
}

/* Network article mobile polish: keep saved visual blocks readable on phones. */
body.single-network .prose-editorial {
    width: 100%;
    max-width: var(--sb-content-width);
    margin-inline: auto;
    color: var(--sb-body-color);
    font-family: var(--sb-body-font);
    font-size: var(--sb-body-size);
    line-height: var(--sb-body-line-height);
    text-align: left;
    overflow-wrap: break-word;
    word-break: normal;
}

body.single-network .prose-editorial > * {
    min-width: 0;
}

body.single-network .prose-editorial > p,
body.single-network .prose-editorial > h2,
body.single-network .prose-editorial > h3,
body.single-network .prose-editorial > ul,
body.single-network .prose-editorial > ol,
body.single-network .prose-editorial > div,
body.single-network .prose-editorial > section {
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
}

body.single-network .prose-editorial > p {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: var(--sb-body-line-height);
}

body.single-network .prose-editorial > h2 {
    margin-top: var(--sb-section-gap);
    margin-bottom: 0.75rem;
    color: var(--sb-heading-color);
    font-family: var(--sb-display-font);
    font-size: var(--sb-h2-size);
    font-weight: var(--sb-h2-weight);
    line-height: var(--sb-h2-line-height);
    letter-spacing: 0;
    text-align: center;
}

body.single-network .prose-editorial > h3 {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
    color: var(--sb-heading-color);
    font-family: var(--sb-display-font);
    font-size: var(--sb-h3-size);
    font-weight: var(--sb-h3-weight);
    line-height: var(--sb-h3-line-height);
    letter-spacing: 0;
}

body.single-network .prose-editorial .grid,
body.single-network .prose-editorial [class*="grid-cols"],
body.single-network .prose-editorial .flex,
body.single-network .prose-editorial .grid > *,
body.single-network .prose-editorial .flex > * {
    min-width: 0;
}

@media (max-width: 767px) {
    body > header.sticky {
        z-index: 50;
        background: var(--color-background, var(--background)) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.single-network .prose-editorial {
        width: min(100%, calc(100vw - 2rem));
    }

    body.single-network .prose-editorial > h2 {
        margin-top: 2.35rem;
        font-size: clamp(2rem, 12vw, 2.8rem);
        line-height: 1.08;
    }

    body.single-network .prose-editorial > div:has(> .ornate > .rounded-lg.border-sky\/40),
    body.single-network .prose-editorial > div:has(> .ornate > .grid) {
        width: 100%;
        max-width: var(--sb-content-width);
        margin-top: 2rem;
        margin-bottom: 2.25rem;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) {
        padding: 1rem !important;
        border-radius: 12px;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) > .rounded-lg {
        width: 100%;
        padding: 1rem !important;
        text-align: center !important;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) .grid {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) .grid > .rounded-lg {
        text-align: center !important;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) [class*="font-display"] {
        font-size: clamp(1.25rem, 6.5vw, 1.65rem) !important;
        line-height: 1.18 !important;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) [class*="text-muted-foreground"] {
        font-size: 0.95rem !important;
        line-height: 1.45 !important;
    }

    body.single-network .prose-editorial > div > .ornate:has(> .rounded-lg.border-sky\/40) .h-6.w-px {
        height: 1.25rem !important;
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }

    body.single-sister_site .glow-hero p.text-muted-foreground {
        max-width: min(100%, 34rem);
        margin-top: 0.875rem !important;
        font-size: 0.98rem !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 767px) {
    body.single-guide .slk-related-section {
        padding-block: 2rem;
    }

    body.single-guide .slk-related-section .container-page {
        width: min(100%, var(--sb-content-width));
        padding-inline: max(0.75rem, var(--sb-page-gutter));
    }

    body.single-guide .slk-related-section .heading-caps {
        font-size: 1.6rem;
        line-height: 1.1;
        letter-spacing: 0;
        text-transform: none;
    }

    body.single-guide .slk-editorial-card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.55rem;
        margin-top: 1.15rem;
    }

    body.single-guide .slk-editorial-card {
        border-radius: 0.45rem;
        box-shadow: none;
    }

    body.single-guide .slk-editorial-card__image {
        height: 72px;
        aspect-ratio: 4 / 3;
    }

    body.single-guide .slk-editorial-card__body {
        padding: 0.55rem 0.5rem 0.6rem;
    }

    body.single-guide .slk-editorial-card__meta {
        font-size: 0.52rem;
        letter-spacing: 0.08em;
        line-height: 1.2;
    }

    body.single-guide .slk-editorial-card__title {
        margin-top: 0.35rem;
        font-size: 0.78rem;
        line-height: 1.18;
    }

    body.single-guide .slk-editorial-card__description {
        display: none;
    }

    body.single-guide .slk-editorial-card__cta {
        padding-top: 0.45rem;
        font-size: 0.68rem;
        line-height: 1.25;
    }
}

@media (max-width: 767px) {
    .slk-author-card__top {
        flex-direction: row;
        align-items: flex-start;
        gap: 0.9rem;
    }

    .slk-author-card__photo,
    .slk-author-card__monogram {
        width: 88px;
        height: 88px;
        flex: 0 0 88px;
    }

    .slk-author-card__identity {
        flex: 1 1 auto;
        min-width: 0;
        padding-top: 0;
    }

    .slk-author-card__name {
        font-size: clamp(1.32rem, 6vw, 1.62rem);
        line-height: 1.1;
    }

    .slk-author-card__role {
        margin-top: 0.35rem;
        font-size: 0.86rem;
        line-height: 1.35;
    }

    .slk-author-card__linkedin {
        margin-top: 0.55rem;
        font-size: 0.84rem;
    }

    .slk-author-card__bio {
        margin-top: 1.15rem;
    }
}

/* Align author and responsible-gambling blocks to the editorial text column. */
:is(.single-post, .single-guide, .single-network, .single-sister_site, .page) .slk-author-card,
:is(.single-post, .single-guide, .single-network, .single-sister_site, .page) .slk-responsible-gambling-frame {
    box-sizing: border-box;
    width: min(100%, var(--sb-content-width));
    max-width: var(--sb-content-width);
    margin-inline: auto;
    padding-inline: 0;
}

@media (max-width: 767px) {
    :is(.single-post, .single-guide, .single-network, .single-sister_site, .page) .slk-author-card,
    :is(.single-post, .single-guide, .single-network, .single-sister_site, .page) .slk-responsible-gambling-frame {
        width: min(100%, calc(100vw - (var(--sb-page-gutter) * 2)));
    }
}

/* Single guide pages: match author and RG blocks to the inner article/FAQ column. */
body.single-guide .slk-author-card,
body.single-guide .slk-responsible-gambling-frame {
    width: min(calc(100% - (var(--sb-page-gutter) * 2)), calc(var(--sb-content-width) - (var(--sb-page-gutter) * 2))) !important;
    max-width: calc(var(--sb-content-width) - (var(--sb-page-gutter) * 2)) !important;
}

@media (max-width: 767px) {
    body.single-guide .slk-author-closing {
        padding-inline: var(--sb-page-gutter) !important;
    }

    body.single-guide .slk-author-card {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Guides index: align lower editorial sections to the card-grid axis. */
body.page-id-79 {
    --sb-guides-card-axis-width: min(calc(100vw - 40px), 1360px);
}

body.page-id-79 .wrap-wide > section.ornate,
body.page-id-79 .wrap-wide > section.glow-cool,
body.page-id-79 .wrap-wide > section.mt-12,
body.page-id-79 .slk-author-card,
body.page-id-79 .slk-responsible-gambling-frame {
    box-sizing: border-box;
    width: var(--sb-guides-card-axis-width) !important;
    max-width: var(--sb-guides-card-axis-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


body.page-id-79 .slk-author-closing,
body.page-id-79 .slk-responsible-gambling-frame {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    body.page-id-79 {
        --sb-guides-card-axis-width: min(calc(100vw - 40px), 1360px);
    }
}

/* Sister-site closing author card: remove wrapper side inset so it matches FAQ/card width. */
.single-sister_site .slk-author-closing--sister {
    box-sizing: border-box;
    width: var(--sb-content-width);
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.single-sister_site .slk-author-closing--sister .slk-author-card {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 767px) {
    .single-sister_site .slk-author-closing--sister {
        width: min(100%, calc(100vw - (var(--sb-page-gutter) * 2)));
        max-width: min(100%, calc(100vw - (var(--sb-page-gutter) * 2)));
    }
}


/* Blog index: align FAQ, author and RG sections to the article-card axis. */
body.page-id-78 {
    --sb-blog-card-axis-width: min(calc(100vw - 40px), 1360px);
}

body.page-id-78 .wrap-wide > section.ornate,
body.page-id-78 .wrap-wide > section.glow-cool,
body.page-id-78 .slk-author-card,
body.page-id-78 .slk-responsible-gambling-frame {
    box-sizing: border-box;
    width: var(--sb-blog-card-axis-width) !important;
    max-width: var(--sb-blog-card-axis-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.page-id-78 .slk-author-closing,
body.page-id-78 .slk-responsible-gambling-frame {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (max-width: 767px) {
    body.page-id-78 .wrap-wide > section.ornate,
    body.page-id-78 .wrap-wide > section.glow-cool {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-id-78 .slk-author-card,
    body.page-id-78 .slk-responsible-gambling-frame {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }
}

/* How We Rate page: match author and RG blocks to the FAQ/body text column. */
@media (min-width: 768px) {
    body.page-id-87 .slk-author-card,
    body.page-id-87 .slk-responsible-gambling-frame {
        width: min(100%, 920px) !important;
        max-width: 920px !important;
    }
}

@media (max-width: 767px) {
    body.page-id-87 .slk-author-closing {
        padding-inline: var(--sb-page-gutter) !important;
    }

    body.page-id-87 .slk-author-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.page-id-87 .slk-responsible-gambling-frame {
        width: calc(100% - (var(--sb-page-gutter) * 2)) !important;
        max-width: calc(100% - (var(--sb-page-gutter) * 2)) !important;
    }
}

/* Author cards: use the same dark card surface as the rest of the site. */
.slk-author-card {
    border-color: var(--border) !important;
    border-left-color: var(--border) !important;
    background: var(--card) !important;
    color: var(--body) !important;
    box-shadow: 0 24px 70px -44px rgba(0, 0, 0, 0.45) !important;
}

.slk-author-card__eyebrow {
    color: var(--sky) !important;
}

.slk-author-card__name,
.slk-author-card__linkedin:hover,
.slk-author-card__linkedin:focus-visible {
    color: var(--foreground) !important;
}

.slk-author-card__role {
    color: var(--muted-foreground) !important;
}

.slk-author-card__bio {
    color: var(--body) !important;
}

.slk-author-card__linkedin {
    color: var(--primary) !important;
}

/* Homepage stats panel: match the article/FAQ content width. */
body.page-id-4 .wrap-wide > .ornate.glow-gold {
    box-sizing: border-box;
    width: min(100%, var(--sb-content-width));
    max-width: var(--sb-content-width);
    margin-right: auto;
    margin-left: auto;
}

/* Blog and guides index RG note: fill the same card-axis frame as FAQ/author. */
body.page-id-78 .slk-responsible-gambling-frame--page > .slk-responsible-gambling,
body.page-id-79 .slk-responsible-gambling-frame--page > .slk-responsible-gambling {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Restore compact card sizing after later page/FAQ overrides. */
@media (min-width: 1024px) {
  .slk-network-original-grid {
    width: min(100%, 1180px);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .slk-featured-brand-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
  }

  .slk-featured-brand-card {
    padding: 0.55rem !important;
  }

  .slk-featured-brand-card .logo-glow {
    height: 3.8rem !important;
    margin-top: 0.6rem !important;
  }

  .slk-featured-brand-card h3 {
    margin-top: 0.55rem !important;
    font-size: 1rem !important;
    line-height: 1.1 !important;
  }

  .slk-featured-brand-card p.line-clamp-3 {
    min-height: 0 !important;
    margin-top: 0.45rem !important;
    font-size: 0.68rem !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
  }

  .slk-featured-brand-card .grid.grid-cols-2 {
    gap: 0.35rem !important;
  }

  .slk-featured-brand-card a[rel~="sponsored"] {
    margin-top: 0.7rem !important;
    padding: 0.58rem 0.5rem !important;
    font-size: 0.7rem !important;
    line-height: 1.15 !important;
  }
}

/* Casino card size: keep four per row, but make the cards visibly smaller. */
@media (min-width: 1024px) {
  .slk-featured-brand-grid {
    width: min(100%, 1120px);
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
    gap: 0.85rem !important;
  }

  .slk-featured-brand-card {
    padding: 0.75rem 0.75rem 0.85rem !important;
    border-radius: 0.85rem !important;
  }

  .slk-featured-brand-card > .flex:first-child {
    gap: 0.4rem !important;
  }

  .slk-featured-brand-card > .flex:first-child > span:first-child {
    width: 2rem !important;
    height: 2rem !important;
    font-size: 0.76rem !important;
  }

  .slk-featured-brand-card > .flex:first-child > span:not(:first-child) {
    padding: 0.22rem 0.45rem !important;
    font-size: 0.52rem !important;
    line-height: 1.05 !important;
  }

  .slk-featured-brand-card .logo-glow {
    height: 5.65rem !important;
    margin-top: 0.7rem !important;
  }

  .slk-featured-brand-card h3 {
    margin-top: 0.7rem !important;
    font-size: 1.35rem !important;
    line-height: 1.08 !important;
  }

  .slk-featured-brand-card [aria-label^="Rated"] {
    margin-top: 0.35rem !important;
    gap: 0.3rem !important;
  }

  .slk-featured-brand-card p.line-clamp-3 {
    min-height: 0 !important;
    margin-top: 0.55rem !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2 !important;
  }

  .slk-featured-brand-card .grid.grid-cols-2 {
    gap: 0.45rem !important;
    margin-top: 0.75rem !important;
  }

  .slk-featured-brand-card .caption {
    font-size: 0.54rem !important;
  }

  .slk-featured-brand-card .caption + div {
    font-size: 0.82rem !important;
  }

  .slk-featured-brand-card ul {
    gap: 0.25rem !important;
  }

  .slk-featured-brand-card [role="img"][aria-label$=" accepted"] {
    width: 1.65rem !important;
    height: 1.25rem !important;
  }

  .slk-featured-brand-card a[rel~="sponsored"] {
    margin-top: 0.85rem !important;
    padding: 0.68rem 0.65rem !important;
    font-size: 0.78rem !important;
    line-height: 1.15 !important;
  }
}

/* Align the casino-list eyebrow label to the same frame as the cards. */
@media (min-width: 1024px) {
  .wrap-wide > div p:has(+ .slk-featured-brand-grid),
  .slk-sister-casino-list > :is(p, .section-eyebrow, [class*="tracking"]):first-child {
    box-sizing: border-box;
    width: min(100%, 1120px);
    max-width: 1120px;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

/* Sister-site top copy: align breadcrumbs and hero intro with the casino-card frame. */
body.single-sister_site .slk-breadcrumb,
body.single-sister_site main > .wrap-wide > .glow-hero {
  box-sizing: border-box;
  width: min(100%, 1120px);
  max-width: 1120px;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.single-sister_site .slk-breadcrumb {
  padding-right: 0;
  padding-left: 0;
}

body.single-sister_site main > .wrap-wide > .glow-hero :is(h1, p.text-muted-foreground) {
  max-width: 100% !important;
}

@media (max-width: 1160px) {
  body.single-sister_site .slk-breadcrumb,
  body.single-sister_site main > .wrap-wide > .glow-hero {
    width: calc(100% - 2rem);
  }
}

/* Casino cards: use the homepage component rhythm everywhere and keep the CTA visible. */
.slk-featured-brand-card > h3,
.slk-featured-brand-card > p.line-clamp-3 {
  min-height: 0 !important;
}

.slk-featured-brand-card a[rel~="sponsored"] {
  min-height: 2.65rem;
  padding: 0.74rem 0.8rem !important;
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
}

@media (min-width: 640px) {
  .slk-featured-brand-card a[rel~="sponsored"] {
    min-height: 2.9rem;
    padding: 0.82rem 0.95rem !important;
    font-size: 0.9rem !important;
  }
}

/* Header quicklinks: align the final desktop link with the casino-card frame. */
@media (min-width: 1024px) {
  header > nav.wrap-wide > .hidden.md\:flex {
    justify-content: flex-end;
    margin-left: auto;
    margin-right: max(0px, calc((100% - 1120px) / 2));
  }
}

/* Header frame: align the logo and quicklinks with the casino-card content width. */
@media (min-width: 1024px) {
  header > nav.wrap-wide {
    max-width: 1160px;
  }

  header > nav.wrap-wide > .hidden.md\:flex {
    margin-right: 0;
  }
}