

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

	html {
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	body {
		overflow-x: clip;
	}

	.container,
	.site-main.container,
	body:not(.home) .site-main.container,
	body:not(.home) .site-main--archive.container {
		padding-inline: max(14px, env(safe-area-inset-left, 0px)) !important;
		padding-inline-end: max(14px, env(safe-area-inset-right, 0px)) !important;
		box-sizing: border-box;
	}

	body.home .site-main.front-page {
		gap: 14px !important;
		padding-block: 8px 16px !important;
	}

	
	.site-header.site-header--magazine .header-top-inner {
		min-height: 58px;
		gap: 10px;
	}

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

	.site-header.site-header--magazine .breaking-inner {
		padding-block: 8px;
		gap: 8px;
	}

	.site-header.site-header--magazine .breaking-label {
		font-size: 11px;
		padding: 4px 10px;
	}

	.site-header.site-header--magazine .breaking-text {
		font-size: 12px;
		line-height: 1.4;
	}

	.site-header.site-header--magazine .header-search__field {
		font-size: 16px;
		min-height: 44px;
	}

	.site-header.site-header--magazine .header-search__submit {
		min-width: 44px;
		min-height: 44px;
	}

	.site-header.site-header--magazine .primary-menu a {
		min-height: 48px !important;
	}

	
	.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 {
		padding: 12px 14px !important;
		min-height: 48px;
		gap: 8px;
	}

	.front-page .home-premium-title,
	.front-page .home-mosaic-accent-title,
	.front-page .most-viewed-title {
		font-size: clamp(0.9375rem, 4vw, 1.0625rem) !important;
		line-height: 1.35 !important;
	}

	.front-page .home-premium-more-btn,
	.front-page .home-sports-more-btn,
	.front-page .section-more {
		min-height: 40px;
		padding: 8px 12px !important;
		font-size: 12px !important;
		white-space: nowrap;
	}

	
	.front-page .home-hero-zone .home-hero-zone-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	.front-page .home-hero-zone .home-center {
		order: -1;
		width: 100%;
	}

	.front-page .home-hero-zone .home-sidebar-left,
	.front-page .home-hero-zone .home-sidebar-right {
		width: 100%;
		height: auto !important;
	}

	.front-page .home-hero-zone .hero-slide-media {
		max-height: none !important;
		aspect-ratio: 16 / 9;
		min-height: clamp(180px, 52vw, 260px) !important;
	}

	.front-page .home-hero-zone .hero-slide-title {
		font-size: clamp(0.9375rem, 4.2vw, 1.125rem) !important;
		line-height: 1.35 !important;
	}

	
	.front-page .home-tri-columns-grid,
	.front-page .home-tri-columns-grid--count-2,
	.front-page .home-tri-columns-grid--count-3,
	.front-page .home-category-section__grid,
	.front-page .home-mosaic-grid,
	.front-page .most-viewed-layout,
	.front-page .believe-grid {
		grid-template-columns: 1fr !important;
	}

	.front-page .home-mosaic-side {
		grid-template-columns: 1fr !important;
	}

	.front-page .home-sports-mosaic-grid {
		grid-template-columns: 1fr !important;
	}

	.front-page .home-national-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.front-page .home-video-grid--strip {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	.front-page .most-viewed-grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	
	.front-page .home-mosaic-tile-title,
	.front-page .home-national-title,
	.front-page .home-national-title a,
	.front-page .home-cat-featured-title,
	.front-page .home-cat-featured-title a,
	.front-page .home-cat-list-title,
	.front-page .home-cat-list-title a,
	.front-page .most-viewed-card-title,
	.front-page .most-viewed-card-title a,
	.front-page .home-video-card-title,
	.front-page .home-video-card-title a,
	.front-page .home-feed-link,
	.front-page .home-highlight-title,
	.front-page .home-highlight-title a,
	.front-page .sports-card-title,
	.front-page .sports-card-title a,
	.front-page .home-see-also-card-title {
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		max-height: none !important;
		white-space: normal !important;
		word-break: break-word;
	}

	.front-page .home-cat-featured-excerpt {
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	
	.front-page img,
	.front-page .home-mosaic-tile-img,
	.front-page .home-national-thumb img,
	.front-page .home-video-card-img,
	.front-page .most-viewed-card-img,
	.front-page .home-cat-featured-img,
	.front-page .home-cat-list-thumb img,
	.front-page .home-tri-list-thumb img {
		max-width: 100%;
		object-fit: cover;
	}

	.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;
		overflow: hidden;
	}

	.front-page .home-cat-list-thumb {
		width: 72px !important;
		min-width: 72px !important;
		height: 54px !important;
		flex-shrink: 0;
		overflow: hidden;
		border-radius: 6px;
	}

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

	
	.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 {
		padding: 12px !important;
	}

	
	body:not(.home) .site-main.container,
	body:not(.home) .site-main--archive.container {
		padding-inline: max(14px, env(safe-area-inset-left, 0px)) !important;
		padding-inline-end: max(14px, env(safe-area-inset-right, 0px)) !important;
	}

	.post-card-title,
	.post-card-title a {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	
	.site-footer.site-footer--harmonized .footer-top-band__inner {
		grid-template-columns: 1fr !important;
		gap: 20px;
		padding-block: 24px;
	}

	.site-footer.site-footer--harmonized .footer-top-divider {
		display: none;
	}

	.site-footer.site-footer--harmonized .footer-newsletter-btn {
		min-height: 44px;
	}

	.site-footer.site-footer--harmonized .footer-social .social-icons a {
		width: 44px;
		height: 44px;
	}

	.site-footer.site-footer--harmonized .footer-back-top {
		width: 44px;
		height: 44px;
	}

	
	@media (hover: none) {
		.front-page .home-premium-block:hover,
		.front-page .home-mosaic-block:hover,
		.front-page .home-national-block:hover,
		.front-page .most-viewed-section:hover,
		.post-card:hover {
			transform: none !important;
			box-shadow: var(--news-shadow) !important;
		}
	}
}

@media (max-width: 480px) {
	:root {
		--ltv-container-pad: max(12px, env(safe-area-inset-left, 0px));
	}

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

	body.home .site-main.front-page > * {
		padding-inline: 0 !important;
	}

	.front-page .home-national-grid,
	.front-page .home-video-grid--strip,
	.front-page .home-see-also-posts,
	.front-page .home-see-also-posts--six,
	.front-page .related-posts__grid--mosaic {
		grid-template-columns: 1fr !important;
	}

	.front-page .home-hero-zone .hero-slide-media {
		max-height: none !important;
		min-height: clamp(170px, 50vw, 240px) !important;
	}

	.front-page .home-mosaic-tile--featured .home-mosaic-tile-link {
		min-height: clamp(180px, 52vw, 260px) !important;
		aspect-ratio: 16 / 10;
	}

	.front-page .home-mosaic-tile--side .home-mosaic-tile-link {
		min-height: clamp(120px, 32vw, 165px) !important;
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 360px) {
	.front-page .home-premium-header,
	.front-page .home-mosaic-accent-header {
		flex-wrap: wrap;
	}

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

	.front-page .home-mosaic-tile-title,
	.front-page .home-national-title {
		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
	}
}
