/**
 * 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:30px;
	padding:4px 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:var(--hub-button-font);
	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;font-weight:var(--hub-action-weight);}
.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;font-weight:var(--hub-meta-weight);}
.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;font-weight:var(--hub-meta-weight);}
	.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;font-weight:var(--hub-meta-weight);}
	.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;font-size:var(--hub-button-font);font-weight:var(--hub-action-weight);}
	.mrnp-demo-02 .mrnp-demo02-action { padding:2px 8px; font-size:var(--hub-button-font);font-weight:var(--hub-action-weight);}
	.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);font-weight:var(--hub-meta-weight);}
	.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);font-weight:var(--hub-meta-weight);}
.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(--hub-action-weight);font-size:var(--hub-button-font);}

/* 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);font-weight:var(--hub-meta-weight);}
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-donation,
.mrnp-header-preset-scope.mrnp-demo-02 .mrnp-demo02-action{min-height:max(26px,calc(var(--mrnp-d2-action-h) - 4px));font-size:var(--hub-button-font);font-weight:var(--hub-action-weight);}
.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);font-weight:var(--hub-nav-weight);}
.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);font-weight:var(--hub-nav-weight);}
 .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:var(--mrnp-layout-logo-w);
    height:auto;
    max-width:100%;
    max-height:var(--mrnp-layout-logo-h);
    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;font-weight:var(--hub-meta-weight);}
  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:30px;
    font-size:var(--hub-button-font);
    padding:4px 9px;font-weight:var(--hub-action-weight);}
  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;font-weight:var(--hub-meta-weight);}
}

/* 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:var(--mrnp-layout-logo-w);
    height:auto;
    max-width:100%;
    max-height:var(--mrnp-layout-logo-h);
    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;font-size:var(--hub-button-font);font-weight:var(--hub-action-weight);}
  .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;font-weight:var(--hub-meta-weight);}
  .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:30px;
    min-height:30px;
    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;}