@media (max-width: 1279.98px) {
	.post-floating-toc {
		float: none;
		margin-right: 0;
		width: 100%;
		position: static;
	}

	.post-grid.layout-4-col-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1023.98px) {
	.header-main {
		grid-template-columns: auto 1fr auto;
	}

	.primary-nav {
		display: none;
	}

	.mobile-menu-toggle {
		display: inline-flex !important;
	}

	.header-actions .btn.header-cta-btn {
		display: none;
	}

	.hero-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1.3fr repeat(2, minmax(90px, 1fr));
		height: auto;
	}

	.hero-story-1 {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 320px;
	}

	.hero-editorial {
		grid-template-columns: 1fr;
	}

	.archive-shell.layout-2-col-sidebar {
		grid-template-columns: 1fr;
	}

	.post-grid.layout-3-col-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.related-posts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.footer-grid--cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.article-card--horizontal {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.container {
		width: min(100% - 1.2rem, var(--container-max));
	}

	.top-bar__inner {
		flex-direction: column;
		align-items: flex-start;
		padding-block: 0.45rem;
	}

	.breaking-news-ticker {
		width: 100%;
	}

	.ticker-content {
		min-width: 0;
		width: 100%;
	}

	.site-logo img {
		max-width: var(--mobile-logo-width);
		height: auto;
	}

	.header-actions {
		gap: 0.35rem;
	}

	.hero-story-content {
		padding: 1rem;
	}

	.hero-story-content h2 {
		font-size: 1.45rem;
	}

	.section-heading {
		flex-direction: column;
		align-items: flex-start;
	}

	.post-grid.layout-3-col-grid {
		grid-template-columns: repeat(var(--mobile-columns, 1), minmax(0, 1fr));
	}

	body.mobile-cols-2 .post-grid.layout-3-col-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-grid.layout-4-col-grid {
		grid-template-columns: 1fr;
	}

	.footer-newsletter-form {
		flex-direction: column;
		border-radius: 12px;
		overflow: visible;
		border: 0;
		gap: 0.6rem;
	}

	.footer-newsletter-form input[type="email"],
	.footer-newsletter-form .btn {
		border-radius: 8px;
	}

	.footer-grid--cols-2,
	.footer-grid--cols-3,
	.footer-grid--cols-4 {
		grid-template-columns: 1fr;
	}

	.related-posts-grid {
		grid-template-columns: 1fr;
	}

	.author-box {
		flex-direction: column;
	}

	.mobile-sticky-cta {
		display: block;
	}
}

@media (max-width: 479.98px) {
	.post-grid.layout-3-col-grid {
		grid-template-columns: 1fr;
	}

	.hero-story-small__content h3 {
		font-size: 0.9rem;
	}
}