@media (max-width: 860px) {
	.header-bar {
		flex-wrap: wrap;
		gap: 12px;
		padding-top: 6px;
		padding-bottom: 4px;
	}

	.site-logo img,
	.custom-logo {
		height: 62px;
	}

	.header-banner {
		flex: 1 0 100%;
		order: 3;
	}

	.lead-grid,
	.footer-bar,
	.with-rail {
		grid-template-columns: 1fr;
	}

	.homepage-content .rail-main,
	.homepage-content .rail-main > .site-main {
		display: contents;
	}

	.homepage-content .lead-grid {
		order: 1;
	}

	.homepage-content .with-rail > .rail {
		order: 2;
	}

	.homepage-content .latest,
	.homepage-content .sport-block,
	.homepage-content .pagination-wrapper,
	.homepage-content .empty-home {
		order: 3;
	}

	.rail-main,
	.with-rail > .rail {
		grid-column: auto;
	}

	.with-rail > .rail {
		margin-top: 28px;
		padding-left: 0;
		border-left: 0;
	}

	.story-lead .story-title,
	.entry-title,
	.archive-title {
		font-size: 2.5rem;
	}
}

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

	.latest-list .story-row,
	.story-side {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
	}

	.story-row .story-title,
	.story-side .story-title,
	.story-card .story-title {
		font-size: 1.25rem;
	}

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

	.search-form button {
		min-height: 48px;
	}
}