/**
 * UrduPaper professional homepage news sections.
 * Layouts are deliberately varied, while headings, colors, typography and
 * spacing continue to inherit the existing theme design system.
 */
.up-modern-section,
.up-modern-section * {
	box-sizing: border-box;
}

.up-modern-section {
	--up-border: #e2e4e7;
	--up-soft: #f5f6f7;
	--up-muted: #7a7d82;
	--up-danger: #d83a3a;
	--up-success: #26894b;
	position: relative;
	clear: both;
	width: 100%;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.up-modern-section.row {
	margin-right: 0;
	margin-left: 0;
}

.up-modern-section .up-modern-block-head {
	margin-bottom: 12px;
}

.up-modern-section .up-modern-block-head h2 {
	margin: 0;
}

.up-modern-section a {
	color: inherit;
	text-decoration: none;
}

.up-modern-section img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.up-modern-section article,
.up-modern-section div {
	min-width: 0;
}

.up-modern-section h3,
.up-modern-section h4,
.up-modern-section p {
	word-break: normal;
	overflow-wrap: anywhere;
}

.up-modern-section article img {
	transition: transform .35s ease;
}

.up-modern-section article:hover img {
	transform: scale(1.025);
}

.up-card-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 28%, rgba(0, 0, 0, .86));
}

.up-modern-badge,
.up-location-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: max-content;
	max-width: 100%;
	padding: 4px 9px;
	background: var(--accent-color);
	color: var(--primary-color) !important;
	border-radius: var(--border-radius);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.up-modern-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 12px;
	margin-top: 7px;
	color: var(--up-muted);
	font-size: 12px;
	line-height: 1.5;
}

.up-modern-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.up-modern-meta i {
	color: var(--accent-color);
}

.up-modern-empty {
	padding: 24px;
	margin: 0;
	text-align: center;
	background: var(--up-soft);
	border: 1px solid var(--up-border);
}

.up-modern-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 7px 17px;
	background: var(--accent-color);
	border: 2px solid var(--accent-color);
	border-radius: var(--border-radius);
	color: var(--primary-color) !important;
	font-weight: 700;
	transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.up-modern-button:hover {
	background: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff !important;
}

.up-modern-button--ghost {
	background: transparent;
	border-color: #b9bcc0;
}

/* 1. Important News: image + editorial copy + live rail. */
.up-newsroom-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.38fr) minmax(260px, .8fr) minmax(240px, .72fr);
	min-height: 430px;
	overflow: hidden;
	border: 1px solid var(--up-border);
	border-radius: var(--border-radius);
	background: #fff;
	direction: ltr;
}

.up-newsroom-hero > * {
	direction: rtl;
}

.up-newsroom-hero--single {
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
}

.up-newsroom-hero__media {
	position: relative;
	display: block;
	min-height: 430px;
	overflow: hidden;
	background: #e9eaec;
}

.up-newsroom-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 28px;
	background: var(--primary-color);
	color: #fff;
}

.up-newsroom-hero__copy h3 {
	margin: 12px 0 8px;
	font-size: 29px;
	line-height: 1.55;
}

.up-newsroom-hero__copy h3 a {
	color: #fff;
}

.up-newsroom-hero__copy p {
	margin: 0;
	color: rgba(255, 255, 255, .74);
	font-size: 14px;
	line-height: 1.9;
}

.up-newsroom-hero__copy .up-modern-meta {
	margin-top: 14px;
	color: rgba(255, 255, 255, .65);
}

.up-newsroom-rail {
	display: flex;
	flex-direction: column;
	background: #fff;
}

.up-newsroom-rail__item {
	display: grid;
	grid-template-columns: 28px 76px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	flex: 1 1 0;
	padding: 10px;
	border-bottom: 1px solid var(--up-border);
}

.up-newsroom-rail__item:last-child {
	border-bottom: 0;
}

.up-newsroom-rail__index {
	color: #c5c7ca;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.up-newsroom-rail__thumb {
	display: block;
	height: 58px;
	overflow: hidden;
	border-radius: var(--img-border-radius);
}

