/* Shared sticky section nav — School, Interior, Exterior landings */
.mk-education-design-landing-page .mk-landing-page-nav,
.mk-interior-design-landing-page .mk-landing-page-nav,
.mk-exterior-design-page .mk-landing-page-nav {
	padding: 1rem 0;
	background: var(--mk-paper, #faf7f0);
	border-bottom: 1px solid var(--mk-rule, #e2dcd0);
	z-index: 1020;
}

.mk-interior-design-landing-page .mk-landing-page-nav {
	background: var(--mk-id-bg, #fdfbf5);
	border-bottom-color: rgba(63, 47, 130, 0.12);
}

/* Desktop-only section nav (hidden below lg / 992px) */
@media (max-width: 991.98px) {
	.mk-landing-page-nav {
		display: none !important;
	}

	.mk-education-design-landing-page #spaces,
	.mk-education-design-landing-page #outdoor,
	.mk-education-design-landing-page #offer,
	.mk-education-design-landing-page #faq,
	.mk-education-design-landing-page #book,
	.mk-interior-design-landing-page #sectors,
	.mk-interior-design-landing-page #every-space,
	.mk-interior-design-landing-page #process,
	.mk-interior-design-landing-page #clients,
	.mk-interior-design-landing-page #book,
	.mk-exterior-design-page #sectors,
	.mk-exterior-design-page #toolkit,
	.mk-exterior-design-page #process,
	.mk-exterior-design-page #faq,
	.mk-exterior-design-page #book {
		scroll-margin-top: 0;
	}
}

.mk-education-design-landing-page .mk-landing-page-nav .nav-link,
.mk-interior-design-landing-page .mk-landing-page-nav .nav-link,
.mk-exterior-design-page .mk-landing-page-nav .nav-link {
	font-family: 'JetBrains Mono', ui-monospace, monospace;
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mk-purple, #685f9c) !important;
	padding: 0.5rem 0.9rem;
	font-weight: 500;
}

.mk-education-design-landing-page .mk-landing-page-nav .nav-link:hover,
.mk-interior-design-landing-page .mk-landing-page-nav .nav-link:hover,
.mk-exterior-design-page .mk-landing-page-nav .nav-link:hover {
	color: var(--mk-purple-deep, #412d78) !important;
}

.mk-education-design-landing-page .mk-landing-page-nav .nav-link.active,
.mk-interior-design-landing-page .mk-landing-page-nav .nav-link.active,
.mk-exterior-design-page .mk-landing-page-nav .nav-link.active {
	color: var(--mk-purple-deep, #412d78) !important;
	position: relative;
}

.mk-education-design-landing-page .mk-landing-page-nav .nav-link.active::after,
.mk-interior-design-landing-page .mk-landing-page-nav .nav-link.active::after,
.mk-exterior-design-page .mk-landing-page-nav .nav-link.active::after {
	content: '';
	position: absolute;
	left: 0.9rem;
	right: 0.9rem;
	bottom: 0.2rem;
	height: 2px;
	background: var(--mk-gold, #f4ab33);
}

/* Anchor offset below sticky nav */
.mk-education-design-landing-page #spaces,
.mk-education-design-landing-page #outdoor,
.mk-education-design-landing-page #offer,
.mk-education-design-landing-page #faq,
.mk-education-design-landing-page #book,
.mk-interior-design-landing-page #sectors,
.mk-interior-design-landing-page #every-space,
.mk-interior-design-landing-page #process,
.mk-interior-design-landing-page #clients,
.mk-interior-design-landing-page #book,
.mk-exterior-design-page #sectors,
.mk-exterior-design-page #toolkit,
.mk-exterior-design-page #process,
.mk-exterior-design-page #faq,
.mk-exterior-design-page #book {
	scroll-margin-top: 5.5rem;
}