@media (max-width: 1199px) {
	.category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

	.single-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.single-layout__share,
	.single-layout__toc {
		order: 2;
	}

	.share-card,
	.toc-card {
		position: static;
	}

	.share-card__buttons {
		flex-direction: row;
		flex-wrap: wrap;
	}
}

@media (max-width: 1023px) {
	.hero__inner,
	.featured-post,
	.category-hero__layout,
	.site-footer__grid,
	.blog-cta__card,
	.newsletter-card {
		grid-template-columns: 1fr;
	}

	.site-header__nav-wrap {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: min(360px, calc(100vw - 24px));
		flex-direction: column;
		align-items: stretch;
		padding: 1.4rem 1.3rem 2rem;
		background: var(--color-primary);
		color: var(--color-background);
		transform: translateX(110%);
		box-shadow: -20px 0 40px rgba(7, 59, 76, 0.18);
		transition: transform 0.25s ease;
	}

	.site-header__nav-wrap.is-open {
		transform: translateX(0);
	}

	.site-header__nav-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1.4rem;
	}

	.site-header__nav-label {
		margin: 0;
		font-family: "Poppins", sans-serif;
		font-weight: 600;
	}

	.main-navigation .menu {
		flex-direction: column;
		align-items: flex-start;
	}

	.main-navigation a {
		color: var(--color-background);
		font-size: 1.08rem;
	}

	.menu-toggle,
	.menu-close {
		display: inline-flex;
	}

	.site-header__backdrop {
		position: fixed;
		inset: 0;
		display: block;
		border: 0;
		background: rgba(5, 47, 61, 0.52);
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.25s ease;
	}

	.site-header__backdrop.is-open {
		opacity: 1;
		pointer-events: auto;
	}

	.site-header .button--primary {
		width: 100%;
	}

	.site-footer__bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	:root {
		--container: min(100vw - 32px, 1180px);
	}

	.hero {
		padding-bottom: 4rem;
	}

	.category-grid,
	.post-grid {
		grid-template-columns: 1fr;
	}

	.search-form {
		border-radius: 22px;
	}

	.search-form__button {
		flex: 0 0 46px;
	}

	.author-hero__inner,
	.author-box {
		grid-template-columns: 1fr;
	}

	.share-card__buttons {
		flex-direction: column;
	}

	.toc-card__toggle {
		display: block;
	}

	.toc-card__content {
		display: none;
		padding-top: 1rem;
	}

	.toc-card.is-open .toc-card__content {
		display: block;
	}

	.footer-menu--legal {
		flex-direction: column;
	}
}

@media (max-width: 479px) {
	.hero__lead,
	.section-intro,
	.entry-content {
		font-size: 1rem;
	}

	.button,
	.pagination-nav__item a,
	.pagination-nav__item span {
		width: 100%;
	}

	.hero-actions,
	.newsletter-card__actions,
	.blog-cta__actions {
		flex-direction: column;
	}
}
