:root {
	--msc-faq-blue: var(--msc-colour-blue, #0797f6);
	--msc-faq-ink: var(--msc-colour-ink, #202b3d);
	--msc-faq-muted: var(--msc-colour-muted, #667487);
	--msc-faq-soft: var(--msc-colour-light-blue, #eef8ff);
	--msc-faq-radius: var(--msc-radius-large, 24px);
}

.msc-faq-page {
	width: min(100% - 32px, 1120px);
	margin: clamp(32px, 6vw, 88px) auto;
}

.msc-faq-canonical {
	padding: clamp(28px, 5vw, 64px);
	background: linear-gradient(135deg, var(--msc-faq-soft), #fff 70%);
	border-radius: var(--msc-faq-radius);
	color: var(--msc-faq-ink);
}

.msc-faq-canonical__eyebrow {
	margin: 0 0 12px;
	color: var(--msc-faq-blue);
	font-size: .85rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.msc-faq-canonical h1 {
	margin: 0 0 24px;
	font-size: clamp(2rem, 5vw, 3.5rem);
	line-height: 1.08;
}

.msc-faq-canonical__answer {
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.7;
}

.msc-faq-canonical__categories,
.msc-faq-canonical__updated {
	color: var(--msc-faq-muted);
	font-size: .95rem;
}

.msc-faq-canonical__categories {
	margin: 32px 0 0;
}

.msc-faq-canonical__updated {
	margin: 8px 0 0;
}