@media (max-width: 1100px) {
	.ws-article-layout {
		grid-template-columns: minmax(0, var(--ws-reading));
	}

	.ws-article-aside {
		display: none;
	}

	.ws-toc-mobile {
		display: block;
	}
}

@media (max-width: 1020px) {
	.ws-menu-toggle {
		display: inline-grid;
		width: 40px;
		height: 40px;
		place-content: center;
		gap: 4px;
		border: 1px solid var(--ws-border);
		border-radius: 10px;
		background: var(--ws-surface);
	}

	.ws-menu-toggle span:not(.screen-reader-text) {
		display: block;
		width: 18px;
		height: 2px;
		background: var(--ws-ink);
	}

	.ws-header-inner {
		grid-template-columns: auto auto 1fr;
	}

	.ws-nav {
		position: absolute;
		top: calc(100% + .4rem);
		left: 1rem;
		right: 1rem;
		display: none;
		padding: .8rem;
		border: 1px solid var(--ws-border);
		border-radius: 14px;
		background: var(--ws-surface);
		box-shadow: var(--ws-shadow-md);
	}

	.ws-nav.is-open {
		display: block;
	}

	.ws-nav__list {
		display: block;
	}

	.ws-nav__list a {
		display: flex;
	}

	.ws-nav__list ul {
		position: static;
		display: block;
		padding: 0 0 0 1rem;
		border: 0;
		box-shadow: none;
	}

	.ws-header-actions {
		justify-self: end;
	}

	.ws-featured-layout {
		grid-template-columns: 1fr;
	}

	.ws-featured-rail {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ws-rail-card {
		grid-template-columns: 1fr;
	}

	.ws-rail-card__image {
		aspect-ratio: 16 / 9;
	}

	.ws-content-layout {
		grid-template-columns: 1fr;
	}

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

@media (max-width: 782px) {
	.admin-bar .ws-site-header {
		top: 46px;
	}
}

@media (max-width: 720px) {
	body {
		font-size: 16px;
	}

	.ws-container {
		width: min(calc(100% - 1.25rem), var(--ws-container));
	}

	.ws-header-inner {
		gap: .55rem;
	}

	.ws-header-actions .ws-icon-button:first-child {
		display: none;
	}

	.ws-home-lead {
		padding: 1.8rem 0 2.5rem;
	}

	.ws-home-heading {
		grid-template-columns: 1fr;
		gap: .75rem;
		margin-bottom: 1.35rem;
	}

	.ws-home-heading h1 {
		font-size: 2.45rem;
	}

	.ws-featured-main__image {
		aspect-ratio: 16 / 10;
	}

	.ws-featured-main__content {
		padding: 1.25rem;
	}

	.ws-featured-rail {
		grid-template-columns: 1fr;
	}

	.ws-rail-card {
		grid-template-columns: 108px minmax(0, 1fr);
	}

	.ws-rail-card__image {
		aspect-ratio: 1 / 1;
	}

	.ws-topic-grid,
	.ws-card-grid--2,
	.ws-card-grid--3,
	.ws-footer-main {
		grid-template-columns: 1fr;
	}

	.ws-topic-section,
	.ws-latest-section {
		padding: 3rem 0;
	}

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

	.ws-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.ws-search-form {
		flex-direction: column;
	}

	.ws-article-shell,
	.ws-page-shell {
		width: min(calc(100% - 1.25rem), 1180px);
		padding-top: 2rem;
	}

	.ws-article-header h1 {
		font-size: 2.35rem;
	}

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

	.ws-share {
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}
