@media (max-width: 860px) {
	.home-grid,
	.article-grid,
	.footer-grid {
		grid-template-columns: 1fr;
	}

	.home-main {
		display: contents;
	}

	.lead {
		order: 1;
	}

	.rail {
		order: 2;
	}

	.rubric {
		order: 3;
	}

	.rubric-list {
		grid-template-columns: 1fr 1fr;
	}


}

@media (max-width: 680px) {
	.header-bar {
		grid-template-columns: 1fr auto;
		grid-template-areas:
			"logo toggle"
			"tag tag"
			"search search";
		align-items: center;
	}

	.site-title {
		grid-area: logo;
	}

	.site-logo {
		height: 76px;
	}

	.site-description {
		grid-area: tag;
		margin: 0;
	}

	.header-tools {
		display: contents;
	}

	.search-form {
		grid-area: search;
	}

	.search-form input[type="search"] {
		flex: 1;
		width: auto;
	}

	.nav-toggle {
		display: inline-flex;
		grid-area: toggle;
		justify-self: end;
	}

	.site-nav {
		display: none;
	}

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

	.site-nav .menu {
		flex-direction: column;
		gap: 0.7rem;
		padding-bottom: 1rem;
	}

	.rubric-list,
	.story-row {
		grid-template-columns: 1fr;
	}

	.story-row .story-media {
		max-width: 100%;
	}
}