/* Phase 12 page foundation layouts */

.mrc-page--foundation,
.mrc-page--hub,
.mrc-page--trust {
	padding-block: 0 48px;
	background: var(--mrc-page-light);
	color: var(--mrc-text-dark);
}

.mrc-page--foundation .mrc-container,
.mrc-page--hub .mrc-container,
.mrc-page--trust .mrc-container {
	padding-top: 24px;
}

.mrc-pf-header {
	max-width: var(--mrc-content-width);
	margin-bottom: 24px;
}

.mrc-pf-header__eyebrow {
	margin: 0 0 8px;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--mrc-accent);
}

.mrc-pf-header__title {
	margin: 0 0 12px;
	font-family: var(--mrc-font-serif);
	font-size: clamp(2rem, 4vw, 2.75rem);
	line-height: 1.15;
	font-weight: 600;
}

.mrc-pf-header__intro {
	margin: 0;
	max-width: 65ch;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--mrc-text-muted-dark);
}

.mrc-pf-key-facts,
.mrc-pf-casino-list,
.mrc-pf-pros-cons,
.mrc-pf-content,
.mrc-pf-sources,
.mrc-pf-author-block,
.mrc-pf-related,
.mrc-pf-hub-children,
.mrc-pf-hub-content,
.mrc-pf-disclosures {
	margin-block: 32px;
}

.mrc-pf-key-facts__title,
.mrc-pf-casino-list__title,
.mrc-pf-sources__title,
.mrc-pf-author-block__title,
.mrc-pf-related__title,
.mrc-pf-hub-children__title {
	margin: 0 0 16px;
	font-family: var(--mrc-font-serif);
	font-size: 1.5rem;
	font-weight: 600;
}

.mrc-pf-key-facts__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	margin: 0;
}

.mrc-pf-key-facts__item {
	padding: 16px;
	border-radius: var(--mrc-radius-md);
	background: var(--mrc-surface-light);
	border: 1px solid var(--mrc-border-light);
}

.mrc-pf-key-facts__label {
	margin: 0 0 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--mrc-text-muted-dark);
}

.mrc-pf-key-facts__value {
	margin: 0;
	font-size: 1rem;
	font-weight: 600;
}

.mrc-pf-casino-list__items {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.mrc-pf-pros-cons__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.mrc-pf-pros-cons__heading {
	margin: 0 0 12px;
	font-size: 1.125rem;
	font-weight: 600;
}

.mrc-pf-pros-cons__list {
	margin: 0;
	padding-left: 1.25rem;
}

.mrc-pf-pros-cons__list li + li {
	margin-top: 8px;
}

.mrc-pf-content__body {
	max-width: var(--mrc-content-width);
}

.mrc-pf-sources__list,
.mrc-pf-related__list,
.mrc-pf-hub-children__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mrc-pf-hub-children__link {
	display: block;
	padding: 16px;
	border-radius: var(--mrc-radius-md);
	border: 1px solid var(--mrc-border-light);
	background: var(--mrc-surface-light);
	color: var(--mrc-text-dark);
	text-decoration: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mrc-pf-hub-children__link:hover,
.mrc-pf-hub-children__link:focus-visible {
	border-color: var(--mrc-accent);
	box-shadow: var(--mrc-shadow-sm);
}

.mrc-pf-author-block__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 24px;
}

.mrc-pf-author-block__role {
	margin: 0 0 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mrc-text-muted-dark);
}

.mrc-pf-author-block__name {
	margin: 0 0 8px;
	font-size: 1.125rem;
	font-weight: 600;
}

.mrc-pf-author-block__bio,
.mrc-pf-author-block__date {
	margin: 0;
	color: var(--mrc-text-muted-dark);
}

.mrc-pf-disclosures__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mrc-pf-disclosures__link {
	color: var(--mrc-text-muted-dark);
	text-decoration: underline;
	text-decoration-color: rgba(199, 154, 59, 0.45);
	text-underline-offset: 0.18em;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.45;
	transition: color var(--mrc-transition-base), text-decoration-color var(--mrc-transition-base);
}

.mrc-pf-disclosures__link:hover,
.mrc-pf-disclosures__link:focus-visible {
	color: var(--mrc-gold-dark);
	text-decoration-color: var(--mrc-gold);
}

.mrc-pf-disclosures__link:focus-visible {
	outline: var(--mrc-focus-ring);
	outline-offset: 3px;
	border-radius: var(--mrc-radius-sm);
}

@media (max-width: 767px) {
	.mrc-page--foundation,
	.mrc-page--hub,
	.mrc-page--trust {
		padding-block: 24px 36px;
	}

	.mrc-pf-pros-cons__grid {
		grid-template-columns: 1fr;
	}
}