.up-newsroom-rail h4 {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

.up-newsroom-rail .up-modern-meta {
	gap: 6px;
	margin-top: 4px;
	font-size: 10px;
}

.up-newsroom-rail .up-modern-meta span:not(:first-child) {
	display: none;
}

/* 2. Trending Topics: compact topic row and newsroom fast updates. */
.up-trend-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 10px;
}

.up-trend-topics a {
	padding: 5px 12px;
	background: #f0f1f3;
	border: 1px solid transparent;
	border-radius: 20px;
	color: #555a60;
	font-size: 13px;
	transition: border-color .2s ease, background .2s ease;
}

.up-trend-topics a:hover {
	background: #fff;
	border-color: var(--accent-color);
	color: var(--primary-color);
}

.up-fast-updates {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	border-top: 1px solid var(--up-border);
	border-bottom: 1px solid var(--up-border);
	background: #fff;
}

.up-fast-update {
	padding: 11px 13px;
	border-left: 1px solid var(--up-border);
}

.up-fast-update:last-child {
	border-left: 0;
}

.up-fast-update time {
	display: block;
	margin-bottom: 7px;
	color: var(--accent-color);
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	direction: ltr;
	text-align: right;
}

.up-fast-update__body {
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
}

.up-fast-update__thumb {
	display: block;
	height: 50px;
	overflow: hidden;
	border-radius: var(--img-border-radius);
}

.up-fast-update h3 {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
}

/* 3. Category Tabs: visual lead, news stream, numbered index. */
.up-tabs-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0 0 12px;
	padding: 0;
	border-bottom: 2px solid var(--primary-color);
}

.up-tabs-nav button {
	min-width: 95px;
	padding: 9px 17px;
	border: 0;
	border-bottom: 3px solid transparent;
	background: transparent;
	color: #575b60;
	cursor: pointer;
	font: inherit;
	transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.up-tabs-nav button:hover,
.up-tabs-nav button.is-active {
	background: #f1f2f3;
	border-bottom-color: var(--accent-color);
	color: var(--primary-color);
}

.up-tab-panel[hidden] {
	display: none !important;
}

.up-tab-panel.is-active {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(260px, .8fr) minmax(230px, .64fr);
	gap: 14px;
	direction: ltr;
}

.up-tab-panel.is-active > * {
	direction: rtl;
}

.up-category-lead {
	position: relative;
	min-height: 350px;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: var(--primary-color);
}

.up-category-lead__media {
	position: absolute;
	inset: 0;
	display: block;
}

.up-category-lead__copy {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 22px;
	color: #fff;
}

.up-category-lead h3 {
	margin: 0 0 7px;
	font-size: 23px;
	line-height: 1.55;
}

.up-category-lead h3 a {
	color: #fff;
}

.up-category-lead p {
	margin: 0;
	color: rgba(255, 255, 255, .76);
	line-height: 1.75;
}

.up-category-lead .up-modern-meta {
	color: rgba(255, 255, 255, .66);
}

.up-category-stream {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--up-border);
}

.up-category-stream article {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	flex: 1 1 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--up-border);
}

.up-category-stream__thumb {
	display: block;
	height: 68px;
	overflow: hidden;
	border-radius: var(--img-border-radius);
}

.up-category-stream h4 {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

.up-category-stream .up-modern-meta {
	font-size: 10px;
}

.up-category-index {
	display: flex;
	flex-direction: column;
	padding: 0 12px;
	border-right: 1px solid var(--up-border);
	background: #fafafa;
}

.up-category-index article {
	display: grid;
	grid-template-columns: 37px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--up-border);
}

.up-category-index article span {
	color: #c6c8cb;
	font-family: Arial, sans-serif;
	font-size: 21px;
	font-weight: 700;
}

.up-category-index h4 {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
}

.up-category-index__more {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: auto;
	padding: 13px 0;
	color: var(--up-muted) !important;
	font-size: 13px;
}

