/*
 * Responsive breakpoints — mirrors the approved design's spec exactly
 * (page-wp-handoff.html §05): xs 0 / sm 640 / md 768 / lg 1024 / xl 1280.
 */

/* ── Hero: stack below desktop ─────────────────────────────── */
@media (max-width: 1023px) {
	.sc-hero__inner { grid-template-columns: 1fr; }
	.sc-hero__illustration { max-width: 100%; }
	.sc-hero__right { order: -1; }
	.sc-single-layout { grid-template-columns: 1fr; }
	.sc-single-sidebar { position: static; }
	.sc-trending { grid-template-columns: 1fr; }
	.sc-nav { padding-inline: var(--wp--preset--spacing--lg); }
}

/* ── Editorial + resource grid: 3-col ─────────────────────── */
@media (max-width: 1279px) {
	.sc-resource-grid { grid-template-columns: repeat(3, 1fr); }
	.sc-types-grid { grid-template-columns: repeat(5, 1fr); }
}

/* ── Tablet ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
	.sc-resource-grid { grid-template-columns: repeat(2, 1fr); }
	.sc-featured-grid { grid-template-columns: 1fr; }
	.sc-card-cover { grid-row: auto; }
	.sc-paths-grid { grid-template-columns: 1fr; }
	.sc-types-grid { grid-template-columns: repeat(4, 1fr); }
	.sc-cta-band__inner { flex-direction: column; align-items: flex-start; }
	.sc-newsletter__form { min-width: 0; width: 100%; }
	.sc-footer__top { grid-template-columns: 1fr 1fr; }
	.sc-filter-drawer-toggle {
		display: inline-flex; align-items: center; gap: 6px;
		background: #fff; border: 1px solid var(--wp--preset--color--soft-border);
		border-radius: var(--wp--custom--radius--pill); padding: 8px 16px; font-size: 13px; font-weight: 600;
		margin-block: var(--wp--preset--spacing--md);
	}
	.sc-filter-drawer { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
	.sc-filter-drawer.is-open { max-height: 600px; }
	.sc-filter-drawer .sc-filters { flex-wrap: wrap; overflow: visible; position: static; }
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 639px) {
	.sc-resource-grid { grid-template-columns: 1fr; }
	.sc-types-grid { grid-template-columns: repeat(3, 1fr); }
	.sc-footer__top { grid-template-columns: 1fr; }
	.sc-nav__links, .sc-nav__cta, .sc-nav__label { display: none; }
	.sc-nav__hamburger { display: flex; }
	.sc-nav__links.is-open {
		display: flex; flex-direction: column; position: fixed; inset: 68px 0 0 0;
		background: #fff; padding: var(--wp--preset--spacing--lg); z-index: 99; overflow-y: auto;
	}
	.sc-hero__stats { gap: var(--wp--preset--spacing--md); }
	.sc-cta-band__title, .sc-paths-title { font-size: 28px; }
	.sc-single-layout { display: block; }
}