/**
 * Responsive behaviour.
 *
 * The V4 composition is intrinsically fluid — every grid uses
 * repeat(auto-fit, minmax(min(100%, N), 1fr)), so columns reflow without
 * breakpoints. These rules cover only what fluid grids cannot express.
 */

/* The navigation swaps to a drawer below this width; navigation.js uses the
   same value so markup and script never disagree. */
@media (max-width: 1120px) {
	:root {
		--nk-header-h: 88px;
	}
}

@media (max-width: 900px) {
	.nk-with-sidebar {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}
}

@media (max-width: 760px) {
	:root {
		--nk-gutter: 20px;
		--nk-section-y: 84px;
	}

	.nk-main--interior {
		padding: 56px 0 84px;
	}
}

@media print {
	.nk-skip-link,
	[data-nk-progress],
	[data-nk-nav-toggle] {
		display: none !important;
	}
}