/* 5. Most Read: visual first rank and a disciplined leaderboard. */
.up-most-read-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
	gap: 18px;
}

.up-most-read-layout--single {
	grid-template-columns: 1fr;
}

.up-most-read-feature {
	position: relative;
	min-height: 360px;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: var(--primary-color);
}

.up-most-read-feature__media {
	position: absolute;
	inset: 0;
	display: block;
}

.up-most-read-rank {
	position: absolute;
	z-index: 3;
	top: 16px;
	right: 16px;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	background: var(--accent-color);
	border-radius: 50%;
	color: var(--primary-color);
	font-family: Arial, sans-serif;
	font-size: 22px;
	font-weight: 800;
}

.up-most-read-feature__copy {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 24px;
	color: #fff;
}

.up-most-read-feature__copy h3 {
	margin: 0 0 8px;
	font-size: 25px;
	line-height: 1.55;
}

.up-most-read-feature__copy h3 a {
	color: #fff;
}

.up-most-read-feature__copy .up-ranked-views {
	color: rgba(255, 255, 255, .72);
}

.up-most-read-list {
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--up-border);
}

.up-most-read-list article {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) 86px;
	gap: 11px;
	align-items: center;
	flex: 1 1 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--up-border);
}

.up-most-read-list__rank {
	color: #c6c8cb;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: 800;
}

.up-most-read-list h4 {
	margin: 0;
	font-size: 16px;
	line-height: 1.55;
}

.up-most-read-list__thumb {
	display: block;
	height: 60px;
	overflow: hidden;
	border-radius: var(--img-border-radius);
}

.up-ranked-views {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 5px;
	color: var(--up-muted);
	font-size: 11px;
}

.up-ranked-views i {
	color: var(--accent-color);
}

/* 7. City News: selected categories become self-contained mini newsrooms. */
.up-city-newsrooms {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.up-city-newsroom {
	overflow: hidden;
	border: 1px solid var(--up-border);
	border-radius: var(--border-radius);
	background: #fff;
}

.up-city-newsroom__media {
	position: relative;
	display: block;
	height: 150px;
	overflow: hidden;
}

.up-city-newsroom__media .up-location-badge {
	position: absolute;
	top: 9px;
	right: 9px;
}

.up-city-newsroom__body {
	padding: 11px;
}

.up-city-newsroom h3 {
	margin: 0;
	font-size: 17px;
	line-height: 1.55;
}

.up-city-newsroom ul {
	margin: 10px 0 0;
	padding: 9px 0 0;
	list-style: none;
	border-top: 1px solid var(--up-border);
}

.up-city-newsroom li {
	position: relative;
	padding: 6px 13px 6px 0;
	border-bottom: 1px dotted #d4d6d8;
	font-size: 13px;
	line-height: 1.55;
}

.up-city-newsroom li::before {
	content: "";
	position: absolute;
	top: 14px;
	right: 0;
	width: 5px;
	height: 5px;
	background: var(--accent-color);
	border-radius: 50%;
}

.up-city-newsroom__more {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 9px;
	color: var(--up-muted) !important;
	font-size: 12px;
}

/* 9. Photo Story: lead photograph and supporting mosaic. */
.up-photo-mosaic {
	display: grid;
	grid-template-columns: minmax(0, 1.22fr) minmax(360px, .78fr);
	gap: 10px;
}

.up-photo-mosaic--single {
	grid-template-columns: 1fr;
}

.up-photo-lead {
	min-height: 350px;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: var(--primary-color);
}

.up-photo-lead a,
.up-photo-mosaic__grid article a {
	position: relative;
	display: block;
	height: 100%;
}

.up-photo-lead strong {
	position: absolute;
	z-index: 2;
	right: 20px;
	bottom: 18px;
	left: 20px;
	color: #fff;
	font-size: 24px;
	line-height: 1.55;
}

.up-photo-mosaic__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: minmax(0, 1fr);
	gap: 10px;
}

