@media (max-width: 768px) {
	:root {
		--ltv-container-pad: max(16px, env(safe-area-inset-left, 0px));
		--ltv-section-gap: 16px;
	}

	body.home {
		--ref-page-gutter: max(16px, env(safe-area-inset-left, 0px));
	}

	body {
		-webkit-tap-highlight-color: transparent;
	}

	.site-header.site-header--magazine .header-top-bar {
		padding-block: 6px;
	}

	.site-header.site-header--magazine .header-top-inner {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr !important;
		align-items: center !important;
		gap: 8px !important;
		min-height: 60px !important;
		padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px)) !important;
	}

	.site-header.site-header--magazine .header-top-tools {
		grid-column: 3 !important;
		grid-row: 1 !important;
		justify-self: end !important;
		width: auto !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
	}

	.site-header.site-header--magazine .site-branding {
		grid-column: 2 !important;
		grid-row: 1 !important;
		justify-self: center !important;
		max-width: min(260px, 54vw) !important;
		margin-inline: auto !important;
		text-align: center !important;
	}

	.site-header.site-header--magazine .site-branding .custom-logo-link {
		display: inline-block;
		margin-inline: auto;
	}

	.site-header.site-header--magazine .site-branding .custom-logo-link img {
		max-height: clamp(44px, 11vw, 52px) !important;
		width: auto;
		margin-inline: auto;
	}

	.site-header.site-header--magazine .breaking-inner {
		padding-inline: max(14px, env(safe-area-inset-left, 0px)) max(14px, env(safe-area-inset-right, 0px)) !important;
	}

	.site-header.site-header--magazine .breaking-text {
		font-size: clamp(11px, 3.2vw, 13px) !important;
	}

	body.home .site-main.front-page {
		padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)) !important;
		gap: 16px !important;
		padding-block: 12px 20px !important;
	}

	.front-page .home-hero-zone {
		padding-block: 0 !important;
	}

	.front-page .home-hero-zone .home-hero-zone-grid {
		gap: 16px !important;
	}

	.front-page .home-hero-zone .hero-slider--premium {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: var(--news-shadow);
	}

	.front-page .home-hero-zone .hero-slide-media {
		aspect-ratio: 16 / 9 !important;
		max-height: none !important;
		min-height: clamp(200px, 56vw, 300px) !important;
		width: 100%;
	}

	.front-page .home-hero-zone .hero-slide-img {
		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;
		object-position: center center;
	}

	.front-page .home-hero-zone .hero-slide-head {
		padding: 12px 14px !important;
		background: var(--news-surface, #fff);
	}

	.front-page .home-hero-zone .hero-slide-title {
		font-size: clamp(1rem, 4.4vw, 1.125rem) !important;
		font-weight: 800 !important;
		line-height: 1.45 !important;
	}

	.front-page .home-hero-zone .hero-pagination {
		padding: 10px 12px !important;
		gap: 6px !important;
		justify-content: center !important;
		flex-wrap: wrap;
		background: var(--news-surface, #fff);
	}

	.front-page .home-hero-zone .hero-dot {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px;
		font-size: 12px !important;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-zone-block,
	.front-page .home-hero-zone .home-sidebar-right .home-zone-block--feed {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: var(--news-shadow);
	}

	.front-page .home-hero-zone .home-zone-block-header,
	.front-page .home-hero-zone .home-sidebar-right .home-zone-block-header--feed {
		padding: 12px 14px !important;
	}

	.front-page .home-hero-zone .home-zone-block-title,
	.front-page .home-hero-zone .home-zone-block-title--feed {
		font-size: clamp(0.9375rem, 4vw, 1.0625rem) !important;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-card {
		padding: 0 !important;
		background: var(--news-surface, #fff);
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-thumb {
		display: block;
		width: 100%;
		aspect-ratio: 16 / 10;
		overflow: hidden;
		position: relative;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-img {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		object-fit: cover !important;
		object-position: center center;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-body {
		padding: 12px 14px 14px !important;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-title,
	.front-page .home-hero-zone .home-sidebar-left .home-highlight-title a {
		font-size: clamp(0.9375rem, 4vw, 1.0625rem) !important;
		font-weight: 700 !important;
		line-height: 1.45 !important;
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
	}

	.front-page .home-hero-zone .home-sidebar-right .home-feed-list {
		padding: 8px 14px 12px !important;
	}

	.front-page .home-hero-zone .home-sidebar-right .home-feed-item {
		padding: 12px 0 !important;
		gap: 10px;
	}

	.front-page .home-hero-zone .home-sidebar-right .home-feed-link {
		font-size: clamp(0.875rem, 3.8vw, 0.9375rem) !important;
		line-height: 1.5 !important;
		flex: 1;
		min-width: 0;
	}

	.front-page .home-hero-zone .home-sidebar-right .home-feed-time {
		font-size: 11px !important;
		flex-shrink: 0;
		min-width: 44px;
		text-align: end;
	}

	.front-page .home-premium-header,
	.front-page .home-mosaic-accent-header,
	.front-page .home-sports-header,
	.front-page .most-viewed-header,
	.front-page .home-video-header,
	.front-page .section-header,
	.front-page .home-zone-block-header {
		padding: 12px 14px !important;
	}

	.front-page .home-premium-body,
	.front-page .home-mosaic-body,
	.front-page .home-national-grid,
	.front-page .home-category-section__body,
	.front-page .most-viewed-layout,
	.front-page .home-video-body--strip,
	.front-page .home-tri-columns-body {
		padding: 14px !important;
	}

	.front-page .home-national-thumb,
	.front-page .home-video-card-thumb,
	.front-page .home-cat-featured-thumb,
	.front-page .most-viewed-card-thumb {
		aspect-ratio: 16 / 10 !important;
		overflow: hidden;
	}

	.front-page .home-national-thumb img,
	.front-page .home-video-card-img,
	.front-page .home-cat-featured-img,
	.front-page .most-viewed-card-img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center;
	}

	.front-page .home-cat-list-item {
		gap: 12px !important;
		padding-block: 10px !important;
	}

	.front-page .home-cat-list-thumb {
		width: 88px !important;
		min-width: 88px !important;
		height: 66px !important;
		border-radius: 8px !important;
	}

	.front-page .home-mosaic-tile-link {
		position: relative !important;
		display: block !important;
		min-height: clamp(130px, 38vw, 175px) !important;
		height: auto !important;
		aspect-ratio: 16 / 10 !important;
		overflow: hidden !important;
	}

	.front-page .home-mosaic-tile--featured .home-mosaic-tile-link {
		min-height: clamp(190px, 54vw, 280px) !important;
	}

	.front-page .home-mosaic-tile--side .home-mosaic-tile-link {
		min-height: clamp(110px, 30vw, 155px) !important;
	}

	.front-page .home-mosaic-tile-img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}

	.front-page .home-video-card-link {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.front-page .home-video-card-thumb {
		flex-shrink: 0;
	}

	.front-page .home-national-card {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.front-page .home-tri-columns-grid--count-3 {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}

	.front-page .home-tri-columns--topics .home-tri-col {
		border-radius: 12px;
		overflow: hidden;
		box-shadow: var(--news-shadow);
		background: var(--news-surface, #fff);
		padding-bottom: 4px;
	}

	.front-page .home-tri-col-empty {
		padding: 12px 14px 16px;
		margin: 0;
		font-size: 0.875rem;
		line-height: 1.5;
	}

	.front-page .home-tri-col-empty a {
		color: var(--brand-red, #e60000);
		font-weight: 700;
		text-decoration: none;
	}

	.front-page .home-tri-featured-thumb {
		aspect-ratio: 16 / 10;
		overflow: hidden;
		display: block;
	}

	.front-page .home-tri-featured-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.front-page .home-tri-list-thumb {
		width: 88px !important;
		min-width: 88px !important;
		height: 66px !important;
		border-radius: 8px;
		overflow: hidden;
	}

	.front-page .home-tri-list-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (max-width: 480px) {
	body.home {
		--ref-page-gutter: max(14px, env(safe-area-inset-left, 0px));
	}

	body.home .site-main.front-page {
		padding-inline: max(14px, env(safe-area-inset-left, 0px)) max(14px, env(safe-area-inset-right, 0px)) !important;
		gap: 14px !important;
	}

	.front-page .home-hero-zone .hero-slide-media {
		min-height: clamp(180px, 52vw, 260px) !important;
	}

	.front-page .home-hero-zone .home-sidebar-left .home-highlight-thumb {
		aspect-ratio: 4 / 3;
	}

	.front-page .home-hero-zone .hero-dot {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px;
	}

	.front-page .home-cat-list-thumb {
		width: 80px !important;
		min-width: 80px !important;
		height: 60px !important;
	}
}

@media (max-width: 360px) {
	.site-header.site-header--magazine .site-branding {
		max-width: min(200px, 50vw) !important;
	}

	.site-header.site-header--magazine .header-icon-btn,
	.site-header.site-header--magazine .menu-toggle {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
	}
}