@media (max-width: 1100px) {
	.newsletter-banner,
	.site-footer__grid {
		grid-template-columns: 1fr;
	}

	.hero-secondary,
	.category-visual-grid,
	.post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.editor-pick {
		grid-template-columns: 220px minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	.site-header__top {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"branding actions"
			"date date";
	}

	.site-header__branding {
		grid-area: branding;
		text-align: left;
	}

	.site-header__actions {
		grid-area: actions;
	}

	.site-header__date {
		grid-area: date;
	}

	.site-header__nav {
		display: none;
	}

	.header-action--menu {
		display: inline-flex;
	}

	.post-grid,
	.hero-secondary,
	.category-visual-grid,
	.editor-pick,
	.author-box,
	.author-hero {
		grid-template-columns: 1fr;
	}

	.hero-feature {
		min-height: 520px;
	}

	.hero-feature__overlay {
		padding: 28px;
	}

	.hero-secondary__card {
		grid-template-columns: 120px minmax(0, 1fr);
	}
}

@media (max-width: 640px) {
	.shell {
		width: min(calc(100% - 28px), var(--content-width));
	}

	.site-main {
		padding-bottom: 72px;
	}

	.search-form,
	.newsletter-form {
		flex-direction: column;
		align-items: stretch;
	}

	.hero-secondary__card,
	.editor-pick {
		grid-template-columns: 1fr;
	}

	.hero-secondary__thumb img,
	.editor-pick__media img {
		height: auto;
	}

	.single-article__body,
	.page-article,
	.author-box,
	.archive-header,
	.empty-state {
		padding: 22px;
	}

	.entry-content {
		font-size: 1rem;
	}
}

@media (max-width: 520px) {
	.site-header__top {
		gap: 14px;
		padding: 14px 0 10px;
	}

	.site-branding__name,
	.custom-logo-link {
		font-size: 1.55rem;
	}

	.header-action {
		padding: 9px 12px;
		font-size: 0.78rem;
	}

	.post-card__content,
	.editor-pick__content,
	.hero-feature__overlay,
	.category-visual-card {
		padding: 18px;
	}

	.hero-feature {
		min-height: 440px;
	}

	.article-toc {
		padding: 16px;
	}
}