.up-photo-mosaic__grid article {
	min-height: 165px;
	overflow: hidden;
	border-radius: var(--border-radius);
	background: var(--primary-color);
}

.up-photo-mosaic__grid article a::after {
	content: "";
	position: absolute;
	inset: 42% 0 0;
	background: linear-gradient(transparent, rgba(0, 0, 0, .82));
}

.up-photo-mosaic__grid span {
	position: absolute;
	z-index: 2;
	right: 10px;
	bottom: 9px;
	left: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

/* 12. WhatsApp and Newsletter: balanced conversion bar. */
.up-connect-bar {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	overflow: hidden;
	border: 1px solid var(--up-border);
	border-radius: var(--border-radius);
	background: #fafafa;
}

.up-connect-panel {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 18px;
}

.up-connect-panel + .up-connect-panel {
	border-right: 1px solid var(--up-border);
}

.up-connect-panel__icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--primary-color);
	color: #fff;
	font-size: 23px;
}

.up-connect-panel--whatsapp .up-connect-panel__icon {
	background: #25b95a;
}

.up-connect-panel h2 {
	margin: 0;
	font-size: 20px;
	line-height: 1.5;
}

.up-connect-panel p {
	margin: 3px 0 0;
	color: var(--up-muted);
	font-size: 12px;
	line-height: 1.7;
}

.up-connect-panel__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 7px 15px;
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
	background: var(--primary-color);
	color: #fff !important;
	font-weight: 700;
	white-space: nowrap;
}

.up-connect-panel--whatsapp .up-connect-panel__button {
	border-color: #25a955;
	background: #25a955;
}

