/* Breakpoints mirror the supplied HTML references: 1100 / 900 / 768 / 480 (Section 40) */

@media (max-width: 1100px) {
	.footer-grid { grid-template-columns: repeat(3, 1fr); }
	.sticky-share { display: none !important; }
	.resource-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
	.hero-grid { grid-template-columns: 1fr; }
	.article-grid { grid-template-columns: 1fr; }
	.category-grid { grid-template-columns: 1fr; }
	.cat-hero-inner { flex-direction: column; align-items: flex-start; }
	.cat-hero-badge { display: none; }
	.article-title { font-size: 24px; }
	.grid-cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.nav-links { display: none; }
	.hamburger { display: flex; align-items: center; }
	.grid-4 { grid-template-columns: repeat(2, 1fr); }
	.grid-6 { grid-template-columns: repeat(3, 1fr); }
	.grid-3, .grid-cards { grid-template-columns: 1fr; }
	.seo-grid { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: repeat(2, 1fr); }
	.slider-grid { grid-template-columns: 1fr; }
	.resource-grid { grid-template-columns: 1fr; }
	.cat-hero { padding: 24px 20px; }
	.cat-hero-title { font-size: 28px; }
	.article-featured-img { height: 220px; }
	.pillar-nav-inner { -webkit-overflow-scrolling: touch; }
	section, .mb-10 { margin-bottom: var(--theme-mobile-spacing); }
}

@media (max-width: 480px) {
	.grid-6 { grid-template-columns: repeat(2, 1fr); }
	.footer-grid { grid-template-columns: repeat(2, 1fr); }
	.featured-title { font-size: 18px; }
	.container { padding: 0 14px; }
	.article-title { font-size: 21px; }
}

/* Never allow horizontal overflow on small screens (Section 40, 73) */
html, body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }

/* Touch target sizing on small screens (Section 40) */
@media (max-width: 768px) {
	.nav-link, .pillar-btn, .faq-btn, .share-btn, .social-btn, .carousel-btn, .page-btn {
		min-height: 40px;
	}
}