/**
 * MR News Pro — Demo 02 foundation.
 *
 * The reference-driven visual implementation will be built here while Demo 01
 * remains isolated in demo-01.css.
 */
body.mrnp-demo-02 {
	--mrnp-demo-02-ready: 1;
	/* Demo 02 is a white page surface. Keep the global background token from
	   becoming visible at the viewport edge if a moving/header child paints wide. */
	overflow-x: clip;
	max-width: 100%;
}

/* Demo 02 must never create a document-level horizontal scroll area.
   Tickers and navigation own their overflow locally. */
.mrnp-demo-02 .mrnp-site-header,
.mrnp-demo-02 .mrnp-home,
.mrnp-demo-02 .mrnp-demo02-masthead,
.mrnp-demo-02 .mrnp-demo02-navbar,
.mrnp-demo-02 .mrnp-breaking,
.mrnp-demo-02 .mrnp-ad--header_after_breaking {
	max-width: 100%;
	overflow-x: clip;
}

.mrnp-demo-02 .mrnp-home {
	background: var(--mrnp-color-surface);
}

/* --------------------------------------------------------------------------
   Demo 02 — reference masthead
   -------------------------------------------------------------------------- */
.mrnp-demo-02 .mrnp-site-header {
	--mrnp-demo02-red: var(--mrnp-color-primary);
	--mrnp-demo02-ink: #111827;
	--mrnp-demo02-muted: #606b7a;
	--mrnp-demo02-line: #dde3ea;
	--mrnp-demo02-soft: #fff7f7;
	background: #fff;
}
.mrnp-demo-02 .mrnp-demo02-masthead { background:#fff; border-bottom:1px solid var(--mrnp-demo02-line); }
.mrnp-demo-02 .mrnp-demo02-masthead__inner {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(220px,.8fr) minmax(0,1fr);
	align-items:center;
	gap:28px;
	min-height:92px;
	padding-top:10px;
	padding-bottom:10px;
}
.mrnp-demo-02 .mrnp-demo02-masthead__left,
.mrnp-demo-02 .mrnp-demo02-masthead__right { min-width:0; }
.mrnp-demo-02 .mrnp-demo02-tools,
.mrnp-demo-02 .mrnp-demo02-actions,
.mrnp-demo-02 .mrnp-demo02-social { display:flex; align-items:center; gap:10px; }
.mrnp-demo-02 .mrnp-demo02-masthead__right { display:flex; align-items:center; justify-content:flex-end; min-height:44px; }
.mrnp-demo-02 .mrnp-demo02-header-actions {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
	min-height:34px;
	white-space:nowrap;
}
.mrnp-demo-02 .mrnp-demo02-tool {
	display:inline-grid;
	place-items:center;
	width:32px;
	height:32px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}
.mrnp-demo-02 .mrnp-demo02-hamburger { display:grid; gap:4px; width:19px; }
.mrnp-demo-02 .mrnp-demo02-hamburger span { display:block; height:2px; background:currentColor; border-radius:999px; }
.mrnp-demo-02 .mrnp-demo02-donation,
.mrnp-demo-02 .mrnp-demo02-action {
	display:inline-flex;
	align-items:center;
	gap:6px;
	min-height:34px;
	padding:6px 12px;
	border:1px solid color-mix(in srgb, var(--mrnp-color-primary) 24%, var(--mrnp-demo02-line));
	background:color-mix(in srgb, var(--mrnp-color-primary) 5%, #fff);
	color:var(--mrnp-color-primary);
	font-size:13px;
	line-height:1;
	text-decoration:none;
	box-shadow:0 2px 8px color-mix(in srgb, var(--mrnp-color-primary) 8%, transparent);
	transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.mrnp-demo-02 .mrnp-demo02-donation span,
.mrnp-demo-02 .mrnp-demo02-action--epaper span { color:currentColor; }
.mrnp-demo-02 .mrnp-demo02-donation:hover,
.mrnp-demo-02 .mrnp-demo02-action--epaper:hover { background:var(--mrnp-color-primary); border-color:var(--mrnp-color-primary); color:var(--mrnp-color-on-accent); transform:translateY(-1px); }
.mrnp-demo-02 .mrnp-demo02-meta {
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:7px;
	
	line-height:1.4;
	white-space:nowrap;
}
.mrnp-demo-02 .mrnp-demo02-meta i { color:#b6bdc7; font-style:normal; }
.mrnp-demo-02 .mrnp-demo02-location { display:inline-flex; align-items:center; gap:5px;  font-weight:700; }
.mrnp-demo-02 .mrnp-demo02-location span { color:var(--mrnp-demo02-red); font-size:8px; }
.mrnp-demo-02 .mrnp-demo02-masthead__brand { display:flex; justify-content:center; min-width:0; }
.mrnp-demo-02 .mrnp-demo02-logo-link { display:inline-flex; align-items:center; justify-content:center; }
.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo { display:block; width:auto; max-width:190px; max-height:68px; object-fit:contain; }
.mrnp-demo-02 .mrnp-demo02-masthead__brand .mrnp-site-title { color:var(--mrnp-demo02-ink); font-size:28px; font-weight:800; text-decoration:none; }
.mrnp-demo-02 .mrnp-demo02-social {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	align-self:center;
	gap:7px;
	height:32px;
	margin:0;
	padding:0;
	line-height:0;
	--mrnp-demo02-social-accent:var(--mrnp-color-primary);
}
.mrnp-demo-02 .mrnp-demo02-social__link {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	width:32px;
	height:32px;
	padding:0;
	border:1px solid color-mix(in srgb, var(--mrnp-demo02-social-accent) 18%, #d8dee7);
	border-radius:9px;
	background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--mrnp-demo02-social-accent) 3%,#fff) 100%);
	color:var(--mrnp-demo02-social-accent);
	text-decoration:none;
	box-shadow:0 3px 10px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.9);
	overflow:visible;
	transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.mrnp-demo-02 .mrnp-demo02-social__link span {
	display:grid;
	place-items:center;
	width:18px;
	height:18px;
	margin:0;
	padding:0;
	line-height:0;
	overflow:visible;
	color:inherit;
}
.mrnp-demo-02 .mrnp-demo02-social__link svg {
	display:block;
	width:16px;
	height:16px;
	margin:0;
	padding:0;
	fill:currentColor;
	color:inherit;
	overflow:visible;
	transform:none;
}
/* The SVG canvases are tightly cropped in the header markup, so every visible
   glyph shares the same true 16x16 optical box without per-network nudges. */
.mrnp-demo-02 .mrnp-demo02-social__link:hover,
.mrnp-demo-02 .mrnp-demo02-social__link:focus-visible {
	background:var(--mrnp-demo02-social-accent);
	border-color:var(--mrnp-demo02-social-accent);
	color:#fff;
	box-shadow:0 7px 16px color-mix(in srgb,var(--mrnp-demo02-social-accent) 24%,transparent);
}
.mrnp-demo-02 .mrnp-demo02-social__link:focus-visible {
	outline:2px solid color-mix(in srgb,var(--mrnp-demo02-social-accent) 34%,transparent);
	outline-offset:2px;
}
.mrnp-demo-02 .mrnp-demo02-search-panel { border-top:1px solid #f0f2f5; background:#fff; }
.mrnp-demo-02 .mrnp-demo02-search-panel__inner { padding-top:14px; padding-bottom:14px; }

.mrnp-demo-02 .mrnp-demo02-navbar {
	position:relative;
	z-index:18;
	border-bottom:1px solid var(--mrnp-demo02-line);
	background:#fff;
	box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.mrnp-demo-02 .mrnp-demo02-navbar.is-sticky { position:sticky; top:0; }
.admin-bar.mrnp-demo-02 .mrnp-demo02-navbar.is-sticky { top:32px; }
.mrnp-demo-02 .mrnp-demo02-navbar__inner { display:flex; align-items:center; min-height:44px; gap:8px; }
.mrnp-demo-02 .mrnp-demo02-home-link {
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	gap:6px;
	min-height:44px;
	color:var(--mrnp-demo02-red);
	font-size:15px;
	font-weight:800;
	text-decoration:none;
	white-space:nowrap;
}
.mrnp-demo-02 .mrnp-demo02-home-link span { font-size:13px; transform:rotate(45deg); }
.mrnp-demo-02 .mrnp-demo02-primary-nav { min-width:0; flex:1; }
.mrnp-demo-02 .mrnp-demo02-primary-menu { display:flex; align-items:center; justify-content:center; min-height:44px; gap:0; margin:0; padding:0; list-style:none; }
.mrnp-demo-02 .mrnp-demo02-primary-menu > li { position:relative; }
.mrnp-demo-02 .mrnp-demo02-primary-menu > li > a {
	display:flex;
	align-items:center;
	min-height:44px;
	padding:0 12px;
	color:#242b35;
	font-size:15px;
	font-weight:700;
	line-height:1.15;
	text-decoration:none;
	white-space:nowrap;
}
.mrnp-demo-02 .mrnp-demo02-primary-menu > li.menu-item-has-children > a::after { content:"⌄"; margin-left:6px; color:#6b7280; font-size:12px; }
.mrnp-demo-02 .mrnp-demo02-primary-menu > li > a:hover,
.mrnp-demo-02 .mrnp-demo02-primary-menu > li.current-menu-item > a,
.mrnp-demo-02 .mrnp-demo02-primary-menu > li.current-menu-ancestor > a { color:var(--mrnp-demo02-red); }
.mrnp-demo-02 .mrnp-demo02-primary-menu .sub-menu {
	position:absolute;
	left:0;
	top:100%;
	z-index:30;
	display:block;
	min-width:190px;
	margin:0;
	padding:8px;
	border:1px solid var(--mrnp-demo02-line);
	background:#fff;
	box-shadow:0 12px 30px rgba(15,23,42,.12);
	list-style:none;
	opacity:0;
	visibility:hidden;
	transform:translateY(6px);
	transition:.18s ease;
}
.mrnp-demo-02 .mrnp-demo02-primary-menu li:hover > .sub-menu,
.mrnp-demo-02 .mrnp-demo02-primary-menu li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.mrnp-demo-02 .mrnp-demo02-primary-menu .sub-menu a { display:block; padding:8px 10px; color:#252b34; font-size:14px; text-decoration:none; white-space:nowrap; }
.mrnp-demo-02 .mrnp-demo02-primary-menu .sub-menu a:hover { color:var(--mrnp-demo02-red); background:#fff5f5; }

/* Demo 02 latest/breaking strip mirrors the attached reference. */
.mrnp-demo-02 .mrnp-breaking { padding:8px 0 0; border:0; background:#fff; }
.mrnp-demo-02 .mrnp-breaking__inner {
	min-height:38px;
	gap:0;
	padding:0;
	border:1px solid #cfd8e3;
	border-radius:5px;
	background:#fff;
	overflow:hidden;
}
.mrnp-demo-02 .mrnp-breaking__label {
	align-self:stretch;
	display:flex;
	align-items:center;
	padding:0 16px;
	border-radius:0;
	background:var(--mrnp-demo02-red);
	color:#fff;
	font-size:14px;
	font-weight:800;
	letter-spacing:0;
	text-transform:none;
}
.mrnp-demo-02 .mrnp-breaking__stories { padding:0 14px; }
.mrnp-demo-02 .mrnp-breaking__group { gap:28px; padding-right:28px; }
.mrnp-demo-02 .mrnp-breaking__stories a { position:relative; color:#202733; font-size:13px; font-weight:700; }
.mrnp-demo-02 .mrnp-breaking__stories a::before { content:"➜"; margin-right:8px; color:#3568bd; font-size:10px; }

@media (max-width: 980px) {
	.mrnp-demo-02 .mrnp-demo02-masthead__inner { grid-template-columns:1fr auto; min-height:84px; gap:16px; }
	.mrnp-demo-02 .mrnp-demo02-masthead__brand { grid-column:1 / -1; grid-row:1; }
	.mrnp-demo-02 .mrnp-demo02-masthead__left { grid-column:1; grid-row:2; }
	.mrnp-demo-02 .mrnp-demo02-masthead__right { grid-column:2; grid-row:2; flex-direction:row; align-items:center; }
	.mrnp-demo-02 .mrnp-demo02-social { display:none; }
	.mrnp-demo-02 .mrnp-demo02-meta { overflow-x:auto; scrollbar-width:none; }
	.mrnp-demo-02 .mrnp-demo02-primary-menu > li > a { padding-inline:10px; font-size:14px; }
}
@media (max-width: 782px) {
	.admin-bar.mrnp-demo-02 .mrnp-demo02-navbar.is-sticky { top:46px; }
	.mrnp-demo-02 .mrnp-demo02-masthead__inner { display:grid; grid-template-columns:1fr auto; padding-top:10px; padding-bottom:10px; }
	.mrnp-demo-02 .mrnp-demo02-masthead__brand { justify-content:flex-start; grid-column:1; grid-row:1; }
	.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo { max-width:145px; max-height:52px; }
	.mrnp-demo-02 .mrnp-demo02-masthead__right { grid-column:2; grid-row:1; }
	.mrnp-demo-02 .mrnp-demo02-masthead__left { grid-column:1 / -1; grid-row:2; display:flex; align-items:center; justify-content:space-between; gap:10px; }
	.mrnp-demo-02 .mrnp-demo02-meta { margin-top:0; font-size:11px; }
	.mrnp-demo-02 .mrnp-demo02-meta i,
	.mrnp-demo-02 .mrnp-demo02-meta span:nth-of-type(n+3) { display:none; }
	.mrnp-demo-02 .mrnp-demo02-donation { display:none; }
	.mrnp-demo-02 .mrnp-demo02-action { padding:4px 8px; font-size:12px; }
	.mrnp-demo-02 .mrnp-demo02-navbar__inner { min-height:46px; padding-inline:var(--mrnp-content-gutter); }
	.mrnp-demo-02 .mrnp-demo02-home-link { min-height:46px; }
	.mrnp-demo-02 .mrnp-demo02-primary-nav { position:absolute; top:100%; left:0; right:0; display:none; padding:8px var(--mrnp-content-gutter) 16px; border-bottom:1px solid var(--mrnp-demo02-line); background:#fff; box-shadow:0 14px 30px rgba(15,23,42,.12); }
	.mrnp-demo-02 .mrnp-demo02-navbar.is-open .mrnp-demo02-primary-nav,
	.mrnp-demo-02 .mrnp-demo02-navbar .mrnp-demo02-primary-nav.is-open { display:block; }
	.mrnp-demo-02 .mrnp-demo02-primary-menu { display:block; min-height:0; }
	.mrnp-demo-02 .mrnp-demo02-primary-menu > li > a { min-height:42px; padding:7px 4px; }
	.mrnp-demo-02 .mrnp-demo02-primary-menu .sub-menu { position:static; display:block; min-width:0; padding:0 0 0 14px; border:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
	.mrnp-demo-02 .mrnp-breaking { padding-top:6px; }
	.mrnp-demo-02 .mrnp-breaking__inner { min-height:36px; }
	.mrnp-demo-02 .mrnp-breaking__label { padding-inline:12px; font-size:13px; }
	.mrnp-demo-02 .mrnp-breaking__stories { padding-inline:10px; }
}
@media (max-width: 560px) {
	.mrnp-demo-02 .mrnp-demo02-actions .mrnp-demo02-action--epaper { display:none; }
	.mrnp-demo-02 .mrnp-demo02-meta { max-width:calc(100vw - 110px); }
	.mrnp-demo-02 .mrnp-demo02-meta span:nth-of-type(2) { overflow:hidden; text-overflow:ellipsis; }
	.mrnp-demo-02 .mrnp-breaking__label { padding-inline:10px; font-size:12px; }
	.mrnp-demo-02 .mrnp-breaking__stories a { font-size:12px; }
}

/* --------------------------------------------------------------------------
   Demo 02 — reference-style lead / top-news composition
   -------------------------------------------------------------------------- */
/* Keep the first Demo 02 section inside the white home surface.
   A top margin here collapses through <main> and exposes the body background as a full-width rule. */

.mrnp-demo-02 .mrnp-demo02-lead__layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) 250px;
	gap:16px;
	align-items:start;
}
.mrnp-demo-02 .mrnp-demo02-lead__main { min-width:0; }
.mrnp-demo-02 .mrnp-demo02-lead__feature {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:12px;
	align-items:start;
	padding-bottom:10px;
}
.mrnp-demo-02 .mrnp-demo02-lead__feature-media {
	display:block;
	aspect-ratio:1.68/1;
	overflow:hidden;
	background:#eef1f4;
	border-radius:6px;
}
.mrnp-demo-02 .mrnp-demo02-lead__feature-image,
.mrnp-demo-02 .mrnp-demo02-lead__mini-image,
.mrnp-demo-02 .mrnp-demo02-lead__placeholder {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:6px;
}
.mrnp-demo-02 .mrnp-demo02-lead__placeholder { background:#eef1f4; }
.mrnp-demo-02 .mrnp-demo02-lead__feature-body { min-width:0; padding-top:0; }
.mrnp-demo-02 .mrnp-demo02-lead__feature-title {
	margin:0;
	font-family:var(--mrnp-font-heading);
	font-size:var(--mrnp-font-size-lead-heading);
	line-height:var(--mrnp-line-height-lead-heading);
	font-weight:var(--mrnp-heading-weight);
}
.mrnp-demo-02 .mrnp-demo02-lead__feature-title a,
.mrnp-demo-02 .mrnp-demo02-lead__text-card a,
.mrnp-demo-02 .mrnp-demo02-lead__mini-card a { color:var(--mrnp-demo02-ink); text-decoration:none; }
.mrnp-demo-02 .mrnp-demo02-lead__feature-title a:hover,
.mrnp-demo-02 .mrnp-demo02-lead__text-card a:hover,
.mrnp-demo-02 .mrnp-demo02-lead__mini-card a:hover { color:var(--mrnp-demo02-red); }
.mrnp-demo-02 .mrnp-demo02-lead__feature-meta {
	margin:7px 0 0;
	color:#8a919b;
	font-size:11px;
	line-height:1.4;
}
.mrnp-demo-02 .mrnp-demo02-lead__feature-meta span { margin:0 5px; color:#c2c7cd; }
.mrnp-demo-02 .mrnp-demo02-lead__feature-excerpt {
	margin:8px 0 0;
	color:#66707c;
	font-size:var(--mrnp-font-size-base);
	line-height:var(--mrnp-line-height-base);
	display:block;
	overflow:visible;
}
.mrnp-demo-02 .mrnp-demo02-lead__text-row {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	padding:18px 0 19px;
	border-top:1px solid var(--mrnp-demo02-line);
	border-bottom:1px solid var(--mrnp-demo02-line);
}
.mrnp-demo-02 .mrnp-demo02-lead__text-card { min-width:0; padding:0 12px; }
.mrnp-demo-02 .mrnp-demo02-lead__text-card:first-child { padding-left:0; }
.mrnp-demo-02 .mrnp-demo02-lead__text-card:last-child { padding-right:0; }
.mrnp-demo-02 .mrnp-demo02-lead__text-card + .mrnp-demo02-lead__text-card { border-left:1px solid var(--mrnp-demo02-line); }
.mrnp-demo-02 .mrnp-demo02-lead__text-card h2 {
	margin:0;
	font-family:var(--mrnp-font-heading);
	font-size:var(--mrnp-font-size-normal-heading);
	line-height:var(--mrnp-line-height-normal-heading);
	font-weight:var(--mrnp-heading-weight);
}
.mrnp-demo-02 .mrnp-demo02-lead__mini-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px 10px;
	padding-top:10px;
}
.mrnp-demo-02 .mrnp-demo02-lead__mini-card {
	display:grid;
	grid-template-columns:80px minmax(0,1fr);
	gap:8px;
	align-items:center;
	min-width:0;
	padding:15px;
	background:#f3f4f5;
	border-radius:6px;
}
.mrnp-demo-02 .mrnp-demo02-lead__mini-media {
	display:block;
	width:80px;
	height:65px;
	overflow:hidden;
	background:#e9ecef;
	border-radius:6px;
}
.mrnp-demo-02 .mrnp-demo02-lead__mini-card h3 {
	margin:0;
	font-family:var(--mrnp-font-heading);
	font-size:var(--mrnp-font-size-normal-heading);
	line-height:var(--mrnp-line-height-normal-heading);
	font-weight:var(--mrnp-heading-weight);
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}
.mrnp-demo-02 .mrnp-demo02-lead__sidebar { min-width:0; }

.mrnp-demo-02 .mrnp-demo02-lead__ad .mrnp-ad { margin:0; }
.mrnp-demo-02 .mrnp-demo02-lead__ad .mrnp-ad__container { width:100%; max-width:none; padding:0; }
/* Demo 02 uses the same Latest / Most Read rail component as Demo 01. */
.mrnp-demo-02 .mrnp-demo02-lead__rail {
	display:flex;
	height:310px;
	flex-direction:column;
	background:linear-gradient(180deg,color-mix(in srgb,var(--mrnp-color-primary) 7%,#fff) 0%,#fff 56%);
	border:1px solid color-mix(in srgb,var(--mrnp-color-primary) 16%,var(--mrnp-demo02-line));
	border-radius:12px;
	overflow:hidden;
	box-shadow:0 14px 32px rgba(16,24,40,.06);
}
.mrnp-demo-02 .mrnp-home-highlights__rail-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; background:color-mix(in srgb,var(--mrnp-color-primary) 10%,#fff); border-bottom:1px solid color-mix(in srgb,var(--mrnp-color-primary) 15%,var(--mrnp-demo02-line)); }
.mrnp-demo-02 .mrnp-home-highlights__rail-tab { appearance:none; border:0; margin:0; padding:6px 10px; background:transparent; color:#1d2939; font-family:var(--mrnp-font-heading); font-size:var(--mrnp-font-size-sidebar-tab); line-height:var(--mrnp-line-height-sidebar-tab); font-weight:700; cursor:pointer; transition:background .18s ease,color .18s ease; }
.mrnp-demo-02 .mrnp-home-highlights__rail-tab + .mrnp-home-highlights__rail-tab { border-left:1px solid color-mix(in srgb,var(--mrnp-color-primary) 13%,var(--mrnp-demo02-line)); }
.mrnp-demo-02 .mrnp-home-highlights__rail-tab.is-active { background:var(--mrnp-color-primary); color:#fff; }
.mrnp-demo-02 .mrnp-home-highlights__rail-panels { flex:1 1 auto; min-height:0; overflow:hidden; background:#fff; }
.mrnp-demo-02 .mrnp-home-highlights__rail-panel { height:100%; min-height:0; }
.mrnp-demo-02 .mrnp-home-highlights__rail-panel[hidden] { display:none; }
.mrnp-demo-02 .mrnp-home-highlights__rail-list { display:flex; flex-direction:column; height:100%; min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--mrnp-color-primary) 48%,#fff) transparent; background:#fff; }
.mrnp-demo-02 .mrnp-home-highlights__rail-list::-webkit-scrollbar { width:5px; }
.mrnp-demo-02 .mrnp-home-highlights__rail-list::-webkit-scrollbar-track { background:transparent; }
.mrnp-demo-02 .mrnp-home-highlights__rail-list::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--mrnp-color-primary) 48%,#fff); border-radius:999px; }
.mrnp-demo-02 .mrnp-home-highlights__rail-item { display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; align-items:center; padding:5px 10px; }
.mrnp-demo-02 .mrnp-home-highlights__rail-number { display:grid; place-items:center; width:28px; height:28px; border:1px solid color-mix(in srgb,var(--mrnp-color-primary) 22%,var(--mrnp-demo02-line)); border-radius:50%; background:color-mix(in srgb,var(--mrnp-color-primary) 8%,#fff); color:var(--mrnp-color-primary); font-family:var(--mrnp-font-heading); font-size:15px; font-weight:800; line-height:1; }
.mrnp-demo-02 .mrnp-home-highlights__rail-content { min-width:0; padding:0 0 5px; border-bottom:1px solid #e5e7eb; }
.mrnp-demo-02 .mrnp-home-highlights__rail-item:last-child .mrnp-home-highlights__rail-content { border-bottom:0; }
.mrnp-demo-02 .mrnp-home-highlights__rail-title { display:-webkit-box; width:100%; overflow:hidden; margin:0; padding:0; border:0; font-family:var(--mrnp-font-heading); font-size:var(--mrnp-font-size-sidebar-news); line-height:var(--mrnp-line-height-sidebar-news); font-weight:700; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.mrnp-demo-02 .mrnp-home-highlights__rail-title a { color:#1d2939; text-decoration:none; }
.mrnp-demo-02 .mrnp-home-highlights__rail-empty { margin:0; padding:18px 16px; font-size:15px; color:#667085; }
.mrnp-demo-02 .mrnp-home-highlights__rail-footer { display:block; padding:6px 12px; background:var(--mrnp-color-primary); color:#fff; font-family:var(--mrnp-font-heading); font-size:var(--mrnp-font-size-sidebar-tab); font-weight:700; line-height:1.15; text-align:center; text-decoration:none; }
.mrnp-demo-02 .mrnp-home-highlights__rail-footer:hover, .mrnp-demo-02 .mrnp-home-highlights__rail-footer:focus-visible { background:var(--mrnp-color-primary-hover); }

@media (max-width:1024px) {
	.mrnp-demo-02 .mrnp-demo02-lead__rail { height:310px; }
	.mrnp-demo-02 .mrnp-demo02-lead__layout { grid-template-columns:1fr; }
	.mrnp-demo-02 .mrnp-demo02-lead__sidebar { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
	.mrnp-demo-02 .mrnp-demo02-lead__ad { margin:0; }
}
@media (max-width:720px) {
	.mrnp-demo-02 .mrnp-demo02-lead { margin-top:14px; }
	.mrnp-demo-02 .mrnp-demo02-lead__feature { grid-template-columns:1fr; gap:10px; }
	.mrnp-demo-02 .mrnp-demo02-lead__feature-title { font-size:var(--mrnp-font-size-lead-heading); line-height:var(--mrnp-line-height-lead-heading); }
	.mrnp-demo-02 .mrnp-demo02-lead__feature-excerpt { display:block; overflow:visible; }
	.mrnp-demo-02 .mrnp-demo02-lead__text-row { grid-template-columns:1fr; padding:0; }
	.mrnp-demo-02 .mrnp-demo02-lead__text-card { padding:10px 0; }
	.mrnp-demo-02 .mrnp-demo02-lead__text-card + .mrnp-demo02-lead__text-card { border-left:0; border-top:1px solid var(--mrnp-demo02-line); }
	.mrnp-demo-02 .mrnp-demo02-lead__mini-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
	.mrnp-demo-02 .mrnp-demo02-lead__mini-card { grid-template-columns:1fr; gap:6px; align-items:start; padding:15px; background:#f3f4f5; border-radius:6px; }
	.mrnp-demo-02 .mrnp-demo02-lead__mini-media { width:100%; height:auto; aspect-ratio:4/3; }
	.mrnp-demo-02 .mrnp-demo02-lead__mini-card h3 { font-size:var(--mrnp-font-size-normal-heading); line-height:var(--mrnp-line-height-normal-heading); }
	.mrnp-demo-02 .mrnp-demo02-lead__sidebar { grid-template-columns:1fr; }
}

/* v0.26.09 — Demo 02 after-lead ads: keep the two 600×120 placements on one desktop row. */
.mrnp-demo-02 .mrnp-home-ad-pair__grid {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	align-items:stretch;
}
.mrnp-demo-02 .mrnp-home-ad-pair__grid > .mrnp-ad {
	min-width:0;
	width:100%;
}
.mrnp-demo-02 .mrnp-home-ad-pair__grid .mrnp-ad__container,
.mrnp-demo-02 .mrnp-home-ad-pair__grid .mrnp-ad__creative {
	width:100%;
	max-width:none;
}
@media (max-width:767px) {
	.mrnp-demo-02 .mrnp-home-ad-pair__grid {
		grid-template-columns:1fr;
		gap:var(--mrnp-space-md);
	}
}

/* v0.26.10 — Demo 02 reference National block directly after the lead ad pair. */
.mrnp-demo-02 .mrnp-demo02-national{margin:8px 0 30px}.mrnp-demo-02 .mrnp-demo02-national__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mrnp-demo-02 .mrnp-demo02-national__header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mrnp-font-heading);font-size:22px;line-height:1.2;font-weight:700;white-space:nowrap}.mrnp-demo-02 .mrnp-demo02-national__header h2 span,.mrnp-demo-02 .mrnp-demo02-national__videos>h2 span{width:14px;height:14px;border-radius:2px;background:var(--mrnp-color-primary);display:inline-block;flex:0 0 auto}.mrnp-demo-02 .mrnp-demo02-national__header i{height:1px;background:var(--mrnp-demo02-line);flex:1}.mrnp-demo-02 .mrnp-demo02-national__header>a{color:var(--mrnp-color-primary);font-size:30px;font-weight:800;line-height:1;text-decoration:none}.mrnp-demo-02 .mrnp-demo02-national__layout{display:grid;gap:20px;align-items:start;}.mrnp-demo-02 .mrnp-demo02-national__news{min-width:0}.mrnp-demo-02 .mrnp-demo02-national__top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:18px;padding-bottom:18px;border-bottom:1px solid #e5e7eb}.mrnp-demo-02 .mrnp-demo02-national__lead-media,.mrnp-demo-02 .mrnp-demo02-national__side-media,.mrnp-demo-02 .mrnp-demo02-national__bottom-media{display:block;overflow:hidden;border-radius:6px;background:#eef1f4}.mrnp-demo-02 .mrnp-demo02-national img{display:block;width:100%;height:100%;object-fit:cover}.mrnp-demo-02 .mrnp-demo02-national__lead-media{aspect-ratio:16/9}.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title{margin:10px 0 5px;font-family:var(--mrnp-font-heading);font-size:var(--mrnp-font-size-featured-heading);line-height:var(--mrnp-line-height-featured-heading);font-weight:var(--mrnp-heading-weight)}.mrnp-demo-02 .mrnp-demo02-national h3 a{color:var(--mrnp-demo02-ink);text-decoration:none}.mrnp-demo-02 .mrnp-demo02-national h3 a:hover{color:var(--mrnp-color-primary)}.mrnp-demo-02 .mrnp-demo02-national__lead p{margin:0;color:#6b7280;font-size:14px;line-height:1.65}.mrnp-demo-02 .mrnp-demo02-national__side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.mrnp-demo-02 .mrnp-demo02-national__side article{min-width:0}.mrnp-demo-02 .mrnp-demo02-national__side-media{aspect-ratio:16/8.5}.mrnp-demo-02 .mrnp-demo02-national__side h3{margin:7px 0 0;font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading)}.mrnp-demo-02 .mrnp-demo02-national__bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}.mrnp-demo-02 .mrnp-demo02-national__bottom article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:start;min-width:0}.mrnp-demo-02 .mrnp-demo02-national__bottom-media{height:100px;aspect-ratio:auto}.mrnp-demo-02 .mrnp-demo02-national__bottom h3{margin:0;font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading)}.mrnp-demo-02 .mrnp-demo02-national__sidebar{display:grid;gap:14px}.mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad{margin:0}.mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad__container{width:100%;max-width:none;padding:0}.mrnp-demo-02 .mrnp-demo02-national__videos{padding:12px;background:#f4f4f4;border-radius:6px}.mrnp-demo-02 .mrnp-demo02-national__videos>h2{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid #d9dde1;font-size:20px;line-height:1.2}.mrnp-demo-02 .mrnp-demo02-national__video-list{display:grid;gap:12px}.mrnp-demo-02 .mrnp-demo02-national__video-media{position:relative;aspect-ratio:16/8.8}.mrnp-demo-02 .mrnp-demo02-national__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:44px;height:34px;border-radius:9px;background:#f10b2d;color:#fff;transform:translate(-50%,-50%)}.mrnp-demo-02 .mrnp-demo02-national__play svg{display:block;width:24px;height:24px}.mrnp-demo-02 .mrnp-demo02-national__video-list h3{margin:5px 0 0;font-size:15px;line-height:1.45}.mrnp-demo-02 .mrnp-demo02-national__placeholder{display:block;width:100%;height:100%;background:#eef1f4}
@media(max-width:1024px){.mrnp-demo-02 .mrnp-demo02-national__layout{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-national__sidebar{grid-template-columns:1fr 1fr}.mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad__creative{width:100%;max-width:none}}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-national{margin-top:0}.mrnp-demo-02 .mrnp-demo02-national__layout,.mrnp-demo-02 .mrnp-demo02-national__top,.mrnp-demo-02 .mrnp-demo02-national__sidebar{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-national__side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.mrnp-demo-02 .mrnp-demo02-national__bottom{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-national__bottom article{grid-template-columns:120px minmax(0,1fr)}.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title{font-size:var(--mrnp-font-size-featured-heading);line-height:var(--mrnp-line-height-featured-heading)}}

/* v0.26.16 — Demo 02 Saradesh reference block directly after National. */
.mrnp-demo-02 .mrnp-demo02-saradesh{margin:6px 0 30px}.mrnp-demo-02 .mrnp-demo02-saradesh__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mrnp-demo-02 .mrnp-demo02-saradesh__header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mrnp-font-heading);font-size:22px;line-height:1.2;font-weight:700;white-space:nowrap}.mrnp-demo-02 .mrnp-demo02-saradesh__header h2 span{display:inline-block;width:14px;height:14px;flex:0 0 auto;border-radius:2px;background:var(--mrnp-color-primary)}.mrnp-demo-02 .mrnp-demo02-saradesh__header i{height:1px;flex:1;background:var(--mrnp-demo02-line)}.mrnp-demo-02 .mrnp-demo02-saradesh__header>a{color:var(--mrnp-color-primary);font-size:30px;font-weight:800;line-height:1;text-decoration:none}.mrnp-demo-02 .mrnp-demo02-saradesh__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.95fr) 250px;gap:20px;align-items:stretch;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.mrnp-demo-02 .mrnp-demo02-saradesh__visual,.mrnp-demo-02 .mrnp-demo02-saradesh__text{display:grid;gap:14px;align-content:start}.mrnp-demo-02 .mrnp-demo02-saradesh__visual article{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,1fr);gap:14px;align-items:start;min-width:0}.mrnp-demo-02 .mrnp-demo02-saradesh__media{display:block;overflow:hidden;aspect-ratio:16/9;border-radius:6px;background:#eef1f4}.mrnp-demo-02 .mrnp-demo02-saradesh__media img{display:block;width:100%;height:100%;object-fit:cover}.mrnp-demo-02 .mrnp-demo02-saradesh h3{margin:0 0 6px;font-family:var(--mrnp-font-heading);font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading);font-weight:var(--mrnp-heading-weight)}.mrnp-demo-02 .mrnp-demo02-saradesh h3 a{color:var(--mrnp-demo02-ink);text-decoration:none}.mrnp-demo-02 .mrnp-demo02-saradesh h3 a:hover{color:var(--mrnp-color-primary)}.mrnp-demo-02 .mrnp-demo02-saradesh p{margin:0;color:#667085;font-size:14px;line-height:1.55}.mrnp-demo-02 .mrnp-demo02-saradesh__text article{padding-bottom:10px}.mrnp-demo-02 .mrnp-demo02-saradesh__sidebar{min-width:0;box-sizing:border-box;padding:16px;border:1px solid var(--mrnp-color-border);border-radius:4px;background:var(--mrnp-color-surface-soft)}.mrnp-demo-02 .mrnp-demo02-saradesh__placeholder{display:block;width:100%;height:100%;background:#eef1f4}.mrnp-demo-02 .mrnp-demo02-saradesh__ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.mrnp-demo-02 .mrnp-demo02-saradesh__ads>.mrnp-ad{min-width:0;width:100%;margin:0}.mrnp-demo-02 .mrnp-demo02-saradesh__ads .mrnp-ad__container,.mrnp-demo-02 .mrnp-demo02-saradesh__ads .mrnp-ad__creative{width:100%;max-width:none}
@media(max-width:1024px){.mrnp-demo-02 .mrnp-demo02-saradesh__layout{grid-template-columns:1.45fr 1fr}.mrnp-demo-02 .mrnp-demo02-saradesh__sidebar{grid-column:1/-1;width:min(100%,360px);margin-inline:auto}}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-saradesh__layout{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-saradesh__visual article{grid-template-columns:120px minmax(0,1fr);gap:10px}.mrnp-demo-02 .mrnp-demo02-saradesh__text{gap:8px}.mrnp-demo-02 .mrnp-demo02-saradesh__ads{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-saradesh p{font-size:13px}}

/* Demo 02 Online Vote: same component design as Demo 01; shared dashboard/AJAX data source. */
.mrnp-demo-02 .mrnp-online-vote{overflow:hidden;border:1px solid color-mix(in srgb,var(--mrnp-color-primary) 18%,var(--mrnp-demo-line));border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(16,24,40,.06)}
.mrnp-demo-02 .mrnp-online-vote__head{padding:16px 16px 14px;background:linear-gradient(135deg,var(--mrnp-color-primary),color-mix(in srgb,var(--mrnp-color-primary) 78%,var(--mrnp-color-heading)));color:#fff}
.mrnp-demo-02 .mrnp-online-vote__eyebrow{display:block;margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.05em;opacity:.86}
.mrnp-demo-02 .mrnp-online-vote__head h3{margin:0;color:#fff;font-size:18px;line-height:1.35;font-weight:700}
.mrnp-demo-02 .mrnp-online-vote__body{padding:14px 14px 12px}
.mrnp-demo-02 .mrnp-online-vote__form{display:grid;gap:9px}
.mrnp-demo-02 .mrnp-online-vote__option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--mrnp-demo-line);border-radius:8px;background:#fff;color:var(--mrnp-demo-deep);font-size:14px;line-height:1.45;cursor:pointer}
.mrnp-demo-02 .mrnp-online-vote__option input{position:absolute;opacity:0;pointer-events:none}
.mrnp-demo-02 .mrnp-online-vote__radio{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--mrnp-color-primary) 45%,var(--mrnp-demo-line));border-radius:50%;box-sizing:border-box}
.mrnp-demo-02 .mrnp-online-vote__option:has(input:checked){border-color:color-mix(in srgb,var(--mrnp-color-primary) 44%,var(--mrnp-demo-line));background:color-mix(in srgb,var(--mrnp-color-primary) 5%,#fff)}
.mrnp-demo-02 .mrnp-online-vote__option:has(input:checked) .mrnp-online-vote__radio{border:5px solid var(--mrnp-color-primary)}
.mrnp-demo-02 .mrnp-online-vote__submit{min-height:40px;margin-top:3px;border:0;border-radius:8px;background:var(--mrnp-color-primary);color:#fff;font-family:var(--mrnp-font-heading);font-size:15px;font-weight:700;cursor:pointer}
.mrnp-demo-02 .mrnp-online-vote__submit:hover{background:var(--mrnp-color-primary-hover)}
.mrnp-demo-02 .mrnp-online-vote__submit:disabled{opacity:.65;cursor:wait}
.mrnp-demo-02 .mrnp-online-vote__message{margin:0;color:var(--mrnp-demo-muted);font-size:12px;line-height:1.45}
.mrnp-demo-02 .mrnp-online-vote__results{display:grid;gap:12px}
.mrnp-demo-02 .mrnp-online-vote__result>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;color:var(--mrnp-demo-deep);font-size:13px;line-height:1.4}
.mrnp-demo-02 .mrnp-online-vote__bar{display:block;height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--mrnp-color-primary) 10%,var(--mrnp-demo-line))}
.mrnp-demo-02 .mrnp-online-vote__bar i{display:block;height:100%;border-radius:inherit;background:var(--mrnp-color-primary)}
.mrnp-demo-02 .mrnp-online-vote__footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--mrnp-demo-line);background:color-mix(in srgb,var(--mrnp-color-primary) 5%,#fff);color:var(--mrnp-demo-muted);font-size:12px}
.mrnp-demo-02 .mrnp-online-vote__footer strong{color:var(--mrnp-color-primary);font-size:16px}

/* Demo 02 reuses Demo 01 Saradesh location-search sidebar component. */
.mrnp-demo-02 .mrnp-saradesh-search { padding-top:0; }
.mrnp-demo-02 .mrnp-saradesh-search__title { margin:0 0 10px; text-align:center; color:var(--mrnp-color-text); font-size:18px; line-height:1.35; font-weight:600; }
.mrnp-demo-02 .mrnp-saradesh-search__map { position:relative; width:100%; margin:0 auto 12px; }
.mrnp-demo-02 .mrnp-saradesh-search__map-image { display:block; width:100%; height:auto; }
.mrnp-demo-02 .mrnp-saradesh-search__map-link { position:absolute; left:var(--mrnp-map-x); top:var(--mrnp-map-y); transform:translate(-50%,-50%); display:flex; align-items:center; gap:4px; color:var(--mrnp-section-header-color); text-decoration:none; white-space:nowrap; z-index:2; }
.mrnp-demo-02 .mrnp-saradesh-search__map-pin { width:9px; height:9px; flex:0 0 9px; border:2px solid var(--mrnp-color-on-accent); border-radius:50%; background:var(--mrnp-color-primary); box-shadow:0 1px 4px rgba(0,0,0,.28); }
.mrnp-demo-02 .mrnp-saradesh-search__map-label { display:inline-block; padding:2px 5px; border-radius:3px; background:color-mix(in srgb, var(--mrnp-color-primary) 92%, transparent); color:var(--mrnp-section-header-color); font-size:10px; line-height:1.15; font-weight:700; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.mrnp-demo-02 .mrnp-saradesh-search__map-link:hover .mrnp-saradesh-search__map-label,
.mrnp-demo-02 .mrnp-saradesh-search__map-link:focus .mrnp-saradesh-search__map-label { background:var(--mrnp-color-primary-hover); }
.mrnp-demo-02 .mrnp-saradesh-search__map-link:focus { outline:2px solid #ffd54f; outline-offset:2px; }

.mrnp-demo-02 .mrnp-saradesh-search__fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mrnp-demo-02 .mrnp-saradesh-search__fields select,
.mrnp-demo-02 .mrnp-saradesh-search__fields input { min-width:0; width:100%; height:38px; padding:0 10px; border:1px solid var(--mrnp-color-border); border-radius:3px; background:var(--mrnp-color-surface); color:var(--mrnp-color-text); font:inherit; font-size:14px; }
.mrnp-demo-02 .mrnp-saradesh-search__submit { width:100%; height:38px; margin:10px 0 0; display:block; border:0; border-radius:3px; background:var(--mrnp-color-primary); color:var(--mrnp-color-on-accent); font:inherit; font-size:14px; font-weight:700; cursor:pointer; }

.mrnp-demo-02 .mrnp-saradesh-reporters { display:block; margin-top:12px; padding:10px 12px; border-radius:3px; background:var(--mrnp-section-header-bg); color:var(--mrnp-section-header-color); text-align:center; font-size:14px; font-weight:700; text-decoration:none; }
.mrnp-demo-02 .mrnp-saradesh-reporters:hover { filter:brightness(.97); color:var(--mrnp-section-header-color); }

/* v0.26.22 — Demo 02 Politics + Most Discussed reference section. */
.mrnp-demo-02 .mrnp-demo02-politics{margin:26px 0 30px}.mrnp-demo-02 .mrnp-demo02-politics__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.mrnp-demo-02 .mrnp-demo02-politics__main,.mrnp-demo-02 .mrnp-demo02-politics__trending{min-width:0}.mrnp-demo-02 .mrnp-demo02-politics__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mrnp-demo-02 .mrnp-demo02-politics__header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mrnp-font-heading);font-size:22px;line-height:1.2;font-weight:700;white-space:nowrap}.mrnp-demo-02 .mrnp-demo02-politics__header h2 span{width:14px;height:14px;flex:0 0 auto;border-radius:2px;background:var(--mrnp-color-primary)}.mrnp-demo-02 .mrnp-demo02-politics__header i{height:1px;flex:1;background:var(--mrnp-demo02-line)}.mrnp-demo-02 .mrnp-demo02-politics__header>a,.mrnp-demo-02 .mrnp-demo02-politics__header>b{color:var(--mrnp-color-primary);font-size:30px;font-style:normal;font-weight:800;line-height:1;text-decoration:none}.mrnp-demo-02 .mrnp-demo02-politics__news{display:grid;gap:18px;}.mrnp-demo-02 .mrnp-demo02-politics__lead-media,.mrnp-demo-02 .mrnp-demo02-politics__support-media,.mrnp-demo-02 .mrnp-demo02-politics__trend-media{display:block;overflow:hidden;border-radius:6px;background:#eef1f4}.mrnp-demo-02 .mrnp-demo02-politics__lead-media img,.mrnp-demo-02 .mrnp-demo02-politics__support-media img,.mrnp-demo-02 .mrnp-demo02-politics__trend-media img,.mrnp-demo-02 .mrnp-demo02-politics__placeholder{display:block;width:100%;height:100%;object-fit:cover}.mrnp-demo-02 .mrnp-demo02-politics h3{font-family:var(--mrnp-font-heading);font-weight:var(--mrnp-heading-weight)}.mrnp-demo-02 .mrnp-demo02-politics h3 a{color:var(--mrnp-demo02-ink);text-decoration:none}.mrnp-demo-02 .mrnp-demo02-politics h3 a:hover{color:var(--mrnp-color-primary)}.mrnp-demo-02 .mrnp-demo02-politics__lead h3{margin:10px 0 8px;font-size:var(--mrnp-font-size-featured-heading);line-height:var(--mrnp-line-height-featured-heading)}.mrnp-demo-02 .mrnp-demo02-politics p{margin:0;color:var(--mrnp-demo02-muted);font-size:14px;line-height:1.55}.mrnp-demo-02 .mrnp-demo02-politics__support{grid-template-columns:1fr;gap:0;}.mrnp-demo-02 .mrnp-demo02-politics__support article{display:grid;grid-template-columns:175px minmax(0,1fr);gap:14px;align-items:start;min-width:0;}.mrnp-demo-02 .mrnp-demo02-politics__support article:last-child{margin-bottom:0}.mrnp-demo-02 .mrnp-demo02-politics__support-media{height:100px;margin:0}.mrnp-demo-02 .mrnp-demo02-politics__support h3{margin:0;font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading)}.mrnp-demo-02 .mrnp-demo02-politics__trending{padding-left:0}.mrnp-demo-02 .mrnp-demo02-politics__trend{padding-bottom:14px;border-bottom:1px solid var(--mrnp-demo02-line)}.mrnp-demo-02 .mrnp-demo02-politics__trend+.mrnp-demo02-politics__trend{padding-top:14px}.mrnp-demo-02 .mrnp-demo02-politics__trend.is-lead .mrnp-demo02-politics__trend-media{aspect-ratio:1.65/1;margin-bottom:10px}.mrnp-demo-02 .mrnp-demo02-politics__trend.is-lead h3{margin:0 0 7px;font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading)}.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start}.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini .mrnp-demo02-politics__trend-media{aspect-ratio:1.35/1}.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini h3{margin:0;font-size:var(--mrnp-font-size-sidebar-news);line-height:var(--mrnp-line-height-sidebar-news)}.mrnp-demo-02 .mrnp-demo02-politics__placeholder{background:#eef1f4}
@media(max-width:1024px){.mrnp-demo-02 .mrnp-demo02-politics__layout{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-politics__trending{width:min(100%,520px)}}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-politics__news{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-politics__support{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-politics__header h2{font-size:20px}}
@media(max-width:520px){.mrnp-demo-02 .mrnp-demo02-politics__support{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-politics__support article{grid-column:auto;grid-template-columns:120px minmax(0,1fr);gap:10px}.mrnp-demo-02 .mrnp-demo02-politics__support-media{margin:0}}

/* v0.26.27 — Politics story order: #2 below lead; #3–#6 in right column. */
.mrnp-demo-02 .mrnp-demo02-politics__news{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:repeat(4,auto);column-gap:18px;row-gap:0;align-items:stretch}
.mrnp-demo-02 .mrnp-demo02-politics__lead{grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;min-height:0}
.mrnp-demo-02 .mrnp-demo02-politics__lead-media{height:auto;min-height:220px;flex:1 1 auto}
.mrnp-demo-02 .mrnp-demo02-politics__second{grid-column:1;grid-row:4;display:grid;grid-template-columns:175px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:14px 0;border-top:1px solid var(--mrnp-demo02-line);border-bottom:1px solid var(--mrnp-demo02-line)}
.mrnp-demo-02 .mrnp-demo02-politics__second-media{display:block;overflow:hidden;border-radius:6px;background:#eef1f4;height:100px}
.mrnp-demo-02 .mrnp-demo02-politics__second-media img{display:block;width:100%;height:100%;object-fit:cover}
.mrnp-demo-02 .mrnp-demo02-politics__second h3{margin:0;font-size:var(--mrnp-font-size-normal-heading);line-height:var(--mrnp-line-height-normal-heading)}
.mrnp-demo-02 .mrnp-demo02-politics__support{display:contents}
.mrnp-demo-02 .mrnp-demo02-politics__support article{grid-column:2;margin:0;padding:0 0 14px;border-bottom:1px solid var(--mrnp-demo02-line)}
.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(1){grid-row:1}
.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(2){grid-row:2;padding-top:14px}
.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(3){grid-row:3;padding-top:14px}
.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(4){grid-row:4;padding-top:14px}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-politics__news{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.mrnp-demo-02 .mrnp-demo02-politics__lead,.mrnp-demo-02 .mrnp-demo02-politics__second,.mrnp-demo-02 .mrnp-demo02-politics__support article{grid-column:1;grid-row:auto}.mrnp-demo-02 .mrnp-demo02-politics__lead-media{height:220px;min-height:0;flex:none}.mrnp-demo-02 .mrnp-demo02-politics__support{display:grid;grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-politics__second{grid-template-columns:120px minmax(0,1fr);gap:10px}}

/* v0.26.41 — Demo 02 Politics: fixed desktop lead image height. */
@media(min-width:768px){
  .mrnp-demo-02 .mrnp-demo02-politics__lead{display:flex;flex-direction:column;align-self:start;height:auto;min-height:0}
  .mrnp-demo-02 .mrnp-demo02-politics__lead-media{height:260px;min-height:260px;flex:none}
}

.mrnp-demo-02 .mrnp-demo02-international{margin:8px 0 30px}
.mrnp-demo-02 .mrnp-demo02-international__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.mrnp-demo-02 .mrnp-demo02-international__header h2{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--mrnp-font-heading);font-size:22px;line-height:1.2;font-weight:700;white-space:nowrap;color:var(--mrnp-demo02-ink)}
.mrnp-demo-02 .mrnp-demo02-international__header h2 span{width:14px;height:14px;border-radius:2px;background:var(--mrnp-color-primary);display:inline-block;flex:0 0 auto}
.mrnp-demo-02 .mrnp-demo02-international__header i{height:1px;background:var(--mrnp-demo02-line);flex:1}
.mrnp-demo-02 .mrnp-demo02-international__header>a{color:var(--mrnp-color-primary);font-size:30px;font-weight:800;line-height:1;text-decoration:none}
.mrnp-demo-02 .mrnp-demo02-international__layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.mrnp-demo-02 .mrnp-demo02-international__main{min-width:0}
.mrnp-demo-02 .mrnp-demo02-international__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}
.mrnp-demo-02 .mrnp-demo02-international__card{min-width:0}
.mrnp-demo-02 .mrnp-demo02-international__media{display:block;overflow:hidden;border-radius:6px;background:#eef1f4;aspect-ratio:16/9;margin-bottom:8px}
.mrnp-demo-02 .mrnp-demo02-international__media img{display:block;width:100%;height:100%;object-fit:cover}
.mrnp-demo-02 .mrnp-demo02-international__card h3{margin:0;font-family:var(--mrnp-font-heading);font-size:var(--mrnp-font-size-normal-heading);line-height:1.45;font-weight:700}
.mrnp-demo-02 .mrnp-demo02-international__card h3 a{color:var(--mrnp-demo02-ink);text-decoration:none}
.mrnp-demo-02 .mrnp-demo02-international__card h3 a:hover{color:var(--mrnp-color-primary)}
.mrnp-demo-02 .mrnp-demo02-international__sidebar{display:grid;gap:14px}
.mrnp-demo-02 .mrnp-demo02-international__ad .mrnp-ad{margin:0}
.mrnp-demo-02 .mrnp-demo02-international__ad .mrnp-ad__container{width:100%;max-width:none;padding:0}
.mrnp-demo-02 .mrnp-demo02-international__placeholder{display:block;width:100%;height:100%;background:#eef1f4}

@media(max-width:1024px){.mrnp-demo-02 .mrnp-demo02-international__layout{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-international__sidebar{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-international__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.mrnp-demo-02 .mrnp-demo02-international__sidebar{grid-template-columns:1fr}.mrnp-demo-02 .mrnp-demo02-international__card h3{font-size:15px;line-height:1.45}.mrnp-demo-02 .mrnp-demo02-international__header h2{font-size:21px}}

/* v0.26.48 — Demo 02 Religion card: dark panel with white typography and balanced inner padding. */
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending{
  background:#111;
  
}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header{
  margin-bottom:14px;
}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header h2,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header>a,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header>b,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending h3 a{
  color:#fff;
}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header i{
  background:rgba(255,255,255,.24);
}

.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__trend{
  border-bottom-color:rgba(255,255,255,.16);
}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending h3 a:hover,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header>a:hover{
  color:rgba(255,255,255,.78);
}
@media(max-width:767px){
  .mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending{padding:15px;}
}

/* v0.26.49 — Demo 02 Lifestyle + Religion feature body: maximum two lines. */
.mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__trending .mrnp-demo02-politics__trend.is-lead p,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__trend.is-lead p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  max-height:calc(2 * 1.6em);
}

.mrnp-demo-02 .mrnp-demo02-fourcats{margin:4px 0 30px}
.mrnp-demo-02 .mrnp-demo02-fourcats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}

.mrnp-demo-02 .mrnp-demo02-fourcats__header{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--mrnp-demo02-line);}
.mrnp-demo-02 .mrnp-demo02-fourcats__header h2{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--mrnp-font-heading);font-size:20px;line-height:1.2;font-weight:700;white-space:nowrap;color:var(--mrnp-demo02-ink)}
.mrnp-demo-02 .mrnp-demo02-fourcats__header h2 span{width:14px;height:14px;border-radius:2px;background:var(--mrnp-color-primary);display:inline-block;flex:0 0 auto}
.mrnp-demo-02 .mrnp-demo02-fourcats__header i{height:1px;flex:1;background:transparent}
.mrnp-demo-02 .mrnp-demo02-fourcats__header>a{color:var(--mrnp-color-primary);font-size:28px;font-weight:800;line-height:1;text-decoration:none}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead-media{display:block;overflow:hidden;border-radius:6px;background:#eef1f4;}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead-media img,.mrnp-demo-02 .mrnp-demo02-fourcats__mini-media img{display:block;width:100%;height:100%;object-fit:cover}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3{font-family:var(--mrnp-font-heading);font-weight:700;}
.mrnp-demo-02 .mrnp-demo02-fourcats h3 a{color:var(--mrnp-demo02-ink);text-decoration:none}
.mrnp-demo-02 .mrnp-demo02-fourcats h3 a:hover{color:var(--mrnp-color-primary)}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-list{display:grid;}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini{display:grid;min-width:0;}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-media{display:block;overflow:hidden;border-radius:5px;background:#eef1f4;}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3{margin:0;font-family:var(--mrnp-font-heading);}
.mrnp-demo-02 .mrnp-demo02-fourcats__placeholder{display:block;width:100%;height:100%;background:#eef1f4}
@media(max-width:1024px){.mrnp-demo-02 .mrnp-demo02-fourcats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.mrnp-demo-02 .mrnp-demo02-fourcats__grid{grid-template-columns:1fr}}

/* v0.26.52 — Demo 02 complete premium rhythm + typography pass.
   Keeps every homepage block on one spacing scale without changing content logic. */

/* One vertical rhythm for every Demo 02 homepage section. */
.mrnp-demo-02 .mrnp-demo02-lead{margin:0 0 var(--mrnp-demo02-section-gap);padding-top:14px}
.mrnp-demo-02 .mrnp-demo02-national,
.mrnp-demo-02 .mrnp-demo02-saradesh,
.mrnp-demo-02 .mrnp-demo02-politics,
.mrnp-demo-02 .mrnp-demo02-international,
.mrnp-demo-02 .mrnp-demo02-fourcats{
  margin:0 0 var(--mrnp-demo02-section-gap);
}
.mrnp-demo-02 .mrnp-demo02-national>.mrnp-container,
.mrnp-demo-02 .mrnp-demo02-saradesh>.mrnp-container,
.mrnp-demo-02 .mrnp-demo02-politics>.mrnp-container,
.mrnp-demo-02 .mrnp-demo02-international>.mrnp-container,
.mrnp-demo-02 .mrnp-demo02-fourcats>.mrnp-container{
  padding-top:var(--mrnp-demo02-inner-pad);
  padding-bottom:var(--mrnp-demo02-inner-pad);
}
/* Demo 02 advertisement label belongs to the editor UI, not the public page. */
.mrnp-demo-02 .mrnp-ad__label{display:none}
.mrnp-demo-02 .mrnp-ad--header_after_breaking{padding-block:20px}

/* Section heads: same baseline, marker, divider and action treatment. */
.mrnp-demo-02 .mrnp-demo02-national__header,
.mrnp-demo-02 .mrnp-demo02-saradesh__header,
.mrnp-demo-02 .mrnp-demo02-politics__header,
.mrnp-demo-02 .mrnp-demo02-international__header,
.mrnp-demo-02 .mrnp-demo02-fourcats__header{
  min-height:30px;
  margin-bottom:16px;
  gap:10px;
}
.mrnp-demo-02 .mrnp-demo02-national__header h2,
.mrnp-demo-02 .mrnp-demo02-saradesh__header h2,
.mrnp-demo-02 .mrnp-demo02-politics__header h2,
.mrnp-demo-02 .mrnp-demo02-international__header h2,
.mrnp-demo-02 .mrnp-demo02-fourcats__header h2{
  letter-spacing:-.01em;
}
.mrnp-demo-02 .mrnp-demo02-national__header>a,
.mrnp-demo-02 .mrnp-demo02-saradesh__header>a,
.mrnp-demo-02 .mrnp-demo02-politics__header>a,
.mrnp-demo-02 .mrnp-demo02-politics__header>b,
.mrnp-demo-02 .mrnp-demo02-international__header>a,
.mrnp-demo-02 .mrnp-demo02-fourcats__header>a{
  font-size:28px;
  line-height:1;
}

/* Consistent editorial typography hierarchy. */
.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title,
.mrnp-demo-02 .mrnp-demo02-politics__lead h3{
  letter-spacing:-.005em;
}

.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini h3,
.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3,
.mrnp-demo-02 .mrnp-demo02-national__video-list h3{
  font-size:var(--mrnp-demo02-mini-size);
  line-height:1.48;
  font-weight:600;
}

/* Consistent card geometry, image treatment and interaction. */
.mrnp-demo-02 .mrnp-demo02-national a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-saradesh a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-politics a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-international a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-fourcats a[class*="media"]{
  border-radius:var(--mrnp-demo02-radius);
}
.mrnp-demo-02 .mrnp-demo02-national h3 a,
.mrnp-demo-02 .mrnp-demo02-saradesh h3 a,
.mrnp-demo-02 .mrnp-demo02-politics h3 a,
.mrnp-demo-02 .mrnp-demo02-international h3 a,
.mrnp-demo-02 .mrnp-demo02-fourcats h3 a{
  transition:color .18s ease;
}
.mrnp-demo-02 .mrnp-demo02-national img,
.mrnp-demo-02 .mrnp-demo02-saradesh img,
.mrnp-demo-02 .mrnp-demo02-politics img,
.mrnp-demo-02 .mrnp-demo02-international img,
.mrnp-demo-02 .mrnp-demo02-fourcats img{
  transition:transform .25s ease;
}
@media (hover:hover){
  .mrnp-demo-02 .mrnp-demo02-national a[class*="media"]:hover img,
  .mrnp-demo-02 .mrnp-demo02-saradesh a[class*="media"]:hover img,
  .mrnp-demo-02 .mrnp-demo02-politics a[class*="media"]:hover img,
  .mrnp-demo-02 .mrnp-demo02-international a[class*="media"]:hover img,
  .mrnp-demo-02 .mrnp-demo02-fourcats a[class*="media"]:hover img{transform:scale(1.025)}
}

/* Keep copied editorial pairs aligned to the exact same proportions. */
.mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__layout,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__layout{
  align-items:start;
}
.mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__trending,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending{
  min-height:100%;
  box-sizing:border-box;
}

/* Four-category row uses the same headline and card rhythm as the rest. */

/* Mobile keeps the same visual hierarchy without oversized gaps. */
@media(max-width:767px){
  body.mrnp-demo-02{
    --mrnp-demo02-heading-size:20px;
    --mrnp-demo02-feature-size:19px;
    --mrnp-demo02-card-size:15px;
    --mrnp-demo02-mini-size:14px;
    --mrnp-demo02-body-size:13px;
  }
  .mrnp-demo-02 .mrnp-demo02-national__header,
  .mrnp-demo-02 .mrnp-demo02-saradesh__header,
  .mrnp-demo-02 .mrnp-demo02-politics__header,
  .mrnp-demo-02 .mrnp-demo02-international__header,
  .mrnp-demo-02 .mrnp-demo02-fourcats__header{margin-bottom:13px}
  .mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__layout,
  .mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__layout{grid-template-columns:1fr}
}

/* v0.26.57 — Dedicated Demo 02 video strip. This intentionally avoids the generic
   home video responsive selectors so the cards cannot collapse into three oversized columns. */
.mrnp-demo02-video-strip{margin-bottom:var(--mrnp-demo02-section-gap,30px)}
.mrnp-demo02-video-strip__wrap{position:relative;width:100%;min-width:0}
.mrnp-demo02-video-strip__grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:14px!important;width:100%!important;max-width:none!important;overflow:visible!important;padding:0!important}
.mrnp-demo02-video-strip__card{min-width:0!important;width:auto!important;max-width:none!important;margin:0!important}
.mrnp-demo02-video-strip__media{position:relative;display:block;width:100%!important;aspect-ratio:9/16!important;overflow:hidden;border-radius:6px;background:#eef1f4;box-shadow:0 6px 18px rgba(15,23,42,.07)}
.mrnp-demo02-video-strip__image,.mrnp-demo02-video-strip__placeholder{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.mrnp-demo02-video-strip__placeholder{background:#eef1f4}
.mrnp-demo02-video-strip__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.30));pointer-events:none}
.mrnp-demo02-video-strip__play{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--mrnp-color-primary);transform:translate(-50%,-50%);box-shadow:0 7px 20px rgba(0,0,0,.18)}
.mrnp-demo02-video-strip__duration{position:absolute;right:7px;bottom:7px;z-index:2;padding:3px 6px;border-radius:5px;background:rgba(0,0,0,.8);color:#fff;font-size:10px;font-weight:700;line-height:1}
.mrnp-demo02-video-strip__title{display:-webkit-box;overflow:hidden;margin:7px 0 0;font-family:var(--mrnp-font-heading);font-size:14px;line-height:1.45;font-weight:700;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mrnp-demo02-video-strip__title a{color:var(--mrnp-demo02-ink);text-decoration:none}
.mrnp-demo02-video-strip__mobile-next{display:none!important}
@media(max-width:720px){
 .mrnp-demo02-video-strip__grid{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:calc((100% - 12px)/2)!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:inline mandatory;padding-bottom:2px!important;scrollbar-width:none}
 .mrnp-demo02-video-strip__grid::-webkit-scrollbar{display:none}
 .mrnp-demo02-video-strip__card{scroll-snap-align:start}
 .mrnp-demo02-video-strip__mobile-next{display:grid!important}
 .mrnp-demo02-video-strip__title{font-size:14px}
}

/* v0.26.58 — Demo 02 video strip dark presentation. */
.mrnp-demo-02 .mrnp-demo02-video-strip{
  background:#0b0d10;
  margin:0 0 var(--mrnp-demo02-section-gap,30px);
  padding:24px 0 26px;
}
.mrnp-demo-02 .mrnp-demo02-video-strip__title a{color:#fff}
.mrnp-demo-02 .mrnp-demo02-video-strip__title a:hover{color:#d9f3f2}
.mrnp-demo-02 .mrnp-demo02-video-strip__media{background:#171a1f;box-shadow:none}
.mrnp-demo-02 .mrnp-demo02-video-strip__placeholder{background:#171a1f}
@media(max-width:720px){
  .mrnp-demo-02 .mrnp-demo02-video-strip{padding:18px 0 20px}
}

/* v0.26.60 — Demo 02 Global Design Sync
   --------------------------------------
   Demo 02 keeps its reference layout and intentional dark editorial panels,
   while all reusable visual decisions now inherit the Design System tokens.
   This layer intentionally sits last so older reference CSS cannot override
   the administrator's global colors, typography, spacing or radius choices. */
body.mrnp-demo-02{
  --mrnp-demo02-red:var(--mrnp-color-primary);
  --mrnp-demo02-ink:var(--mrnp-color-heading);
  --mrnp-demo02-muted:var(--mrnp-color-muted);
  --mrnp-demo02-line:var(--mrnp-color-border);
  --mrnp-demo02-soft:var(--mrnp-color-surface-soft);
  --mrnp-demo02-section-gap:clamp(24px,calc(var(--mrnp-space-section) * .5),70px);
  --mrnp-demo02-inner-pad:calc(var(--mrnp-space-unit) * 1);
  --mrnp-demo02-heading-size:var(--mrnp-font-size-section-heading);
  --mrnp-demo02-feature-size:var(--mrnp-font-size-featured-heading);
  --mrnp-demo02-card-size:clamp(14px,calc(var(--mrnp-font-size-normal-heading) - 1px),30px);
  --mrnp-demo02-mini-size:clamp(12px,calc(var(--mrnp-font-size-normal-heading) - 3px),26px);
  --mrnp-demo02-body-size:clamp(13px,calc(var(--mrnp-font-size-base) - 2px),20px);
  --mrnp-demo02-radius:var(--mrnp-image-radius);
  --mrnp-demo02-dark-bg:color-mix(in srgb,var(--mrnp-color-heading) 94%,#000);
  --mrnp-demo02-dark-text:var(--mrnp-color-on-accent);
  --mrnp-demo02-dark-muted:color-mix(in srgb,var(--mrnp-color-on-accent) 72%,transparent);
  background:var(--mrnp-color-surface);
  color:var(--mrnp-color-text);
  font-family:var(--mrnp-font-body);
  font-size:var(--mrnp-font-size-base);
  line-height:var(--mrnp-line-height-base);
}
.mrnp-demo-02 .mrnp-home,
.mrnp-demo-02 .mrnp-site-header,
.mrnp-demo-02 .mrnp-demo02-masthead,
.mrnp-demo-02 .mrnp-demo02-navbar{background:var(--mrnp-color-surface)}

/* Layout tokens. */
.mrnp-demo-02 .mrnp-container{width:min(calc(100% - (var(--mrnp-content-gutter) * 2)),var(--mrnp-content-width));max-width:var(--mrnp-content-width);margin-inline:auto}
@media(min-width:1025px){.mrnp-demo-02 .mrnp-demo02-national__layout{grid-template-columns:minmax(0,1fr) minmax(260px,var(--mrnp-sidebar-width))}}
.mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__layout,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__layout{grid-template-columns:minmax(0,1fr) minmax(260px,var(--mrnp-sidebar-width));gap:var(--mrnp-space-block)}

/* Shared section rhythm from Global Spacing. */
.mrnp-demo-02 .mrnp-demo02-national,
.mrnp-demo-02 .mrnp-demo02-saradesh,
.mrnp-demo-02 .mrnp-demo02-politics,
.mrnp-demo-02 .mrnp-demo02-international,
.mrnp-demo-02 .mrnp-demo02-fourcats,
.mrnp-demo-02 .mrnp-demo02-video-strip{margin-bottom:var(--mrnp-demo02-section-gap)}
.mrnp-demo-02 .mrnp-demo02-national__top,
.mrnp-demo-02 .mrnp-demo02-national__bottom,
.mrnp-demo-02 .mrnp-demo02-saradesh__layout,
.mrnp-demo-02 .mrnp-demo02-politics__layout,
.mrnp-demo-02 .mrnp-demo02-international__layout,
.mrnp-demo-02 .mrnp-demo02-fourcats__grid{gap:var(--mrnp-space-block)}

/* Global section-heading typography and palette. */
.mrnp-demo-02 .mrnp-demo02-national__header h2,
.mrnp-demo-02 .mrnp-demo02-saradesh__header h2,
.mrnp-demo-02 .mrnp-demo02-politics__header h2,
.mrnp-demo-02 .mrnp-demo02-international__header h2,
.mrnp-demo-02 .mrnp-demo02-fourcats__header h2{
  color:var(--mrnp-color-heading);
  font-family:var(--mrnp-font-heading);
  font-size:var(--mrnp-font-size-section-heading);
  line-height:var(--mrnp-line-height-section-heading);
  font-weight:var(--mrnp-heading-weight);
}
.mrnp-demo-02 .mrnp-demo02-national__header h2 span,
.mrnp-demo-02 .mrnp-demo02-saradesh__header h2 span,
.mrnp-demo-02 .mrnp-demo02-politics__header h2 span,
.mrnp-demo-02 .mrnp-demo02-international__header h2 span,
.mrnp-demo-02 .mrnp-demo02-fourcats__header h2 span{background:var(--mrnp-color-primary)}
.mrnp-demo-02 .mrnp-demo02-national__header i,
.mrnp-demo-02 .mrnp-demo02-saradesh__header i,
.mrnp-demo-02 .mrnp-demo02-politics__header i,
.mrnp-demo-02 .mrnp-demo02-international__header i,
.mrnp-demo-02 .mrnp-demo02-fourcats__header{border-color:var(--mrnp-color-border)}
.mrnp-demo-02 .mrnp-demo02-national__header i,
.mrnp-demo-02 .mrnp-demo02-saradesh__header i,
.mrnp-demo-02 .mrnp-demo02-politics__header i,
.mrnp-demo-02 .mrnp-demo02-international__header i{background:var(--mrnp-color-border)}

/* Global editorial heading hierarchy. */
.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title,
.mrnp-demo-02 .mrnp-demo02-politics__lead h3{
  color:var(--mrnp-color-heading);
  font-family:var(--mrnp-font-heading);
  font-size:var(--mrnp-font-size-featured-heading);
  line-height:var(--mrnp-line-height-featured-heading);
  font-weight:var(--mrnp-heading-weight)
}
.mrnp-demo-02 .mrnp-demo02-national__side h3,
.mrnp-demo-02 .mrnp-demo02-national__bottom h3,
.mrnp-demo-02 .mrnp-demo02-saradesh h3,
.mrnp-demo-02 .mrnp-demo02-politics__second h3,
.mrnp-demo-02 .mrnp-demo02-politics__support h3,
.mrnp-demo-02 .mrnp-demo02-politics__trend.is-lead h3,
.mrnp-demo-02 .mrnp-demo02-international__card h3,
.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3{
  font-family:var(--mrnp-font-heading);
  font-size:var(--mrnp-demo02-card-size);
  line-height:var(--mrnp-line-height-normal-heading);
  font-weight:var(--mrnp-heading-weight)
}
.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini h3,
.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3,
.mrnp-demo-02 .mrnp-demo02-national__video-list h3,
.mrnp-demo-02 .mrnp-demo02-video-strip__title{
  font-family:var(--mrnp-font-heading);
  font-size:var(--mrnp-demo02-mini-size);
  line-height:var(--mrnp-line-height-normal-heading)
}
.mrnp-demo-02 .mrnp-demo02-national h3 a,
.mrnp-demo-02 .mrnp-demo02-saradesh h3 a,
.mrnp-demo-02 .mrnp-demo02-politics h3 a,
.mrnp-demo-02 .mrnp-demo02-international h3 a,
.mrnp-demo-02 .mrnp-demo02-fourcats h3 a{color:var(--mrnp-color-heading)}
.mrnp-demo-02 .mrnp-demo02-national__lead p,
.mrnp-demo-02 .mrnp-demo02-saradesh p,
.mrnp-demo-02 .mrnp-demo02-politics p{
  color:var(--mrnp-color-muted);
  font-family:var(--mrnp-font-body);
  font-size:var(--mrnp-demo02-body-size);
  line-height:var(--mrnp-line-height-base)
}

/* Global image radius and soft placeholder surface. */
.mrnp-demo-02 .mrnp-demo02-national a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-saradesh a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-politics a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-international a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-fourcats a[class*="media"],
.mrnp-demo-02 .mrnp-demo02-video-strip__media{border-radius:var(--mrnp-image-radius)}
.mrnp-demo-02 [class*="placeholder"],
.mrnp-demo-02 .mrnp-demo02-national__lead-media,
.mrnp-demo-02 .mrnp-demo02-national__side-media,
.mrnp-demo-02 .mrnp-demo02-national__bottom-media,
.mrnp-demo-02 .mrnp-demo02-international__media,
.mrnp-demo-02 .mrnp-demo02-fourcats__lead-media,
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-media{background:var(--mrnp-color-surface-soft)}

/* Shared borders, surfaces and cards. */
.mrnp-demo-02 .mrnp-demo02-national__top,
.mrnp-demo-02 .mrnp-demo02-politics__trend,
.mrnp-demo-02 .mrnp-demo02-fourcats__header{border-color:var(--mrnp-color-border)}
.mrnp-demo-02 .mrnp-demo02-national__videos,
.mrnp-demo-02 .mrnp-saradesh-search{background:var(--mrnp-color-surface-soft);border-color:var(--mrnp-color-border);border-radius:var(--mrnp-card-radius)}

/* Header / interface text follows the same global palette and type system. */
.mrnp-demo-02 .mrnp-site-header,
.mrnp-demo-02 .mrnp-demo02-tool {color:var(--mrnp-color-heading)}
.mrnp-demo-02 .mrnp-demo02-meta{color:var(--mrnp-color-muted);font-family:var(--mrnp-font-body);font-size:clamp(11px,calc(var(--mrnp-font-size-base) - 4px),16px)}
.mrnp-demo-02 .mrnp-demo02-location{color:var(--mrnp-color-text)}
.mrnp-demo-02 .mrnp-demo02-donation,
.mrnp-demo-02 .mrnp-demo02-action{border-radius:var(--mrnp-button-radius);font-family:var(--mrnp-font-body);font-weight:var(--mrnp-button-weight)}

/* Preserve Demo 02's intentional dark editorial identity, but derive it from
   the global heading/inverse colors so palette changes remain coherent. */
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending,
.mrnp-demo-02 .mrnp-demo02-video-strip{background:var(--mrnp-demo02-dark-bg)}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending h2,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending h3 a,
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header>a,
.mrnp-demo-02 .mrnp-demo02-video-strip__title a{color:var(--mrnp-demo02-dark-text)}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending p{color:var(--mrnp-demo02-dark-muted)}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending{border-radius:var(--mrnp-card-radius);padding:var(--mrnp-card-padding)}
.mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__trending .mrnp-demo02-politics__header h2 span{background:var(--mrnp-demo02-dark-text)}

/* Mobile changes layout only. It no longer replaces global font-size values. */
@media(max-width:767px){
  body.mrnp-demo-02{
    --mrnp-demo02-section-gap:clamp(20px,calc(var(--mrnp-space-section) * .42),52px);
    --mrnp-demo02-inner-pad:var(--mrnp-space-half-unit)
  }
  .mrnp-demo-02 .mrnp-container{width:min(calc(100% - (min(var(--mrnp-content-gutter),16px) * 2)),var(--mrnp-content-width))}
  .mrnp-demo-02 .mrnp-demo02-entertainment-lifestyle .mrnp-demo02-politics__layout,
  .mrnp-demo-02 .mrnp-demo02-sports-religion .mrnp-demo02-politics__layout{grid-template-columns:1fr;gap:var(--mrnp-space-block)}

  /* National and Saradesh use one fluid news column on narrow viewports. */
  .mrnp-demo-02 .mrnp-demo02-national__layout,
  .mrnp-demo-02 .mrnp-demo02-national__top,
  .mrnp-demo-02 .mrnp-demo02-national__sidebar,
  .mrnp-demo-02 .mrnp-demo02-saradesh__layout{
    grid-template-columns:minmax(0,1fr);
  }
  .mrnp-demo-02 .mrnp-demo02-national__news,
  .mrnp-demo-02 .mrnp-demo02-national__lead,
  .mrnp-demo-02 .mrnp-demo02-national__sidebar,
  .mrnp-demo-02 .mrnp-demo02-national__ad,
  .mrnp-demo-02 .mrnp-demo02-saradesh__visual,
  .mrnp-demo-02 .mrnp-demo02-saradesh__text,
  .mrnp-demo-02 .mrnp-demo02-saradesh__sidebar{min-width:0;width:100%;max-width:100%}
  .mrnp-demo-02 .mrnp-demo02-national__side{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .mrnp-demo-02 .mrnp-demo02-national__side article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start}
  .mrnp-demo-02 .mrnp-demo02-national__side-media{aspect-ratio:4/3}
  .mrnp-demo-02 .mrnp-demo02-national__side h3{margin:0}
  .mrnp-demo-02 .mrnp-demo02-national__bottom{grid-template-columns:minmax(0,1fr)}
  .mrnp-demo-02 .mrnp-demo02-national__bottom article{grid-template-columns:112px minmax(0,1fr)}
  .mrnp-demo-02 .mrnp-demo02-national__bottom-media{height:auto;aspect-ratio:4/3}
  .mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad,
  .mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad__container,
  .mrnp-demo-02 .mrnp-demo02-national__ad .mrnp-ad__creative{
    box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  }
  .mrnp-demo-02 .mrnp-demo02-saradesh__sidebar{grid-column:auto;margin-inline:0}
  .mrnp-demo-02 .mrnp-demo02-saradesh__visual article{grid-template-columns:112px minmax(0,1fr)}
  .mrnp-demo-02 .mrnp-demo02-saradesh__ads{grid-template-columns:minmax(0,1fr)}
  .mrnp-demo-02 .mrnp-demo02-saradesh__ads .mrnp-ad,
  .mrnp-demo-02 .mrnp-demo02-saradesh__ads .mrnp-ad__container,
  .mrnp-demo-02 .mrnp-demo02-saradesh__ads .mrnp-ad__creative{min-width:0;max-width:100%;box-sizing:border-box}
}

/* v0.26.64 — Demo 02 header/lead advertisement area: remove the tinted section background. */
body.mrnp-demo-02 .mrnp-ad--header_after_breaking{
  background:#fff!important;
}
body.mrnp-demo-02 .mrnp-ad--header_after_breaking .mrnp-ad__container{
  background:transparent!important;
}

/* v0.26.68 — Give the four-category row the same visual weight as the sections above. */
.mrnp-demo-02 .mrnp-demo02-fourcats{
  padding-top:4px;
  padding-bottom:6px;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__grid{
  gap:24px;
  align-items:start;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__header{
  margin-bottom:17px;
  padding-bottom:11px;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead-media{
  aspect-ratio:4/3;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3{
  font-size:clamp(16px,calc(var(--mrnp-font-size-normal-heading) - .5px),30px);
  line-height:1.45;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-list{
  gap:14px;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini{
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  align-items:center;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-media{
  aspect-ratio:3/2;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3{
  font-size:clamp(14px,calc(var(--mrnp-font-size-normal-heading) - 2px),27px);
  line-height:1.5;
  font-weight:600;
}
@media(max-width:1024px){
  .mrnp-demo-02 .mrnp-demo02-fourcats__grid{gap:28px 22px}
  .mrnp-demo-02 .mrnp-demo02-fourcats__mini{grid-template-columns:120px minmax(0,1fr)}
}
@media(max-width:767px){
  .mrnp-demo-02 .mrnp-demo02-fourcats__grid{gap:30px}
  .mrnp-demo-02 .mrnp-demo02-fourcats__lead-media{aspect-ratio:16/10}
  .mrnp-demo-02 .mrnp-demo02-fourcats__mini{grid-template-columns:115px minmax(0,1fr)}
}

/* v0.26.69 — Align the mini-news rows across all four category columns. */
.mrnp-demo-02 .mrnp-demo02-fourcats__lead{
  display:grid;
  grid-template-rows:auto auto;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3{
  display:-webkit-box;
  min-height:calc(2 * 1.45em);
  max-height:calc(2 * 1.45em);
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  margin:10px 0 18px;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__panel{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.mrnp-demo-02 .mrnp-demo02-fourcats__mini-list{
  margin-top:0;
}
@media(max-width:767px){
  .mrnp-demo-02 .mrnp-demo02-fourcats__lead h3{
    min-height:auto;
    max-height:none;
    -webkit-line-clamp:initial;
  }
}

/* Reusable Demo 02 header preset: preserve sticky offsets when the header is mixed with another homepage demo. */
.admin-bar .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar.is-sticky{top:32px}
@media(max-width:782px){.admin-bar .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar.is-sticky{top:46px}}

/* v0.26.71 — Demo 02 fully dynamic header controls + working menu drawer. */
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead{background:var(--mrnp-header-main-bg);border-bottom-color:var(--mrnp-d2-border)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__inner{min-height:var(--mrnp-d2-header-h);padding-top:var(--mrnp-d2-pad-y);padding-bottom:var(--mrnp-d2-pad-y);gap:var(--mrnp-d2-col-gap)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo{max-width:var(--mrnp-d2-logo-w);max-height:var(--mrnp-d2-logo-h)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-tool{width:var(--mrnp-d2-tool);height:var(--mrnp-d2-tool);color:var(--mrnp-header-main-text)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-hamburger{width:var(--mrnp-d2-hamburger)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-meta{font-size:var(--mrnp-d2-meta);color:var(--mrnp-header-main-text)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-donation,
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action{min-height:var(--mrnp-d2-action-h);font-size:var(--mrnp-d2-action-font)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-social__link{width:var(--mrnp-d2-social-box);height:var(--mrnp-d2-social-box)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-social__link span,
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-social__link svg{width:var(--mrnp-d2-social-icon);height:var(--mrnp-d2-social-icon)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar{background:var(--mrnp-header-menu-bg);border-bottom-color:var(--mrnp-d2-border)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar__inner{min-height:var(--mrnp-d2-nav-h)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu{gap:var(--mrnp-d2-nav-gap)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li>a{min-height:var(--mrnp-d2-nav-h);font-size:var(--mrnp-d2-nav-font);color:var(--mrnp-header-menu-text)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li>a:hover,
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li>a:focus-visible{color:var(--mrnp-header-menu-hover)}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li.current-menu-item>a,
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li.current-menu-ancestor>a{color:var(--mrnp-header-menu-active)}
.mrnp-demo02-menu-drawer{position:fixed;inset:0;z-index:99990;visibility:hidden;pointer-events:none}
.mrnp-demo02-menu-drawer.is-open{visibility:visible;pointer-events:auto}
.mrnp-demo02-menu-drawer__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.42);opacity:0;transition:opacity .22s ease;cursor:pointer}
.mrnp-demo02-menu-drawer.is-open .mrnp-demo02-menu-drawer__backdrop{opacity:1}
.mrnp-demo02-menu-drawer__panel{position:absolute;top:0;left:0;width:min(var(--mrnp-d2-drawer),calc(100vw - 34px));height:100%;padding:20px;background:var(--mrnp-header-main-bg);box-shadow:18px 0 44px rgba(15,23,42,.18);transform:translateX(-102%);transition:transform .24s ease;overflow:auto}
.admin-bar .mrnp-demo02-menu-drawer__panel{padding-top:52px}
.mrnp-demo02-menu-drawer.is-open .mrnp-demo02-menu-drawer__panel{transform:none}
.mrnp-demo02-menu-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:10px;border-bottom:1px solid var(--mrnp-d2-border);color:var(--mrnp-color-heading);font-family:var(--mrnp-font-heading);font-size:18px}
.mrnp-demo02-menu-drawer__close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--mrnp-d2-border);border-radius:8px;background:#fff;color:var(--mrnp-color-heading);font-size:26px;line-height:1;cursor:pointer}
.mrnp-demo02-drawer-menu,.mrnp-demo02-drawer-menu ul{list-style:none;margin:0;padding:0}
.mrnp-demo02-drawer-menu>li{border-bottom:1px solid color-mix(in srgb,var(--mrnp-d2-border) 72%,transparent)}
.mrnp-demo02-drawer-menu a{display:flex;align-items:center;min-height:46px;padding:8px 4px;color:var(--mrnp-color-heading);font-family:var(--mrnp-font-heading);font-size:var(--mrnp-d2-nav-font);font-weight:700;text-decoration:none}
.mrnp-demo02-drawer-menu a:hover,.mrnp-demo02-drawer-menu .current-menu-item>a{color:var(--mrnp-color-primary)}
.mrnp-demo02-drawer-menu .sub-menu{padding:0 0 8px 16px}
.mrnp-demo02-drawer-menu .sub-menu a{min-height:38px;font-size:max(12px,calc(var(--mrnp-d2-nav-font) - 1px));font-weight:600}
html.mrnp-demo02-drawer-open{overflow:hidden}
@media(max-width:782px){
 .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__inner{padding-top:var(--mrnp-d2-pad-y);padding-bottom:var(--mrnp-d2-pad-y)}
 .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo{max-width:var(--mrnp-d2-mobile-logo-w);max-height:var(--mrnp-d2-mobile-logo-h)}
 .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar__inner{min-height:var(--mrnp-d2-nav-h)}
 .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu>li>a{font-size:var(--mrnp-d2-nav-font)}
 .admin-bar .mrnp-demo02-menu-drawer__panel{padding-top:66px}
}

/* v0.26.72 — larger Demo 02 header meta + clearer lead sidebar separation. */
.mrnp-demo-02 .mrnp-demo02-lead__ad{margin-bottom:22px}
.mrnp-demo-02 .mrnp-demo02-lead__ad + .mrnp-demo02-lead__rail{margin-top:0}

/* v1.0.133 — Demo 02 phone composition. Keep dynamic desktop header settings,
   but resolve their width/spacing to touch-friendly values on small screens. */
@media (max-width: 782px) {
  body.mrnp-demo-02 .mrnp-site-header.mrnp-header-preset-scope,
  body.mrnp-demo-02 .mrnp-site-header { max-width:100%; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__inner,
  body.mrnp-demo-02 .mrnp-demo02-masthead__inner {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto;
    row-gap:7px;
    min-height:0;
    padding-top:10px;
    padding-bottom:8px;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand,
  body.mrnp-demo-02 .mrnp-demo02-masthead__brand {
    grid-column:1;
    grid-row:1;
    justify-content:center;
    min-width:0;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo {
    width:min(245px,78vw);
    height:auto;
    max-width:100%;
    max-height:76px;
    object-fit:contain;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__right,
  body.mrnp-demo-02 .mrnp-demo02-masthead__right {
    display:none;
    min-height:0;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__left,
  body.mrnp-demo-02 .mrnp-demo02-masthead__left {
    grid-column:1;
    grid-row:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:9px;
    min-width:0;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-tool {
    width:40px;
    height:40px;
    min-width:40px;
    border:1px solid var(--mrnp-d2-border,#dde3ea);
    border-radius:9px;
    background:#f8fafc;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-tools { gap:7px;flex:0 0 auto; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-meta,
  body.mrnp-demo-02 .mrnp-demo02-meta {
    min-width:0;
    max-width:100%;
    margin:0;
    font-size:12px;
    line-height:1.45;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.mrnp-demo-02 .mrnp-demo02-meta span { white-space:nowrap; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .mrnp-demo02-logo-link { width:auto;max-width:100%; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .mrnp-site-title { font-size:27px; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-header-actions { gap:5px;min-width:0; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action {
    min-height:34px;
    font-size:13px;
    padding:6px 9px;
  }
  body.mrnp-demo-02 .mrnp-demo02-navbar { display:none; }
  body.mrnp-demo-02 .mrnp-breaking { padding-top:5px; }
  body.mrnp-demo-02 .mrnp-breaking__inner { min-height:36px; }
  body.mrnp-demo-02 .mrnp-breaking__label { font-size:13px; }
  body.mrnp-demo-02 .mrnp-breaking__stories a { font-size:13px; }
  body.mrnp-demo-02 .mrnp-demo02-search-panel__inner { padding-block:10px; }
  body.mrnp-demo-02 .mrnp-demo02-search-form .mrnp-search-form__row {
    display:flex;flex-wrap:wrap;gap:8px;
  }
  body.mrnp-demo-02 .mrnp-demo02-search-form input[type=search] { flex:1 1 100%;min-width:0; }
}
@media (max-width: 767px) {
  body.mrnp-demo-02 {
    --mrnp-demo02-section-gap:22px;
    --mrnp-demo02-heading-size:21px;
    --mrnp-demo02-feature-size:21px;
    --mrnp-demo02-card-size:17px;
    --mrnp-demo02-mini-size:16px;
    --mrnp-demo02-body-size:14px;
  }
  body.mrnp-demo-02 .mrnp-home,
  body.mrnp-demo-02 .mrnp-demo02-lead,
  body.mrnp-demo-02 .mrnp-demo02-national,
  body.mrnp-demo-02 .mrnp-demo02-saradesh,
  body.mrnp-demo-02 .mrnp-demo02-politics,
  body.mrnp-demo-02 .mrnp-demo02-international,
  body.mrnp-demo-02 .mrnp-demo02-fourcats { min-width:0;max-width:100%; }
  body.mrnp-demo-02 .mrnp-demo02-lead,
  body.mrnp-demo-02 .mrnp-demo02-national,
  body.mrnp-demo-02 .mrnp-demo02-saradesh,
  body.mrnp-demo-02 .mrnp-demo02-politics,
  body.mrnp-demo-02 .mrnp-demo02-international,
  body.mrnp-demo-02 .mrnp-demo02-fourcats { margin-bottom:22px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__layout,
  body.mrnp-demo-02 .mrnp-demo02-lead__feature,
  body.mrnp-demo-02 .mrnp-demo02-national__layout,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__layout,
  body.mrnp-demo-02 .mrnp-demo02-politics__layout,
  body.mrnp-demo-02 .mrnp-demo02-international__layout { grid-template-columns:minmax(0,1fr); }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature { gap:9px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-media { aspect-ratio:16/9; }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-body { padding-bottom:5px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-title { font-size:clamp(21px,5.8vw,24px);line-height:1.36;letter-spacing:0; }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-meta { font-size:12px;color:#596577; }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-excerpt { display:-webkit-box;max-height:calc(1.6em * 3);font-size:15px;line-height:1.6;color:#425166;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
  body.mrnp-demo-02 .mrnp-demo02-lead__text-row { padding-block:2px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__text-card { padding-block:9px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__text-card h2 { font-size:17px;line-height:1.45; }
  body.mrnp-demo-02 .mrnp-demo02-lead__mini-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
  body.mrnp-demo-02 .mrnp-demo02-lead__mini-card {
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    align-items:start;
    padding:8px;
    gap:7px;
    background:#f6f8fa;
  }
  body.mrnp-demo-02 .mrnp-demo02-lead__mini-media { width:100%;height:auto;aspect-ratio:4/3; }
  body.mrnp-demo-02 .mrnp-demo02-lead__mini-card h3 { font-size:15px;line-height:1.45; }
  body.mrnp-demo-02 .mrnp-demo02-lead__sidebar,
  body.mrnp-demo-02 .mrnp-demo02-international__sidebar { grid-template-columns:1fr; }
  body.mrnp-demo-02 .mrnp-demo02-lead__rail { height:270px; }
  body.mrnp-demo-02 .mrnp-home-highlights__rail-title { font-size:15px;line-height:1.5; }
  body.mrnp-demo-02 .mrnp-demo02-national__header,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__header,
  body.mrnp-demo-02 .mrnp-demo02-politics__header,
  body.mrnp-demo-02 .mrnp-demo02-international__header,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__header { margin-bottom:12px; }
  body.mrnp-demo-02 .mrnp-demo02-national__header h2,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__header h2,
  body.mrnp-demo-02 .mrnp-demo02-politics__header h2,
  body.mrnp-demo-02 .mrnp-demo02-international__header h2,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__header h2 { font-size:21px;line-height:1.35; }
  body.mrnp-demo-02 .mrnp-demo02-national__top { grid-template-columns:minmax(0,1fr);gap:13px;padding-bottom:12px; }
  body.mrnp-demo-02 .mrnp-demo02-national__side,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__ads { grid-template-columns:minmax(0,1fr); }
  body.mrnp-demo-02 .mrnp-demo02-national__side article,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom article,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__visual article { grid-template-columns:108px minmax(0,1fr);gap:11px; }
  body.mrnp-demo-02 .mrnp-demo02-national h3,
  body.mrnp-demo-02 .mrnp-demo02-saradesh h3,
  body.mrnp-demo-02 .mrnp-demo02-politics h3,
  body.mrnp-demo-02 .mrnp-demo02-international__card h3,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3 { font-size:16px;line-height:1.5;overflow-wrap:break-word; }
  body.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3 { font-size:21px;line-height:1.42; }
  body.mrnp-demo-02 .mrnp-demo02-saradesh p { font-size:14px;line-height:1.55; }
  body.mrnp-demo-02 .mrnp-demo02-international__grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 11px; }
  body.mrnp-demo-02 .mrnp-demo02-fourcats__grid { grid-template-columns:minmax(0,1fr);gap:22px; }
  body.mrnp-demo-02 .mrnp-demo02-fourcats__mini { grid-template-columns:108px minmax(0,1fr);gap:11px; }
  body.mrnp-demo-02 .mrnp-demo02-fourcats__mini-list { gap:9px; }
  body.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3 { margin-bottom:12px; }
  body.mrnp-demo-02 .mrnp-demo02-video-strip__title { font-size:15px;line-height:1.5; }
  body.mrnp-demo-02 .mrnp-online-vote__eyebrow,
  body.mrnp-demo-02 .mrnp-online-vote__footer { font-size:13px; }
  body.mrnp-demo-02 .mrnp-ad,
  body.mrnp-demo-02 .mrnp-ad__container,
  body.mrnp-demo-02 .mrnp-ad__creative { max-width:100%;min-width:0; }
}
@media (max-width: 380px) {
  body.mrnp-demo-02 .mrnp-demo02-international__grid { grid-template-columns:minmax(0,1fr); }
  body.mrnp-demo-02 .mrnp-demo02-national__side article,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom article,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__visual article { grid-template-columns:92px minmax(0,1fr); }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-meta { font-size:11.5px; }
}

/* v1.0.135 — Demo 02 mobile editorial masthead, with the full swipeable primary menu.
   The existing markup and dashboard settings are reused; desktop rules are unchanged. */
.mrnp-demo-02 .mrnp-demo02-action--mobile-latest { display:none; }
@media (max-width:782px) {
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__inner {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:auto auto;
    column-gap:8px;
    row-gap:4px;
    align-items:center;
    min-height:0;
    padding-top:7px;
    padding-bottom:6px;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__left,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-tools {
    display:contents;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand {
    grid-column:1;
    grid-row:1;
    justify-content:flex-start;
    min-width:0;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__brand .custom-logo {
    display:block;
    width:auto;
    height:auto;
    max-width:min(205px,58vw);
    max-height:58px;
    object-fit:contain;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-menu-toggle,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-donation { display:none; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-search-toggle {
    grid-column:3;
    grid-row:1;
    justify-self:end;
    width:34px;
    height:34px;
    min-width:34px;
    border:1px solid var(--mrnp-d2-border,#dde3ea);
    border-radius:10px;
    background:#f8fafc;
    color:var(--mrnp-header-main-text,#283747);
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-meta {
    grid-column:1 / -1;
    grid-row:2;
    display:flex;
    gap:7px;
    align-items:center;
    justify-self:start;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    margin:0;
    font-size:clamp(11px,2.8vw,13px);
    line-height:1.4;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-meta span:nth-of-type(2) {
    overflow:hidden;
    text-overflow:ellipsis;
  }
  /* Keep the existing action link as a direct grid item on mobile.
     It sits immediately left of Search in the masthead's first row. */
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-masthead__right,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-header-actions,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-actions { display:contents; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action--epaper,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action--mobile-latest {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    align-self:center;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action--epaper,
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action--mobile-latest {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    min-height:34px;
    box-sizing:border-box;
    padding:0 9px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
    border-radius:6px;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-social { display:none; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar {
    display:block;
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-navbar__inner {
    display:block;
    width:100%;
    max-width:100%;
    min-height:42px;
    padding:0;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-nav {
    position:static;
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 14px;
    border:0;
    background:transparent;
    box-shadow:none;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-nav::-webkit-scrollbar { display:none; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-start;
    width:max-content;
    min-width:100%;
    min-height:42px;
    gap:2px;
    padding:0;
    margin:0;
    list-style:none;
  }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu > li { flex:0 0 auto; }
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu > li > a {
    display:flex;
    align-items:center;
    min-height:42px;
    padding:7px 11px;
    font-size:14px;
    line-height:1.25;
    white-space:nowrap;
  }
  /* Dropdown children remain accessible through the original drawer on larger
     screens; on touch widths surface submenu links in the same scroll rail. */
  .mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-primary-menu .sub-menu { display:none; }
}

/* v1.0.141 — Demo 02 mobile editorial grids and Lifestyle swipe rail.
   Layout changes are scoped to narrow screens; desktop cards remain intact. */
@media (min-width:768px) {
  .mrnp-demo-02 .mrnp-demo02-politics__trend.is-mobile-extra { display:none; }
  .mrnp-demo-02 .mrnp-demo02-lifestyle__controls { display:none; }
}
@media (max-width:767px) {
  /* National: two side + two bottom stories form a consistent 2 x 2 grid. */
  body.mrnp-demo-02 .mrnp-demo02-national__side,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px;
  }
  body.mrnp-demo-02 .mrnp-demo02-national__side article,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom article {
    display:block;min-width:0;
  }
  body.mrnp-demo-02 .mrnp-demo02-national__side-media,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom-media {
    width:100%;height:auto;aspect-ratio:4/3;margin:0 0 7px;
  }
  body.mrnp-demo-02 .mrnp-demo02-national__side h3,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom h3 { font-size:15px;line-height:1.45;margin:0; }
  /* Politics, Entertainment and Sports: lead full-width, next four 2 x 2. */
  body.mrnp-demo-02 .mrnp-demo02-politics__news {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:13px 11px;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__second,
  body.mrnp-demo-02 .mrnp-demo02-politics__support article {
    display:block;grid-column:auto;grid-row:auto;min-width:0;margin:0;padding:0;border:0;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__support { display:contents; }
  body.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(n+4) { display:none; }
  /* Politics, Entertainment and Sports: pin the feature above both compact rows. */
  body.mrnp-demo-02 .mrnp-demo02-politics__lead {
    grid-column:1 / -1;grid-row:1;min-width:0;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__second { grid-column:1;grid-row:2; }
  body.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(1) { grid-column:2;grid-row:2; }
  body.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(2) { grid-column:1;grid-row:3; }
  body.mrnp-demo-02 .mrnp-demo02-politics__support article:nth-child(3) { grid-column:2;grid-row:3; }
  body.mrnp-demo-02 .mrnp-demo02-politics__second-media,
  body.mrnp-demo-02 .mrnp-demo02-politics__support-media {
    display:block;width:100%;height:auto;aspect-ratio:4/3;margin:0 0 7px;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__second h3,
  body.mrnp-demo-02 .mrnp-demo02-politics__support h3 { font-size:15px;line-height:1.45;margin:0; }
  /* Most Discussed: first story across the row, then four compact cards. */
  body.mrnp-demo-02 .mrnp-demo02-politics:not(.mrnp-demo02-entertainment-lifestyle):not(.mrnp-demo02-sports-religion) .mrnp-demo02-politics__trending {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 11px;width:100%;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__trending > .mrnp-demo02-politics__header,
  body.mrnp-demo-02 .mrnp-demo02-politics__trending > .mrnp-demo02-politics__trend.is-lead { grid-column:1/-1; }
  body.mrnp-demo-02 .mrnp-demo02-politics:not(.mrnp-demo02-entertainment-lifestyle):not(.mrnp-demo02-sports-religion) .mrnp-demo02-politics__trending > .mrnp-demo02-politics__header { margin-bottom:0; }
  body.mrnp-demo-02 .mrnp-demo02-politics__trending > .mrnp-demo02-politics__trend.is-mini {
    display:block;min-width:0;padding:0;border:0;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__trending > .mrnp-demo02-politics__trend.is-mini .mrnp-demo02-politics__trend-media {
    display:block;width:100%;aspect-ratio:4/3;margin:0 0 7px;
  }
  body.mrnp-demo-02 .mrnp-demo02-politics__trending > .mrnp-demo02-politics__trend.is-mini h3 { font-size:15px;line-height:1.45;margin:0; }
  /* Lifestyle: one full-width lead, remaining two independently scrollable. */
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories {
    display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-rows:auto;
    gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories::-webkit-scrollbar { display:none; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories > .mrnp-demo02-politics__trend {
    display:block;min-width:0;margin:0;padding:0;border:0;scroll-snap-align:start;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories > .mrnp-demo02-politics__trend.is-lead {
    grid-column:auto;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories .mrnp-demo02-politics__trend-media {
    display:block;width:100%;aspect-ratio:16/9;margin-bottom:8px;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories .mrnp-demo02-politics__trend h3 { font-size:16px;line-height:1.45;margin:0; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories .mrnp-demo02-politics__trend p { display:none; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__controls {
    display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:11px;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__hint { margin-right:auto;font-size:12px;color:#637185; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__arrow {
    display:grid;place-items:center;width:34px;height:32px;padding:0;
    border:1px solid #d6dce4;border-radius:7px;background:#fff;
    color:var(--mrnp-color-primary);font-size:25px;line-height:1;cursor:pointer;
  }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__arrow:disabled { opacity:.35;cursor:default; }
}

@media (min-width:768px) {
  .mrnp-demo-02 .mrnp-demo02-lifestyle__lead,
  .mrnp-demo-02 .mrnp-demo02-lifestyle__stories { display:contents; }
}
@media (max-width:767px) {
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead { display:block;width:100%;margin-bottom:13px; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead .mrnp-demo02-politics__trend { border:0;padding:0; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead .mrnp-demo02-politics__trend-media { display:block;width:100%;aspect-ratio:16/9;margin-bottom:8px; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead h3 { font-size:18px;line-height:1.45;margin:0 0 5px; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories { grid-auto-columns:80%; }
}

/* v1.0.143 — Demo 02 mobile editorial rhythm and consistent heading scale.
   Featured headlines lead; section titles match regular news headlines. */
@media (max-width:767px) {
  body.mrnp-demo-02 {
    --mrnp-demo02-section-gap:30px;
    --mrnp-demo02-heading-size:18px;
    --mrnp-demo02-feature-size:23px;
    --mrnp-demo02-card-size:18px;
    --mrnp-demo02-mini-size:17px;
  }
  body.mrnp-demo-02 .mrnp-demo02-lead,
  body.mrnp-demo-02 .mrnp-demo02-national,
  body.mrnp-demo-02 .mrnp-demo02-saradesh,
  body.mrnp-demo-02 .mrnp-demo02-politics,
  body.mrnp-demo-02 .mrnp-demo02-international,
  body.mrnp-demo-02 .mrnp-demo02-fourcats { margin-top:0;margin-bottom:30px; }
  body.mrnp-demo-02 .mrnp-demo02-national__header,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__header,
  body.mrnp-demo-02 .mrnp-demo02-politics__header,
  body.mrnp-demo-02 .mrnp-demo02-international__header,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__header { margin-bottom:15px; }
  body.mrnp-demo-02 .mrnp-demo02-national__header h2,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__header h2,
  body.mrnp-demo-02 .mrnp-demo02-politics__header h2,
  body.mrnp-demo-02 .mrnp-demo02-international__header h2,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__header h2,
  body.mrnp-demo-02 .mrnp-demo02-national__videos > h2,
  body.mrnp-demo-02 .mrnp-demo02-politics__trending .mrnp-demo02-politics__header h2 {
    font-size:18px;line-height:1.42;
  }
  body.mrnp-demo-02 .mrnp-demo02-lead__feature-title {
    font-size:30px;line-height:1.3;
  }
  body.mrnp-demo-02 .mrnp-demo02-national__lead .mrnp-home-feature-category__lead-title,
  body.mrnp-demo-02 .mrnp-demo02-politics__lead h3,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__lead h3,
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead h3 {
    font-size:23px;line-height:1.38;
  }
  body.mrnp-demo-02 .mrnp-demo02-lead__text-card h2,
  body.mrnp-demo-02 .mrnp-demo02-lead__mini-card h3,
  body.mrnp-demo-02 .mrnp-demo02-national__side h3,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom h3,
  body.mrnp-demo-02 .mrnp-demo02-saradesh h3,
  body.mrnp-demo-02 .mrnp-demo02-politics__second h3,
  body.mrnp-demo-02 .mrnp-demo02-politics__support h3,
  body.mrnp-demo-02 .mrnp-demo02-politics__trend.is-lead h3,
  body.mrnp-demo-02 .mrnp-demo02-politics__trend.is-mini h3,
  body.mrnp-demo-02 .mrnp-demo02-international__card h3,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__mini h3,
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__stories .mrnp-demo02-politics__trend h3 {
    font-size:18px;line-height:1.46;
  }
  body.mrnp-demo-02 .mrnp-demo02-national__side,
  body.mrnp-demo-02 .mrnp-demo02-national__bottom,
  body.mrnp-demo-02 .mrnp-demo02-politics__news,
  body.mrnp-demo-02 .mrnp-demo02-politics__trending { row-gap:16px; }
  body.mrnp-demo-02 .mrnp-demo02-politics__layout,
  body.mrnp-demo-02 .mrnp-demo02-saradesh__layout,
  body.mrnp-demo-02 .mrnp-demo02-international__layout,
  body.mrnp-demo-02 .mrnp-demo02-fourcats__grid { row-gap:20px; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__lead { margin-bottom:16px; }
  body.mrnp-demo-02 .mrnp-demo02-lifestyle__controls { margin-top:13px; }
}


/* v1.0.149 — Canonical Demo 02 homepage rhythm.
 * All homepage children use one boundary-based scale. Previous variants
 * stacked a section's margin-bottom, its container padding and the ad's
 * padding; that is why an apparent 20px ad rule rendered as 40–60px.
 * A regular editorial-to-editorial boundary is 40px (20px per side).
 * When either neighbor is a between-section ad, the visual gap is 20px.
 * Sidebar slots and ad dimensions are intentionally unaffected.
 */
body.mrnp-demo-02 .mrnp-home > section {
  box-sizing:border-box;
  margin-block:0;
}
body.mrnp-demo-02 .mrnp-home > section:not(.mrnp-demo02-ad-boundary) > .mrnp-container {
  padding-block:0;
}
body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary {
  display:flow-root;
  padding-block:0;
}
body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary > .mrnp-container {
  padding-block:0;
  margin-block:0;
}
body.mrnp-demo-02 .mrnp-home > section + section {
  margin-top:40px;
}
body.mrnp-demo-02 .mrnp-home > section + .mrnp-demo02-ad-boundary,
body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary + section {
  margin-top:20px;
}
/* A dark video-strip's own internal padding is editorial content padding.
 * The visible distance from its outside edge to the next block is still 20px. */
body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary .mrnp-ad {
  margin-block:0;
}
body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary.mrnp-home-ad-pair .mrnp-home-ad-pair__grid {
  column-gap:16px;
  row-gap:16px;
}
@media (max-width:767px) {
  body.mrnp-demo-02 .mrnp-home > .mrnp-demo02-ad-boundary.mrnp-home-ad-pair .mrnp-home-ad-pair__grid {
    row-gap:12px;
  }
}

/* v1.0.166 — Demo 02 outer section rhythm; replaces ambiguous inherited gaps.
 * Adjacent section edges are 40px; ad to neighbouring section edges are 20px. */
.mrnp-home--demo-02 > section {margin-block:0;}
.mrnp-home--demo-02 > section + section {margin-top:40px;}
.mrnp-home--demo-02 > section + .mrnp-demo02-ad-boundary,
.mrnp-home--demo-02 > .mrnp-demo02-ad-boundary + section {margin-top:20px;}
.mrnp-home--demo-02 > .mrnp-demo02-ad-boundary {padding-block:0;}
.mrnp-home--demo-02 > .mrnp-demo02-ad-boundary > .mrnp-container {padding-block:0;}