/* Large tablets / compact desktops. */
@media (max-width: 1199px) {
	.up-newsroom-hero {
		grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
	}

	.up-newsroom-rail {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.up-newsroom-rail__item:nth-last-child(2) {
		border-bottom: 0;
	}

	.up-tab-panel.is-active {
		grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
	}

	.up-category-index {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 18px;
		border-right: 0;
		border-top: 1px solid var(--up-border);
	}

	.up-category-index__more {
		align-self: center;
	}

	.up-city-newsrooms,
	.up-columnist-desk,
	.up-fact-desk {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.up-epaper-desk {
		grid-template-columns: 190px minmax(0, 1fr) 185px;
	}

	.up-epaper-archive-list {
		grid-column: 1 / -1;
		display: flex;
		align-items: flex-end;
		gap: 9px;
	}

	.up-epaper-archive-list > span {
		align-self: center;
	}

	.up-epaper-archive-list a {
		width: 70px;
	}
}

/* Tablets. */
@media (max-width: 991px) {
	.up-newsroom-hero {
		grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr);
	}

	.up-newsroom-hero__media,
	.up-newsroom-hero__copy {
		min-height: 360px;
	}

	.up-video-newsroom,
	.up-most-read-layout,
	.up-report-desk,
	.up-photo-mosaic {
		grid-template-columns: 1fr;
	}

	.up-video-tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.up-video-tile:first-child:nth-last-child(n+3) {
		grid-column: auto;
	}

	.up-report-side {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: none;
	}

	.up-photo-mosaic__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.up-photo-mosaic__grid article {
		min-height: 150px;
	}

	.up-epaper-desk {
		grid-template-columns: 170px minmax(0, 1fr);
	}

	.up-epaper-desk__actions,
	.up-epaper-archive-list {
		grid-column: 1 / -1;
	}

	.up-epaper-desk__actions {
		display: flex;
		flex-wrap: wrap;
	}

	.up-connect-bar {
		grid-template-columns: 1fr;
	}

	.up-connect-panel + .up-connect-panel {
		border-top: 1px solid var(--up-border);
		border-right: 0;
	}
}

/* Mobile landscape and small tablets. */
@media (max-width: 767px) {
	.up-modern-section {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.up-newsroom-hero {
		grid-template-columns: 1fr;
	}

	.up-newsroom-hero__media {
		min-height: 300px;
	}

	.up-newsroom-hero__copy {
		min-height: 0;
		padding: 20px;
	}

	.up-newsroom-hero__copy h3 {
		font-size: 23px;
	}

	.up-fast-updates {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.up-fast-update {
		flex: 0 0 250px;
		scroll-snap-align: start;
	}

	.up-tab-panel.is-active {
		grid-template-columns: 1fr;
	}

	.up-category-lead {
		min-height: 310px;
	}

	.up-category-stream {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		border-top: 0;
	}

	.up-category-stream article {
		grid-template-columns: 90px minmax(0, 1fr);
		border: 1px solid var(--up-border);
		padding: 8px;
	}

	.up-category-index {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.up-video-feature,
	.up-most-read-feature,
	.up-report-lead,
	.up-photo-lead {
		min-height: 320px;
	}

	.up-video-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.up-most-read-list article {
		grid-template-columns: 40px minmax(0, 1fr) 78px;
	}

	.up-report-side,
	.up-report-briefs {
		grid-template-columns: 1fr;
	}

	.up-city-newsrooms,
	.up-columnist-desk,
	.up-fact-desk {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.up-photo-mosaic__grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.up-photo-mosaic__grid article {
		flex: 0 0 48%;
		scroll-snap-align: start;
	}

	.up-connect-panel {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.up-connect-panel__button {
		grid-column: 1 / -1;
		width: max-content;
	}
}

/* Phones. */
@media (max-width: 575px) {
	.up-newsroom-rail {
		grid-template-columns: 1fr;
	}

	.up-newsroom-rail__item:nth-last-child(2) {
		border-bottom: 1px solid var(--up-border);
	}

	.up-tabs-nav {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.up-tabs-nav button {
		min-width: max-content;
	}

	.up-category-stream,
	.up-category-index,
	.up-video-tiles,
	.up-city-newsrooms,
	.up-columnist-desk,
	.up-fact-desk {
		grid-template-columns: 1fr;
	}

	.up-category-index {
		display: block;
	}

	.up-video-feature,
	.up-most-read-feature,
	.up-report-lead,
	.up-photo-lead {
		min-height: 285px;
	}

	.up-video-feature h3,
	.up-most-read-feature__copy h3,
	.up-report-lead h3,
	.up-photo-lead strong {
		font-size: 21px;
	}

	.up-most-read-list article {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.up-most-read-list__thumb {
		display: none;
	}

	.up-report-side article {
		grid-template-columns: 105px minmax(0, 1fr);
	}

	.up-report-side__media {
		min-height: 100px;
	}

	.up-columnist-profile {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.up-columnist-profile__avatar {
		width: 72px;
		height: 72px;
	}

	.up-photo-mosaic__grid article {
		flex-basis: 78%;
	}

	.up-epaper-desk {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.up-epaper-desk__cover {
		width: 190px;
		height: 245px;
		margin: 0 auto;
	}

	.up-epaper-desk__actions,
	.up-epaper-archive-list {
		justify-content: center;
	}

	.up-epaper-desk__actions .up-modern-button {
		width: 100%;
	}

	.up-connect-panel {
		grid-template-columns: 45px minmax(0, 1fr);
		padding: 14px;
	}

	.up-connect-panel__icon {
		width: 44px;
		height: 44px;
		font-size: 19px;
	}

	.up-connect-panel h2 {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.up-modern-section *,
	.up-modern-section *::before,
	.up-modern-section *::after {
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* Most-read fallback when thumbnails are intentionally disabled. */
.up-most-read-feature--no-image {
	background: #f3f4f5;
	border: 1px solid var(--up-border);
}
.up-most-read-feature--no-image .up-most-read-feature__copy {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 360px;
	padding: 75px 28px 28px;
	color: var(--primary-color);
}
.up-most-read-feature--no-image .up-most-read-feature__copy h3 a {
	color: var(--primary-color);
}
.up-most-read-feature--no-image .up-ranked-views {
	color: var(--up-muted);
}