/**
 * MR News Pro — Demo 01 / Main News presentation layer.
 *
 * This file intentionally contains visual composition only. Feature modules
 * keep ownership of markup, data, queries and behavior.
 */

/* --------------------------------------------------------------------------
   Demo foundation
   -------------------------------------------------------------------------- */
body.mrnp-header-demo-01 {
	--mrnp-image-radius: 6px;
	--mrnp-demo-muted: var(--mrnp-color-muted);
	--mrnp-demo-line: var(--mrnp-color-border);
	--mrnp-demo-deep: var(--mrnp-color-heading);
}

body.mrnp-demo-01 {
	--mrnp-image-radius: 6px;
	--mrnp-demo-muted: var(--mrnp-color-muted);
	--mrnp-demo-line: var(--mrnp-color-border);
	--mrnp-demo-soft: var(--mrnp-color-surface-soft);
	--mrnp-demo-deep: var(--mrnp-color-heading);

	/* Demo 01 is intentionally flat/editorial. Card Design System values are
	 * reserved for card-based demos and must not alter this presentation. */
	--mrnp-card-bg: transparent;
	--mrnp-card-border: transparent;
	--mrnp-card-radius: 0px;
	--mrnp-card-padding: 0px;
	--mrnp-card-shadow: none;

	/* Functional panels stay readable, but are independent from Card settings. */
	--mrnp-component-bg: var(--mrnp-color-surface);
	--mrnp-component-border: var(--mrnp-color-border);
	--mrnp-component-radius: 0px;
	--mrnp-component-padding: var(--mrnp-space-md);
	--mrnp-component-shadow: none;
	--mrnp-meta-bg: var(--mrnp-color-surface-soft);
	--mrnp-widget-bg: var(--mrnp-color-surface);
	--mrnp-widget-border: var(--mrnp-color-border);
	--mrnp-widget-radius: 0px;
	--mrnp-widget-shadow: none;

	background: #fff;
	color: var(--mrnp-color-text);
}
.mrnp-demo-01 .mrnp-container {
	width: min(calc(100% - (var(--mrnp-container-gutter) * 2)), var(--mrnp-content-width));
}
.mrnp-demo-01 h1,
.mrnp-demo-01 h2,
.mrnp-demo-01 h3,
.mrnp-demo-01 h4,
.mrnp-demo-01 h5,
.mrnp-demo-01 h6 {
	letter-spacing: -.018em;
}
.mrnp-demo-01 :where(a,button,input,select):focus-visible {
	outline: 2px solid color-mix(in srgb, var(--mrnp-color-primary) 55%, transparent);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Header / navigation
   -------------------------------------------------------------------------- */
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-topbar {
	border: 0;
	background: var(--mrnp-demo-deep);
	font-size: .78rem;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-topbar__inner { min-height: 34px; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-main-header {
	border-bottom: 1px solid var(--mrnp-demo-line);
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-main-header__inner {
	min-height: 88px;
	justify-content: center;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-branding { justify-content: center; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-branding .custom-logo { max-height: 54px; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-site-title {
	font-size: clamp(1.8rem, 3vw, 2.35rem);
	font-weight: 800;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-navbar {
	border-top: 0;
	border-bottom: 1px solid var(--mrnp-demo-line);
	box-shadow: 0 1px 0 rgba(0,0,0,.015);
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-navbar__inner {
	min-height: 50px;
	gap: 10px;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu {
	min-height: 50px;
	justify-content: center;
	gap: 1px;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu a {
	padding-inline: 11px;
	font-size: .9rem;
	font-weight: 700;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu > li > a {
	position: relative;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu > li > a::after {
	content: "";
	position: absolute;
	left: 11px;
	right: 11px;
	bottom: -1px;
	height: 2px;
	background: var(--mrnp-color-primary);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform var(--mrnp-motion-standard) ease;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu > li:hover > a::after,
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu > .current-menu-item > a::after,
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-primary-menu > .current-menu-ancestor > a::after {
	transform: scaleX(1);
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-icon-button { width: 40px; min-width: 40px; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-mega-menu {
	padding: 22px;
	border-color: var(--mrnp-demo-line);
	border-top: 3px solid var(--mrnp-color-primary);
	border-radius: 0 0 10px 10px;
	box-shadow: 0 22px 50px rgba(18,22,30,.12);
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-mega-card__media { border-radius: var(--mrnp-image-radius); }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-mega-card__body time { color: var(--mrnp-demo-muted); }

/* Single Latest / Breaking strip */
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking {
	position: static;
	border-bottom: 1px solid var(--mrnp-demo-line);
	background: var(--mrnp-header-news-bg, var(--mrnp-color-surface));
	color: var(--mrnp-header-news-text, var(--mrnp-color-heading));
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking__inner {
	min-height: 36px;
	gap: 0;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking__label {
	align-self: stretch;
	display: inline-flex;
	align-items: center;
	color: var(--mrnp-color-on-accent);
	padding: 0 18px;
	margin-right: 18px;
	border-radius: 0;
	background: var(--mrnp-demo-deep);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .015em;
	text-transform: none;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking__group { gap: 14px; padding-right: 14px; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking__stories a {
	display: inline-flex;
	align-items: center;
	font-size: var(--mrnp-font-size-news-ticker);
	line-height: var(--mrnp-line-height-news-ticker);
	font-weight: 650;
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-breaking__group a::after {
	content: "";
	width: 5px;
	height: 5px;
	margin-left: 14px;
	flex: 0 0 5px;
	border-radius: 50%;
	background: var(--mrnp-color-primary);
}
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-category-nav { border-color: var(--mrnp-demo-line); }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-category-nav__scroller { min-height: 38px; }
:is(.mrnp-demo-01,.mrnp-header-demo-01) .mrnp-category-nav a {
	padding: 4px 9px;
	border-radius: 4px;
	font-size: .76rem;
}

/* --------------------------------------------------------------------------
   Homepage shell
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-home {
	padding: 26px 0 0;
	background: var(--mrnp-color-surface);
}

/* --------------------------------------------------------------------------
   Lead newsroom composition
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-home-lead { margin-bottom: var(--mrnp-space-block-plus-md-unit); }
.mrnp-demo-01 .mrnp-home-lead__grid {
	grid-template-columns: minmax(0, 1.62fr) minmax(350px, 1fr);
	gap: 10px;
}
.mrnp-demo-01 .mrnp-home-lead__secondary { gap: 10px; }
.mrnp-demo-01 .mrnp-home-lead__primary .mrnp-news-card--overlay {
	min-height: 510px;
	border-radius: var(--mrnp-image-radius);
}
.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card--overlay {
	min-height: 250px;
	border-radius: var(--mrnp-image-radius);
}
.mrnp-demo-01 .mrnp-home-lead .mrnp-news-card--overlay .mrnp-news-card__media::after {
	background: linear-gradient(to top, rgba(7,9,13,.92), rgba(7,9,13,.08) 72%);
}
.mrnp-demo-01 .mrnp-home-lead__primary .mrnp-news-card__body { padding: 28px; }
.mrnp-demo-01 .mrnp-home-lead__primary .mrnp-news-card__title {
	max-width: 90%;
	font-size: var(--mrnp-font-size-lead-heading);
	line-height: var(--mrnp-line-height-lead-heading);
}
.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card__body { padding: 17px; }
.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card__title {
	font-size: var(--mrnp-font-size-normal-heading);
	line-height: var(--mrnp-line-height-normal-heading);
}
.mrnp-demo-01 .mrnp-home-lead .mrnp-news-card__category {
	margin-bottom: 8px;
	padding: 4px 8px;
	border-radius: 3px;
	background: var(--mrnp-color-primary);
	color: var(--mrnp-section-header-color);
	font-size: .68rem;
	letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   Cards and latest grid
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-news-card--standard {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.mrnp-demo-01 .mrnp-news-card--standard .mrnp-news-card__media {
	border-radius: var(--mrnp-image-radius);
}
.mrnp-demo-01 .mrnp-news-card--standard .mrnp-news-card__body {
	padding: 12px 0 0;
}
.mrnp-demo-01 .mrnp-news-card__category {
	margin-bottom: 7px;
	font-size: .69rem;
	letter-spacing: .02em;
	text-transform: none;
}
.mrnp-demo-01 .mrnp-news-card__title {
	font-size: var(--mrnp-font-size-normal-heading);
	font-weight: var(--mrnp-heading-weight);
	line-height: var(--mrnp-line-height-normal-heading);
}
.mrnp-demo-01 .mrnp-news-card__meta {
	margin-top: 8px;
	font-size: .72rem;
}
.mrnp-demo-01 .mrnp-news-card__excerpt {
	margin-top: 8px;
	font-family: var(--mrnp-font-body);
	font-size: var(--mrnp-font-size-base);
	line-height: var(--mrnp-line-height-base);
	color: var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-grid { gap: 26px 18px; }
.mrnp-demo-01 .mrnp-home-grid .mrnp-news-card__excerpt { display: none; }
.mrnp-demo-01 .mrnp-home-grid .mrnp-news-card__title { font-size: var(--mrnp-font-size-normal-heading); }

/* Homepage highlights block — reference layout with 3 featured stories + 3 text stories. */
/* Mobile-only Highlights composition is hidden on desktop. */
.mrnp-demo-01 .mrnp-home-highlights__mobile,
.mrnp-demo-01 .mrnp-home-highlights__mobile-next { display: none; }

.mrnp-demo-01 .mrnp-home-highlights { padding-block: 6px 0; }
.mrnp-demo-01 .mrnp-home-highlights__layout--has-video {
	display: grid;
	grid-template-columns: minmax(0,1fr) 250px;
	gap: 18px;
	align-items: start;
}
.mrnp-demo-01 .mrnp-home-highlights__layout--has-video .mrnp-home-highlights__main,
.mrnp-demo-01 .mrnp-home-highlights__layout--has-video .mrnp-home-highlights__sidebar {
	min-width: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__top,
.mrnp-demo-01 .mrnp-home-highlights__bottom {
	display: grid;
	grid-template-columns: calc((100% - 18px) / 3) calc((100% + 36px) / 3) calc((100% - 18px) / 3);
	gap: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__top {
	border-top: 1px solid var(--mrnp-demo-line);
	border-bottom: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-highlights__bottom {
	border-bottom: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-highlights__featured,
.mrnp-demo-01 .mrnp-home-highlights__text {
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 16px;
	padding-left: 18px;
	border-right: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-highlights__top > :first-child,
.mrnp-demo-01 .mrnp-home-highlights__bottom > :first-child { padding-left: 0; }
.mrnp-demo-01 .mrnp-home-highlights__top > :last-child,
.mrnp-demo-01 .mrnp-home-highlights__bottom > :last-child { padding-right: 0; border-right: 0; }
.mrnp-demo-01 .mrnp-home-highlights__featured-media {
	display: block;
	aspect-ratio: 1.7 / 1;
	overflow: hidden;
	background: var(--mrnp-color-surface-soft);
}
.mrnp-demo-01 .mrnp-home-highlights__featured-image,
.mrnp-demo-01 .mrnp-home-highlights__featured-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mrnp-demo-01 .mrnp-home-highlights__featured-placeholder { background: var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-highlights__featured-title,
.mrnp-demo-01 .mrnp-home-highlights__text-title {
	margin: 12px 0 0;
	font-size: var(--mrnp-font-size-normal-heading);
	line-height: var(--mrnp-line-height-normal-heading);
	font-weight: var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-highlights__featured-title a,
.mrnp-demo-01 .mrnp-home-highlights__text-title a,
.mrnp-demo-01 .mrnp-home-highlights__video-title a { color: var(--mrnp-demo-deep); text-decoration: none; }
.mrnp-demo-01 .mrnp-home-highlights__text-title { margin-top: 0; }
.mrnp-demo-01 .mrnp-home-highlights__text-excerpt {
	margin: 10px 0 0;
	font-family: var(--mrnp-font-body);
	font-size: var(--mrnp-font-size-base);
	line-height: var(--mrnp-line-height-base);
	color: var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-highlights__video-card { min-width: 0; }
.mrnp-demo-01 .mrnp-home-highlights__video-media {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: 330px;
	overflow: hidden;
	background: #000;
	border-radius: var(--mrnp-image-radius);
}
.mrnp-demo-01 .mrnp-home-highlights__video-player {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	background: #000;
}
.mrnp-demo-01 .mrnp-home-highlights__video-player iframe,
.mrnp-demo-01 .mrnp-home-highlights__video-player video,
.mrnp-demo-01 .mrnp-home-highlights__video-player .wp-video,
.mrnp-demo-01 .mrnp-home-highlights__video-player .mejs-container,
.mrnp-demo-01 .mrnp-home-highlights__video-player .mejs-inner,
.mrnp-demo-01 .mrnp-home-highlights__video-player .mejs-mediaelement {
	display: block;
	width: 186px;
	height: 330px;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	background: #000;
}
.mrnp-demo-01 .mrnp-home-highlights__video-player iframe {
	border: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__video-player video {
	object-fit: contain;
	object-position: 50% 50%;
}
.mrnp-demo-01 .mrnp-home-highlights__video-player .wp-video-shortcode {
	width: 186px;
	height: 330px;
	max-width: 100%;
	object-fit: contain;
}
.mrnp-demo-01 .mrnp-home-highlights__video-thumb,
.mrnp-demo-01 .mrnp-home-highlights__video-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	background: #000;
}
.mrnp-demo-01 .mrnp-home-highlights__video-placeholder { background: #000; }
.mrnp-demo-01 .mrnp-home-highlights__video-player .mrnp-video-player__fallback {
	margin: 0;
	color: #fff;
	background: #000;
}
.mrnp-demo-01 .mrnp-home-highlights__video-player .mrnp-video-player__fallback a { color: #fff; }
@media (max-width: 767px) {
	.mrnp-demo-01 .mrnp-home-highlights__video-media { height: 300px; }
	.mrnp-demo-01 .mrnp-home-highlights__video-player iframe,
	.mrnp-demo-01 .mrnp-home-highlights__video-player video,
	.mrnp-demo-01 .mrnp-home-highlights__video-player .wp-video-shortcode { width: 169px; height: 300px; max-width: 100%; }
}
.mrnp-demo-01 .mrnp-home-highlights__video-title {
	margin: 10px 0 0;
	width: 100%;
	font-size: var(--mrnp-font-size-normal-heading);
	line-height: var(--mrnp-line-height-normal-heading);
	font-weight: var(--mrnp-heading-weight);
}

.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 286px;
	gap: 18px;
	align-items: start;
}
.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail .mrnp-home-highlights__main,
.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail .mrnp-home-highlights__sidebar {
	min-width: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail .mrnp-home-highlights__sidebar {
	height: var(--mrnp-highlights-main-height, auto);
}
.mrnp-demo-01 .mrnp-home-highlights__rail {
	display: flex;
	flex-direction: column;
	height: 100%;
	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-demo-line));
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 14px 32px rgba(16, 24, 40, .06);
}
.mrnp-demo-01 .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-demo-line));
}
.mrnp-demo-01 .mrnp-home-highlights__rail-tab {
	appearance: none;
	border: 0;
	margin: 0;
	padding: 8px 12px 7px;
	background: transparent;
	color: var(--mrnp-demo-deep);
	font-family: var(--mrnp-font-heading);
	font-size: 18px;
	line-height: 1.05;
	font-weight: 700;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}
.mrnp-demo-01 .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-demo-line));
}
.mrnp-demo-01 .mrnp-home-highlights__rail-tab.is-active {
	background: var(--mrnp-color-primary);
	color: #fff;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-panels {
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-panel {
	height: 100%;
	min-height: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-list {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: none;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--mrnp-color-primary) 68%, #ffffff) color-mix(in srgb, var(--mrnp-color-primary) 10%, #ffffff);
}
.mrnp-demo-01 .mrnp-home-highlights__rail-list::-webkit-scrollbar {
	width: 8px;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-list::-webkit-scrollbar-track {
	background: color-mix(in srgb, var(--mrnp-color-primary) 8%, #fff);
}
.mrnp-demo-01 .mrnp-home-highlights__rail-list::-webkit-scrollbar-thumb {
	background: color-mix(in srgb, var(--mrnp-color-primary) 75%, #fff);
	border-radius: 999px;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-item {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 68px;
	padding: 8px 14px;
	border-bottom: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-highlights__rail-item:last-child {
	border-bottom: 0;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-number {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid color-mix(in srgb, var(--mrnp-color-primary) 22%, var(--mrnp-demo-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-01 .mrnp-home-highlights__rail-title {
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	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: 3;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-title a {
	color: var(--mrnp-demo-deep);
	text-decoration: none;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-empty {
	margin: 0;
	padding: 18px 16px;
	font-size: 15px;
	color: var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-highlights__rail-footer {
	display: block;
	padding: 10px 14px 11px;
	background: var(--mrnp-color-primary);
	color: #fff;
	font-family: var(--mrnp-font-heading);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
	text-decoration: none;
}
.mrnp-demo-01 .mrnp-home-highlights__rail-footer:hover,
.mrnp-demo-01 .mrnp-home-highlights__rail-footer:focus-visible {
	background: var(--mrnp-color-primary-hover);
}

/* Category blocks: one dominant story + supporting newsroom cards. */
.mrnp-demo-01 .mrnp-home-category__items {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px 18px;
}
.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child {
	grid-column: span 2;
	grid-row: span 2;
}
.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child .mrnp-news-card__title {
	font-size: var(--mrnp-font-size-featured-heading);
	line-height: var(--mrnp-line-height-featured-heading);
}
.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child .mrnp-news-card__excerpt {
	display: block;
}
.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:not(:first-child) .mrnp-news-card__excerpt {
	display: none;
}
.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:not(:first-child) .mrnp-news-card__title {
	font-size: var(--mrnp-font-size-normal-heading);
}
.mrnp-demo-01 .mrnp-home-category--list .mrnp-home-category__items { gap: 18px; }
.mrnp-demo-01 .mrnp-news-card--list {
	border: 0;
	border-bottom: 1px solid var(--mrnp-demo-line);
	border-radius: 0;
	background: transparent;
}
.mrnp-demo-01 .mrnp-news-card--list .mrnp-news-card__media {
	min-height: 180px;
	border-radius: var(--mrnp-image-radius);
}
.mrnp-demo-01 .mrnp-news-card--list .mrnp-news-card__body { padding: 10px 0 16px 20px; }
.mrnp-demo-01 .mrnp-home-category--overlay .mrnp-news-card--overlay { min-height: 300px; border-radius: var(--mrnp-image-radius); }

/* Trending */

/* --------------------------------------------------------------------------
   Opinion and video blocks
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-opinion-grid {
	gap: 18px;
}
.mrnp-demo-01 .mrnp-opinion-card {
	border: 0;
	border-bottom: 1px solid var(--mrnp-demo-line);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.mrnp-demo-01 .mrnp-video-featured,
.mrnp-demo-01 .mrnp-video-card {
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	background: transparent;
}
.mrnp-demo-01 .mrnp-video-featured__body,
.mrnp-demo-01 .mrnp-video-card__body { color: rgba(255,255,255,.75); }
.mrnp-demo-01 .mrnp-video-featured__body h3 a,
.mrnp-demo-01 .mrnp-video-card__title a { color: var(--mrnp-section-header-color); }
.mrnp-demo-01 .mrnp-video-featured__body p,
.mrnp-demo-01 .mrnp-video-card__body time { color: rgba(255,255,255,.58); }
.mrnp-demo-01 .mrnp-video-featured__media,
.mrnp-demo-01 .mrnp-video-card__media { border-radius: var(--mrnp-image-radius); }
.mrnp-demo-01 .mrnp-video-featured__play,
.mrnp-demo-01 .mrnp-video-card__play {
	background: var(--mrnp-color-primary);
	color: var(--mrnp-section-header-color);
	box-shadow: 0 0 0 5px rgba(255,255,255,.18);
}

/* Ads stay visually quiet and do not break editorial rhythm. */
.mrnp-demo-01 .mrnp-ad-slot { margin-block: 28px; }
.mrnp-demo-01 .mrnp-ad-slot img { display: block; max-width: 100%; margin-inline: auto; }

/* --------------------------------------------------------------------------
   Archives / search
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-news-archive,
.mrnp-demo-01 .mrnp-reporter-directory,
.mrnp-demo-01 .mrnp-video-archive {
	padding-block: clamp(34px, 5vw, 58px);
}
.mrnp-demo-01 .mrnp-archive-header,
.mrnp-demo-01 .mrnp-reporter-directory__header,
.mrnp-demo-01 .mrnp-video-archive__header {
	max-width: none;
	margin-bottom: var(--mrnp-space-block-plus-unit);
	padding-bottom: 15px;
	border-bottom: 2px solid var(--mrnp-demo-deep);
}
.mrnp-demo-01 .mrnp-archive-title,
.mrnp-demo-01 .mrnp-reporter-directory__header h1,
.mrnp-demo-01 .mrnp-video-archive__header h1 {
	font-size: clamp(1.8rem, 3.4vw, 2.8rem);
	font-weight: 800;
}
.mrnp-demo-01 .mrnp-news-loop { gap: 28px 20px; }
.mrnp-demo-01 .mrnp-news-loop .mrnp-news-card--standard { padding-bottom: 20px; border-bottom: 1px solid var(--mrnp-demo-line); }
.mrnp-demo-01 .navigation.pagination { padding-top: 24px; border-top: 1px solid var(--mrnp-demo-line); }
.mrnp-demo-01 .page-numbers { border-radius: 4px; }

/* --------------------------------------------------------------------------
   Single article — restrained newspaper scale
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-single-news { padding: clamp(34px, 5vw, 62px) 0 0; }
.mrnp-demo-01 .mrnp-article-header__inner { max-width: 880px; }
.mrnp-demo-01 .mrnp-article-header__category {
	margin-bottom: 10px;
	font-size: .76rem;
	letter-spacing: .02em;
	text-transform: none;
}
.mrnp-demo-01 .mrnp-article-header__title {
	font-size: var(--mrnp-font-size-single-heading);
	line-height: var(--mrnp-line-height-single-heading);
	letter-spacing: -.025em;
	font-weight: var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-article-header__summary {
	margin-top: 16px;
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
	line-height: 1.7;
}
.mrnp-demo-01 .mrnp-article-meta {
	margin-top:20px;
}
.mrnp-demo-01 .mrnp-article-meta__author-name{font-size:.86rem}
.mrnp-demo-01 .mrnp-article-meta__details{font-size:.76rem}
.mrnp-demo-01 .mrnp-article-featured { margin-top: 0; }
.mrnp-demo-01 .mrnp-article-featured__image { border-radius: var(--mrnp-image-radius); }
.mrnp-demo-01 .mrnp-article__content-wrap { margin-top: 34px; }
.mrnp-demo-01 .mrnp-article__content {
	font-size: var(--mrnp-font-size-single-content);
	line-height: var(--mrnp-line-height-single-content);
}
.mrnp-demo-01 .mrnp-article__content :where(h2,h3,h4) {
	margin-top: 1.7em;
	margin-bottom: .65em;
	line-height: 1.28;
}
.mrnp-demo-01 .mrnp-article__content blockquote {
	padding: 18px 22px;
	border-left: 3px solid var(--mrnp-color-primary);
	background: var(--mrnp-demo-soft);
	font-size: 1.12em;
}
.mrnp-demo-01 .mrnp-article-share {
	padding: 18px 20px;
	border: 1px solid var(--mrnp-color-border);
	border-radius: 14px;
}
.mrnp-demo-01 .mrnp-article-share__link {
	border-radius: 50%;
}
.mrnp-demo-01 .mrnp-article-tags a {
	border-radius: 999px;
}
.mrnp-demo-01 .mrnp-article-nav__item {
	border-color: var(--mrnp-demo-line);
	border-radius: 6px;
	box-shadow: none;
}
.mrnp-demo-01 .mrnp-related-news {
	margin-top: 60px;
	padding-block: var(--mrnp-space-section-medium);
	border-top: 1px solid var(--mrnp-demo-line);
	background: var(--mrnp-demo-soft);
}

/* --------------------------------------------------------------------------
   Reporter / Columnist / Video internal pages
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-reporter-hero,
.mrnp-demo-01 .mrnp-columnist-hero {
	padding-block: 46px;
	border-bottom-color: var(--mrnp-demo-line);
	background: var(--mrnp-demo-soft);
}
.mrnp-demo-01 .mrnp-reporter-hero__photo img,
.mrnp-demo-01 .mrnp-columnist-hero__photo,
.mrnp-demo-01 .mrnp-reporter-card__photo img,
.mrnp-demo-01 .mrnp-columnist-card img { border-radius: var(--mrnp-image-radius); }
.mrnp-demo-01 .mrnp-reporter-card,
.mrnp-demo-01 .mrnp-columnist-card {
	border-color: var(--mrnp-demo-line);
	border-radius: 7px;
	box-shadow: none;
}
.mrnp-demo-01 .mrnp-opinion-single__header,
.mrnp-demo-01 .mrnp-video-single__header {
	padding-top: 46px;
}
.mrnp-demo-01 .mrnp-opinion-single__header h1,
.mrnp-demo-01 .mrnp-video-single__header h1 {
	font-size: clamp(2rem, 4vw, 3.35rem);
	line-height: 1.16;
}
.mrnp-demo-01 .mrnp-video-player iframe,
.mrnp-demo-01 .mrnp-video-player video,
.mrnp-demo-01 .mrnp-video-single__featured img { border-radius: var(--mrnp-image-radius); }

/* --------------------------------------------------------------------------
   Search panel
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-search-panel {
	border-bottom-color: var(--mrnp-demo-line);
	box-shadow: 0 18px 42px rgba(18,22,30,.1);
}
.mrnp-demo-01 .mrnp-search-panel__inner { padding-block: 22px; }
.mrnp-demo-01 .mrnp-search-form input,
.mrnp-demo-01 .mrnp-search-form select {
	border-color: var(--mrnp-demo-line);
	border-radius: 5px;
}
.mrnp-demo-01 .mrnp-search-suggestions {
	border-color: var(--mrnp-demo-line);
	border-radius: 6px;
	box-shadow: 0 14px 30px rgba(18,22,30,.08);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-site-footer {
	margin-top: var(--mrnp-space-section);
	background: var(--mrnp-color-heading);
}
.mrnp-demo-01 .mrnp-single-news + .mrnp-site-footer {
	margin-top: 0;
}
.mrnp-demo-01 .mrnp-footer-main { padding-block: 52px; }
.mrnp-demo-01 .mrnp-footer-brand {
	margin-bottom: var(--mrnp-space-block-plus-unit-half);
	padding-bottom: 28px;
}
.mrnp-demo-01 .mrnp-footer-widget__title {
	position: relative;
	padding-bottom: 9px;
	font-size: .95rem;
}
.mrnp-demo-01 .mrnp-footer-widget__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background: var(--mrnp-color-primary);
}
.mrnp-demo-01 .mrnp-footer-bottom__inner { min-height: 58px; }

/* --------------------------------------------------------------------------
   Responsive polish
   -------------------------------------------------------------------------- */
@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-home-lead__grid { grid-template-columns: 1fr; }
	.mrnp-demo-01 .mrnp-home-lead__primary .mrnp-news-card--overlay { min-height: 450px; }
	.mrnp-demo-01 .mrnp-home-lead__secondary { grid-template-columns: repeat(4, minmax(0,1fr)); }
	.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card--overlay { min-height: 220px; }
	.mrnp-demo-01 .mrnp-home-category__items { grid-template-columns: repeat(3, minmax(0,1fr)); }
	.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child { grid-column: span 2; }
}
@media (max-width: 900px) {
	.mrnp-demo-01 .mrnp-main-header__inner { min-height: 74px; justify-content: flex-start; }
	.mrnp-demo-01 .mrnp-branding { justify-content: flex-start; }
	.mrnp-demo-01 .mrnp-primary-menu { justify-content: flex-start; }
	.mrnp-demo-01 .mrnp-home-lead__secondary { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.mrnp-demo-01 .mrnp-home-category__items { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child { grid-column: span 2; }
}
@media (max-width: 620px) {
	.mrnp-demo-01 .mrnp-home { padding-top: 16px; }
	.mrnp-demo-01 .mrnp-home-section__header { margin-bottom: 15px; }
	.mrnp-demo-01 .mrnp-home-section__header h2 { min-height: 33px; padding: 6px 11px 5px; font-size: var(--mrnp-font-size-section-heading); line-height: var(--mrnp-line-height-section-heading); }
	.mrnp-demo-01 .mrnp-breaking__label { padding-inline: 12px; margin-right: 12px; }
	.mrnp-demo-01 .mrnp-home-lead__primary .mrnp-news-card--overlay { min-height: 350px; }
	.mrnp-demo-01 .mrnp-home-lead__secondary { grid-template-columns: 1fr 1fr; }
	.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card--overlay { min-height: 190px; }
	.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card__title { font-size: var(--mrnp-font-size-normal-heading); }
	.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card__meta { display: none; }
	.mrnp-demo-01 .mrnp-home-category__items { grid-template-columns: 1fr; gap: 22px; }
	.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child { grid-column: auto; grid-row: auto; }
	.mrnp-demo-01 .mrnp-home-category--grid .mrnp-home-category__items > .mrnp-news-card:first-child .mrnp-news-card__title { font-size: var(--mrnp-font-size-featured-heading); }
	.mrnp-demo-01 .mrnp-home-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px 12px; }
	.mrnp-demo-01 .mrnp-home-grid .mrnp-news-card__title { font-size: var(--mrnp-font-size-normal-heading); }
	.mrnp-demo-01 .mrnp-home-grid .mrnp-news-card__meta { display: none; }
	.mrnp-demo-01 .mrnp-article-header__title { font-size: var(--mrnp-font-size-single-heading); }
	.mrnp-demo-01 .mrnp-article__content { font-size: var(--mrnp-font-size-single-content); line-height: var(--mrnp-line-height-single-content); }
	.mrnp-demo-01 .mrnp-footer-main { padding-block: 40px; }
}
@media (max-width: 420px) {
	.mrnp-demo-01 .mrnp-home-lead__secondary { grid-template-columns: 1fr; }
	.mrnp-demo-01 .mrnp-home-lead__secondary .mrnp-news-card--overlay { min-height: 220px; }
	.mrnp-demo-01 .mrnp-home-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	.mrnp-demo-01 .mrnp-primary-menu > li > a::after { transition: none; }
}

/* --------------------------------------------------------------------------
   v0.23.6 — Demo 01 reference header match
   -------------------------------------------------------------------------- */
.mrnp-demo-01 .mrnp-demo-masthead {
	position: static;
	background: var(--mrnp-header-main-bg, var(--mrnp-color-surface));
	color: var(--mrnp-header-main-text, var(--mrnp-color-text));
	border-bottom: 0;
}
.mrnp-demo-01 .mrnp-demo-masthead__inner {
	width: min(calc(100% - 36px), 1170px);
	min-height: 99px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 28px;
}
.mrnp-demo-01 .mrnp-demo-masthead__left,
.mrnp-demo-01 .mrnp-demo-masthead__right {
	display: flex;
	align-items: center;
	min-width: 0;
}
.mrnp-demo-01 .mrnp-demo-masthead__left {
	justify-self: start;
	gap: 20px;
}
.mrnp-demo-01 .mrnp-demo-masthead__right {
	justify-self: end;
	gap: 10px;
}
.mrnp-demo-01 .mrnp-demo-menu-button {
	width: 20px;
	height: 22px;
	padding: 3px 1px;
	display: grid;
	align-content: center;
	gap: 3px;
	border: 0;
	background: transparent;
	color: var(--mrnp-header-main-text, var(--mrnp-color-muted));
}
.mrnp-demo-01 .mrnp-demo-menu-button span {
	display: block;
	width: 17px;
	height: 2px;
	border-radius: 1px;
	background: currentColor;
}
.mrnp-demo-01 .mrnp-demo-menu-button:hover,
.mrnp-demo-01 .mrnp-demo-menu-button:focus-visible { color: var(--mrnp-color-primary); }
.mrnp-demo-01 .mrnp-demo-date {
	display: flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
	color: var(--mrnp-header-main-text, var(--mrnp-color-muted));
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
}
.mrnp-demo-01 .mrnp-demo-date i {
	font-style: normal;
	color: var(--mrnp-header-main-text, var(--mrnp-color-muted));
	font-family: Arial, sans-serif;
	font-size: 12px;
}
.mrnp-demo-01 .mrnp-demo-masthead__brand {
	justify-self: center;
	justify-content: center;
	min-width: 0;
}
.mrnp-demo-01 .mrnp-demo-masthead__brand .custom-logo-link {
	display: flex;
	align-items: center;
	justify-content: center;
}
.mrnp-demo-01 .mrnp-demo-masthead__brand .custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	max-height: 64px;
}
.mrnp-demo-01 .mrnp-demo-masthead__brand .mrnp-site-title {
	color: var(--mrnp-header-main-text, var(--mrnp-color-heading));
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}
.mrnp-demo-01 .mrnp-demo-search {
	position: relative;
	width: 210px;
	margin: 0;
}
.mrnp-demo-01 .mrnp-demo-search__box {
	height: 34px;
	display: grid;
	grid-template-columns: minmax(0,1fr) 39px;
	border: 1px solid var(--mrnp-color-border);
	background: var(--mrnp-color-surface);
}
.mrnp-demo-01 .mrnp-demo-search__box input {
	width: 100%;
	min-width: 0;
	height: 32px;
	padding: 0 10px;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: var(--mrnp-color-surface);
	color: var(--mrnp-color-text);
	font: inherit;
	font-size: 13px;
}
.mrnp-demo-01 .mrnp-demo-search__box input::placeholder { color: var(--mrnp-color-muted); opacity: 1; }
.mrnp-demo-01 .mrnp-demo-search__box button {
	width: 39px;
	height: 33px;
	margin: -1px -1px -1px 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: var(--mrnp-color-muted);
	color: var(--mrnp-section-header-color);
	cursor: pointer;
}
.mrnp-demo-01 .mrnp-demo-search__box button:hover,
.mrnp-demo-01 .mrnp-demo-search__box button:focus-visible { background: var(--mrnp-color-muted); }
.mrnp-demo-01 .mrnp-demo-search__suggestions {
	position: absolute;
	z-index: 80;
	top: calc(100% + 6px);
	right: 0;
	width: 340px;
	margin: 0;
	text-align: left;
}
.mrnp-demo-01 .mrnp-demo-latest-button {
	height: 34px;
	min-width: 78px;
	padding: 0 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--mrnp-color-muted);
	color: var(--mrnp-section-header-color);
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.mrnp-demo-01 .mrnp-demo-latest-button:hover,
.mrnp-demo-01 .mrnp-demo-latest-button:focus-visible { background: var(--mrnp-color-muted); color: var(--mrnp-section-header-color); }

.mrnp-demo-01 .mrnp-demo-nav {
	position: relative;
	z-index: 50;
	min-height: 47px;
	background: var(--mrnp-header-menu-bg, var(--mrnp-color-surface-soft));
	color: var(--mrnp-header-menu-text, var(--mrnp-color-heading));
}
@media (min-width: 821px) {
	.mrnp-demo-01 .mrnp-demo-nav.is-sticky.is-fixed {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 500;
	}
	.admin-bar.mrnp-demo-01 .mrnp-demo-nav.is-sticky.is-fixed { top: 32px; }
	.mrnp-demo-01 .mrnp-demo-nav-spacer { display: none; }
	.mrnp-demo-01 .mrnp-demo-nav-spacer.is-active { display: block; }
}
.mrnp-demo-01 .mrnp-demo-nav__inner {
	width: min(calc(100% - 36px), 1170px);
	min-height: 46px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	overflow: visible;
}
.mrnp-demo-01 .mrnp-demo-primary-menu > li > a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 16px;
	transform: translateY(-50%);
	background: var(--mrnp-color-border);
	pointer-events: none;
}
.mrnp-demo-01 .mrnp-demo-primary-menu {
	min-height: 46px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	margin: 0;
	padding: 0;
}
.mrnp-demo-01 .mrnp-demo-primary-menu > li {
	position: relative;
	display: flex;
	align-items: stretch;
}
.mrnp-demo-01 .mrnp-demo-primary-menu > li > a {
	position: relative;
	min-height: 46px;
	padding: 0 15px;
	display: inline-flex;
	align-items: center;
	color: var(--mrnp-header-menu-text, var(--mrnp-color-heading));
	font-size: var(--mrnp-font-size-main-menu);
	line-height: var(--mrnp-line-height-main-menu);
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.mrnp-demo-01 .mrnp-demo-primary-menu > li > a::after { display: none; }
.mrnp-demo-01 .mrnp-demo-primary-menu > li:hover > a,
.mrnp-demo-01 .mrnp-demo-primary-menu > li > a:focus-visible {
	color: var(--mrnp-header-menu-hover, var(--mrnp-color-primary-hover));
}
.mrnp-demo-01 .mrnp-demo-primary-menu > .current-menu-item > a,
.mrnp-demo-01 .mrnp-demo-primary-menu > .current-menu-ancestor > a,
.mrnp-demo-01 .mrnp-demo-primary-menu > .current_page_item > a,
.mrnp-demo-01 .mrnp-demo-primary-menu > .current_page_ancestor > a {
	color: var(--mrnp-header-menu-active, var(--mrnp-color-primary));
}
.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu { top: 100%; }

@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-demo-masthead__inner,
	.mrnp-demo-01 .mrnp-demo-nav__inner { width: min(calc(100% - 28px), 980px); }
	.mrnp-demo-01 .mrnp-demo-date { font-size: 12px; gap: 5px; }
	.mrnp-demo-01 .mrnp-demo-search { width: 180px; }
	.mrnp-demo-01 .mrnp-demo-primary-menu > li > a { padding-inline: 10px; font-size: var(--mrnp-font-size-main-menu);
	line-height: var(--mrnp-line-height-main-menu); }
}
@media (max-width: 820px) {
	.mrnp-demo-01 .mrnp-demo-masthead__inner {
		min-height: 82px;
		grid-template-columns: auto 1fr auto;
		gap: 14px;
	}
	.mrnp-demo-01 .mrnp-demo-date { display: none; }
	.mrnp-demo-01 .mrnp-demo-masthead__brand { min-width: 0; }
	.mrnp-demo-01 .mrnp-demo-masthead__brand .custom-logo { width: auto; height: auto; max-width: none; max-height: 52px; }
	.mrnp-demo-01 .mrnp-demo-masthead__brand .mrnp-site-title { font-size: 1.55rem; }
	.mrnp-demo-01 .mrnp-demo-search { display: none; }
	.mrnp-demo-01 .mrnp-demo-latest-button { min-width: 68px; padding-inline: 10px; font-size: 16px; }
	.mrnp-demo-01 .mrnp-demo-nav { display: none; }
	.mrnp-demo-01 .mrnp-demo-nav.is-open {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		background: var(--mrnp-color-surface);
		box-shadow: 0 12px 28px rgba(0,0,0,.09);
	}
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-nav__inner {
		display: block;
		padding-block: 8px 14px;
	}
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-primary-menu,
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-primary-menu > li { display: block; }
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-primary-menu > li > a { min-height: 42px; padding: 10px 4px; line-height: 1.3; }
	.mrnp-demo-01 .mrnp-demo-primary-menu > li > a::before { display: none; }
}

/* v0.23.7 — Demo 01 desktop submenu repair. */
@media (min-width: 821px) {
	.mrnp-demo-01 .mrnp-demo-nav,
	.mrnp-demo-01 .mrnp-demo-nav__inner,
	.mrnp-demo-01 .mrnp-demo-primary-menu,
	.mrnp-demo-01 .mrnp-demo-primary-menu > li {
		overflow: visible;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu {
		position: absolute;
		z-index: 220;
		top: calc(100% - 1px);
		left: 0;
		right: auto;
		display: block;
		width: max-content;
		min-width: 220px;
		max-width: 320px;
		margin: 0;
		padding: 7px 0;
		list-style: none;
		border: 1px solid var(--mrnp-color-rule);
		border-top: 2px solid var(--mrnp-color-primary);
		border-radius: 0 0 3px 3px;
		background: var(--mrnp-color-surface);
		box-shadow: 0 10px 24px rgba(0,0,0,.10);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(5px);
		transition: opacity var(--mrnp-motion-quick) ease, transform var(--mrnp-motion-quick) ease, visibility var(--mrnp-motion-quick) ease;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu li:hover > .sub-menu,
	.mrnp-demo-01 .mrnp-demo-primary-menu li:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu li {
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu li::before,
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu li::after {
		display: none;
		content: none;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 39px;
		padding: 8px 14px;
		border: 0;
		border-radius: 0;
		color: var(--mrnp-color-heading);
		background: transparent;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.45;
		text-align: left;
		white-space: normal;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu > li + li > a {
		border-top: 1px solid var(--mrnp-color-border);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu a:hover,
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu a:focus-visible,
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu .current-menu-item > a {
		color: var(--mrnp-color-primary);
		background: var(--mrnp-color-surface-soft);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu .menu-item-has-children > a::after {
		content: "›";
		flex: 0 0 auto;
		margin-left: 14px;
		font-family: Arial, sans-serif;
		font-size: 18px;
		line-height: 1;
		color: var(--mrnp-color-muted);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu .sub-menu {
		top: -2px;
		left: calc(100% - 1px);
		transform: translateX(5px);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu li:hover > .sub-menu,
	.mrnp-demo-01 .mrnp-demo-primary-menu .sub-menu li:focus-within > .sub-menu {
		transform: translateX(0);
	}

	/* Mega menu remains a separate full-width navigation surface. */
	.mrnp-demo-01 .mrnp-demo-primary-menu > .mrnp-has-mega-menu {
		position: static;
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu > .mrnp-has-mega-menu > .mrnp-mega-menu {
		z-index: 210;
		top: 100%;
	}
}

@media (max-width: 820px) {
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-primary-menu .sub-menu {
		position: static;
		display: block;
		width: 100%;
		min-width: 0;
		max-width: none;
		margin: 0;
		padding: 0 0 0 15px;
		border: 0;
		border-left: 2px solid var(--mrnp-color-border);
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}
	.mrnp-demo-01 .mrnp-demo-nav.is-open .mrnp-demo-primary-menu .sub-menu a {
		min-height: 38px;
		padding: 8px 6px;
		font-size: 14px;
		font-weight: 500;
		white-space: normal;
	}
}

/* v0.23.9 — site-width mega menu with a 3 × 2 editorial news grid. */
@media (min-width: 821px) {
	.mrnp-demo-01 .mrnp-demo-primary-menu > .mrnp-has-mega-menu > .mrnp-mega-menu {
		left: 50%;
		right: auto;
		width: min(calc(100vw - (var(--mrnp-container-gutter) * 2)), var(--mrnp-content-width));
		max-width: var(--mrnp-content-width);
		padding: 18px 20px 16px;
		transform: translate(-50%, 7px);
	}
	.mrnp-demo-01 .mrnp-demo-primary-menu > .mrnp-has-mega-menu:hover > .mrnp-mega-menu,
	.mrnp-demo-01 .mrnp-demo-primary-menu > .mrnp-has-mega-menu:focus-within > .mrnp-mega-menu {
		transform: translate(-50%, 0);
	}
	.mrnp-demo-01 .mrnp-mega-menu__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px 24px;
	}
	.mrnp-demo-01 .mrnp-mega-card {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 11px;
		align-items: center;
		min-width: 0;
		padding: 0;
	}
	.mrnp-demo-01 .mrnp-mega-card__media {
		display: block;
		width: 96px;
		height: 64px;
		aspect-ratio: auto;
		border-radius: 3px;
		background: var(--mrnp-color-border);
	}
	.mrnp-demo-01 .mrnp-mega-card__media img,
	.mrnp-demo-01 .mrnp-mega-card__placeholder {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mrnp-demo-01 .mrnp-mega-card__placeholder {
		background: linear-gradient(135deg, var(--mrnp-color-border), var(--mrnp-color-muted));
	}
	.mrnp-demo-01 .mrnp-mega-card__body {
		min-width: 0;
		padding-top: 0;
	}
	.mrnp-demo-01 .mrnp-mega-card__body time {
		margin-bottom: 3px;
		font-size: 11px;
		line-height: 1.25;
	}
	.mrnp-demo-01 .mrnp-primary-menu .mrnp-mega-card__title {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		padding: 0;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
	}
	.mrnp-demo-01 .mrnp-mega-menu__more {
		margin-top: 14px;
	}
}

/* v0.23.10 — dynamic secondary off-canvas menu. */
.mrnp-demo-01 .mrnp-demo-menu-button {
	cursor: pointer;
}
.mrnp-secondary-menu-open {
	overflow: hidden;
}
.mrnp-demo-01 .mrnp-secondary-drawer {
	position: fixed;
	inset: 0;
	z-index: 10020;
	visibility: hidden;
	pointer-events: none;
}
.mrnp-demo-01 .mrnp-secondary-drawer.is-open {
	visibility: visible;
	pointer-events: auto;
}
.mrnp-demo-01 .mrnp-secondary-drawer__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: rgba(12, 17, 23, .52);
	opacity: 0;
	cursor: default;
	transition: opacity var(--mrnp-motion-medium) ease;
}
.mrnp-demo-01 .mrnp-secondary-drawer.is-open .mrnp-secondary-drawer__overlay {
	opacity: 1;
}
.mrnp-demo-01 .mrnp-secondary-drawer__panel {
	position: relative;
	z-index: 1;
	width: min(360px, 88vw);
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	background: var(--mrnp-color-surface);
	box-shadow: 18px 0 42px rgba(10, 17, 28, .18);
	transform: translateX(-102%);
	transition: transform var(--mrnp-motion-drawer) ease;
}
.mrnp-demo-01 .mrnp-secondary-drawer.is-open .mrnp-secondary-drawer__panel {
	transform: translateX(0);
}
.mrnp-demo-01 .mrnp-secondary-drawer__header {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 82px;
	padding: 16px 22px;
	border-bottom: 1px solid var(--mrnp-color-border);
	background: var(--mrnp-color-surface);
}
.mrnp-demo-01 .mrnp-secondary-drawer__brand {
	min-width: 0;
}
.mrnp-demo-01 .mrnp-secondary-drawer__brand .custom-logo-link {
	display: inline-flex;
}
.mrnp-demo-01 .mrnp-secondary-drawer__brand .custom-logo {
	display: block;
	width: auto;
	max-width: 190px;
	max-height: 48px;
}
.mrnp-demo-01 .mrnp-secondary-drawer__brand strong {
	font-size: 22px;
	line-height: 1.2;
}
.mrnp-demo-01 .mrnp-secondary-drawer__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid var(--mrnp-color-border);
	border-radius: 2px;
	background: var(--mrnp-color-surface);
	color: var(--mrnp-color-text);
	font: 400 30px/1 Arial, sans-serif;
	cursor: pointer;
}
.mrnp-demo-01 .mrnp-secondary-drawer__close:hover,
.mrnp-demo-01 .mrnp-secondary-drawer__close:focus-visible {
	border-color: var(--mrnp-color-primary);
	color: var(--mrnp-color-primary);
}
.mrnp-demo-01 .mrnp-secondary-drawer__nav {
	padding: 14px 22px 34px;
}
.mrnp-demo-01 .mrnp-secondary-menu,
.mrnp-demo-01 .mrnp-secondary-menu .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mrnp-demo-01 .mrnp-secondary-menu > li {
	border-bottom: 1px solid var(--mrnp-color-border);
}
.mrnp-demo-01 .mrnp-secondary-menu a {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 9px 2px;
	color: var(--mrnp-color-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	text-decoration: none;
}
.mrnp-demo-01 .mrnp-secondary-menu a:hover,
.mrnp-demo-01 .mrnp-secondary-menu a:focus-visible,
.mrnp-demo-01 .mrnp-secondary-menu .current-menu-item > a,
.mrnp-demo-01 .mrnp-secondary-menu .current-menu-ancestor > a {
	color: var(--mrnp-color-primary);
}
.mrnp-demo-01 .mrnp-secondary-menu .sub-menu {
	padding: 0 0 8px 16px;
	border-left: 2px solid var(--mrnp-color-border);
}
.mrnp-demo-01 .mrnp-secondary-menu .sub-menu li + li {
	border-top: 1px solid var(--mrnp-color-border);
}
.mrnp-demo-01 .mrnp-secondary-menu .sub-menu a {
	min-height: 40px;
	padding: 7px 9px;
	font-size: 14px;
	font-weight: 500;
}
.mrnp-demo-01 .mrnp-secondary-drawer__empty {
	margin: 8px 0;
	padding: 14px;
	border: 1px dashed var(--mrnp-color-border);
	background: var(--mrnp-color-surface-soft);
	color: var(--mrnp-color-muted);
	font-size: 13px;
	line-height: 1.6;
}
.mrnp-demo-01 .mrnp-secondary-drawer__social {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 22px 28px;
	padding-top: 18px;
	border-top: 1px solid var(--mrnp-color-border);
}
.mrnp-demo-01 .mrnp-secondary-drawer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--mrnp-color-border);
	border-radius: 50%;
	background: var(--mrnp-color-surface);
	color: var(--mrnp-color-text);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: border-color var(--mrnp-motion-fast) ease, color var(--mrnp-motion-fast) ease, background-color var(--mrnp-motion-fast) ease;
}
.mrnp-demo-01 .mrnp-secondary-drawer__social-link:hover,
.mrnp-demo-01 .mrnp-secondary-drawer__social-link:focus-visible {
	border-color: var(--mrnp-color-primary);
	background: var(--mrnp-color-primary);
	color: #fff;
}
@media (max-width: 520px) {
	.mrnp-demo-01 .mrnp-secondary-drawer__panel { width: min(330px, 92vw); }
	.mrnp-demo-01 .mrnp-secondary-drawer__header { min-height: 72px; padding: 13px 18px; }
	.mrnp-demo-01 .mrnp-secondary-drawer__nav { padding: 10px 18px 24px; }
	.mrnp-demo-01 .mrnp-secondary-drawer__social { margin: 0 18px 24px; }
}
@media (prefers-reduced-motion: reduce) {
	.mrnp-demo-01 .mrnp-secondary-drawer__overlay,
	.mrnp-demo-01 .mrnp-secondary-drawer__panel { transition: none; }
}

/* Demo 01: reference-style discussed topics row below the ticker. */
.mrnp-demo-01 .mrnp-discussed-topics { position:static; border-bottom:0; background:var(--mrnp-color-surface); }
.mrnp-demo-01 .mrnp-discussed-topics__inner { min-height:50px; padding-top:4px; padding-bottom:4px; }
.mrnp-demo-01 .mrnp-discussed-topics__label { font-size:.95rem; font-weight:700; }
.mrnp-demo-01 .mrnp-discussed-topics__item { border:0; border-radius:3px; background:var(--mrnp-color-surface-soft); padding:5px 11px; font-size:.84rem; font-weight:600; }
.mrnp-demo-01 .mrnp-discussed-topics__item:hover,
.mrnp-demo-01 .mrnp-discussed-topics__item:focus-visible { background:color-mix(in srgb, var(--mrnp-color-primary) 8%, var(--mrnp-color-surface-soft)); color:var(--mrnp-color-primary); }

@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-home-highlights__layout--has-video { grid-template-columns: 1fr; gap: 18px; }
	.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail { grid-template-columns: 1fr; gap: 18px; }
	.mrnp-demo-01 .mrnp-home-highlights__layout--with-rail .mrnp-home-highlights__sidebar { height: auto; }

	.mrnp-demo-01 .mrnp-home-highlights__layout--has-video .mrnp-home-highlights__main,
	.mrnp-demo-01 .mrnp-home-highlights__layout--has-video .mrnp-home-highlights__sidebar { grid-column: 1; }
}

@media (max-width: 980px) {
	.mrnp-demo-01 .mrnp-home-highlights__top,
	.mrnp-demo-01 .mrnp-home-highlights__bottom { grid-template-columns: 1fr; }
	.mrnp-demo-01 .mrnp-home-highlights__featured,
	.mrnp-demo-01 .mrnp-home-highlights__text { border-right: 0; border-bottom: 1px solid var(--mrnp-demo-line); }
	.mrnp-demo-01 .mrnp-home-highlights__top > :last-child,
	.mrnp-demo-01 .mrnp-home-highlights__bottom > :last-child { border-bottom: 0; }
}

@media (max-width: 720px) {
	/* Mobile Highlights: two visual stories, followed by a swipeable two-at-a-time headline rail. */
	.mrnp-demo-01 .mrnp-home-highlights__main { display: none; }
	.mrnp-demo-01 .mrnp-home-highlights__mobile { display: block; min-width: 0; }
	.mrnp-demo-01 .mrnp-home-highlights__mobile-top {
		display: grid;
		grid-template-columns: repeat(2, minmax(0,1fr));
		gap: 12px;
		padding: 0 0 14px;
		border-bottom: 1px solid var(--mrnp-demo-line);
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-card { min-width: 0; }
	.mrnp-demo-01 .mrnp-home-highlights__mobile-media {
		display: block;
		aspect-ratio: 4 / 3;
		overflow: hidden;
		border-radius: var(--mrnp-image-radius);
		background: var(--mrnp-color-surface-soft);
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-image,
	.mrnp-demo-01 .mrnp-home-highlights__mobile-placeholder {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-placeholder { background: var(--mrnp-color-surface-soft); }
	.mrnp-demo-01 .mrnp-home-highlights__mobile-title {
		margin: 8px 0 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: 2;
		overflow: hidden;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-title a,
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headline a { color: var(--mrnp-demo-deep); text-decoration: none; }
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headline-wrap {
		position: relative;
		min-width: 0;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headlines {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 12px) / 2);
		gap: 12px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		padding: 14px 0 2px;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headlines::-webkit-scrollbar { display: none; }
	.mrnp-demo-01 .mrnp-home-highlights__mobile-next {
		position: absolute;
		right: -6px;
		top: 50%;
		z-index: 3;
		display: grid;
		place-items: center;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 1px solid rgba(30,138,138,.28);
		border-radius: 50%;
		background: rgba(255,255,255,.94);
		color: var(--mrnp-color-primary);
		box-shadow: 0 4px 12px rgba(15,23,42,.10);
		font: 700 22px/1 Arial,sans-serif;
		cursor: pointer;
		transform: translateY(-50%);
		transition: opacity .2s ease, transform .2s ease;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-next span {
		display: block;
		margin-top: -2px;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-next.is-hidden {
		opacity: 0;
		pointer-events: none;
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-next:active {
		transform: translateY(-50%) scale(.94);
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headline-card {
		min-width: 0;
		scroll-snap-align: start;
		padding: 0 12px 0 0;
		border-right: 1px solid var(--mrnp-demo-line);
	}
	.mrnp-demo-01 .mrnp-home-highlights__mobile-headline {
		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;
	}
}

/* Highlights-following category feature block. */
.mrnp-demo-01 .mrnp-home-feature-category__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.95fr);
	gap: 18px;
}
.mrnp-demo-01 .mrnp-home-feature-category__lead {
	background: var(--mrnp-color-surface);
}
.mrnp-demo-01 .mrnp-home-feature-category__lead-media,
.mrnp-demo-01 .mrnp-home-feature-category__mini-media {
	display: block;
	overflow: hidden;
	background: var(--mrnp-color-surface-soft);
}
.mrnp-demo-01 .mrnp-home-feature-category__lead-media { aspect-ratio: 1.7 / 1; }
.mrnp-demo-01 .mrnp-home-feature-category__mini-media {
	aspect-ratio: 1.7 / 1;
	margin-bottom: 12px;
}
.mrnp-demo-01 .mrnp-home-feature-category__lead-image,
.mrnp-demo-01 .mrnp-home-feature-category__mini-image,
.mrnp-demo-01 .mrnp-home-feature-category__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mrnp-demo-01 .mrnp-home-feature-category__placeholder { background: var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-feature-category__lead-body { padding-top: 14px; }
.mrnp-demo-01 .mrnp-home-feature-category__lead-title {
	margin: 0;
	font-size: var(--mrnp-font-size-featured-heading);
	line-height: var(--mrnp-line-height-featured-heading);
	font-weight: var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-feature-category__lead-title a,
.mrnp-demo-01 .mrnp-home-feature-category__mini-title a {
	color: var(--mrnp-demo-deep);
	text-decoration: none;
}
.mrnp-demo-01 .mrnp-home-feature-category__lead .mrnp-news-meta {
	margin-top: 9px;
	font-size: .8rem;
}
.mrnp-demo-01 .mrnp-home-feature-category__lead-excerpt {
	margin: 10px 0 0;
	font-family: var(--mrnp-font-body);
	font-size: var(--mrnp-font-size-base);
	line-height: var(--mrnp-line-height-base);
	color: var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-feature-category__mini-grid {
	display: grid;
	grid-template-columns: calc((100% - 16px) / 3) calc((100% + 32px) / 3) calc((100% - 16px) / 3);
	gap: 0;
}
.mrnp-demo-01 .mrnp-home-feature-category__mini {
	padding: 16px;
	background: var(--mrnp-color-surface);
}
.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(-n+3) { padding-top: 0; }
.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(3n+1) { padding-left: 0; }
.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(3n) { padding-right: 0; }
.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(n+4) { padding-bottom: 0; }
.mrnp-demo-01 .mrnp-home-feature-category__mini:not(:nth-child(3n+1)) {
	border-left: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(n+4) {
	border-top: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-feature-category__mini-title {
	margin: 0;
	font-size: var(--mrnp-font-size-normal-heading);
	line-height: var(--mrnp-line-height-normal-heading);
	font-weight: var(--mrnp-heading-weight);
}
@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-home-feature-category__grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mrnp-demo-01 .mrnp-home-feature-category__mini {
		padding: 16px;
		border-top: 0;
		border-left: 0;
	}
	.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(-n+2) { padding-top: 0; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(odd) { padding-left: 0; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(even) {
		padding-right: 0;
		border-left: 1px solid var(--mrnp-demo-line);
	}
	.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-last-child(-n+2) { padding-bottom: 0; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini:nth-child(n+3) {
		border-top: 1px solid var(--mrnp-demo-line);
	}
}
@media (max-width: 620px) {
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid { grid-template-columns: 1fr; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid .mrnp-home-feature-category__mini:nth-child(n) {
		padding: 14px 0;
		border-left: 0;
		border-top: 0;
		background: transparent;
	}
	.mrnp-demo-01 .mrnp-home-feature-category__mini-media { display: none; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid .mrnp-home-feature-category__mini:first-child { padding-top: 0; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid .mrnp-home-feature-category__mini:last-child { padding-bottom: 0; }
	.mrnp-demo-01 .mrnp-home-feature-category__mini-grid .mrnp-home-feature-category__mini + .mrnp-home-feature-category__mini {
		padding-top: 16px;
		border-top: 1px solid rgba(30, 138, 138, .12);
	}
}

/* Dedicated Politics section — newsroom content with a fixed-width two-ad sidebar. */
.mrnp-demo-01 .mrnp-home-politics__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 24px;
	align-items: start;
}
.mrnp-demo-01 .mrnp-home-politics__news {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: 20px;
	min-width: 0;
}
.mrnp-demo-01 .mrnp-home-politics__lead-media,
.mrnp-demo-01 .mrnp-home-politics__support-media {
	display: block;
	overflow: hidden;
	background: var(--mrnp-color-surface-soft);
}
.mrnp-demo-01 .mrnp-home-politics__lead-media { aspect-ratio: 1.52 / 1; }
.mrnp-demo-01 .mrnp-home-politics__support-media { aspect-ratio: 1.7 / 1; margin-bottom: 10px; }
.mrnp-demo-01 .mrnp-home-politics__lead-image,
.mrnp-demo-01 .mrnp-home-politics__support-image,
.mrnp-demo-01 .mrnp-home-politics__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mrnp-demo-01 .mrnp-home-politics__placeholder { background: var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-politics__lead-title {
	margin: 12px 0 0;
	font-size: var(--mrnp-font-size-featured-heading);
	line-height: var(--mrnp-line-height-featured-heading);
	font-weight: var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-politics__lead-title a,
.mrnp-demo-01 .mrnp-home-politics__support-title a {
	color: var(--mrnp-demo-deep);
	text-decoration: none;
}
.mrnp-demo-01 .mrnp-home-politics__lead-excerpt {
	margin: 10px 0 0;
	color: var(--mrnp-demo-muted);
	font-family: var(--mrnp-font-body);
	font-size: var(--mrnp-font-size-base);
	line-height: var(--mrnp-line-height-base);
}
.mrnp-demo-01 .mrnp-home-politics__support-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 16px;
}
.mrnp-demo-01 .mrnp-home-politics__support-title {
	margin: 0;
	font-size: var(--mrnp-font-size-normal-heading);
	line-height: var(--mrnp-line-height-normal-heading);
	font-weight: var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-politics__sidebar {
	width: 250px;
	min-width: 0;
}
.mrnp-demo-01 .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-01 .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-01 .mrnp-online-vote__eyebrow{display:block;margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.05em;opacity:.86}
.mrnp-demo-01 .mrnp-online-vote__head h3{margin:0;color:#fff;font-size:18px;line-height:1.35;font-weight:700}
.mrnp-demo-01 .mrnp-online-vote__body{padding:14px 14px 12px}
.mrnp-demo-01 .mrnp-online-vote__form{display:grid;gap:9px}
.mrnp-demo-01 .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-01 .mrnp-online-vote__option input{position:absolute;opacity:0;pointer-events:none}
.mrnp-demo-01 .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-01 .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-01 .mrnp-online-vote__option:has(input:checked) .mrnp-online-vote__radio{border:5px solid var(--mrnp-color-primary)}
.mrnp-demo-01 .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-01 .mrnp-online-vote__submit:hover{background:var(--mrnp-color-primary-hover)}
.mrnp-demo-01 .mrnp-online-vote__submit:disabled{opacity:.65;cursor:wait}
.mrnp-demo-01 .mrnp-online-vote__message{margin:0;color:var(--mrnp-demo-muted);font-size:12px;line-height:1.45}
.mrnp-demo-01 .mrnp-online-vote__results{display:grid;gap:12px}
.mrnp-demo-01 .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-01 .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-01 .mrnp-online-vote__bar i{display:block;height:100%;border-radius:inherit;background:var(--mrnp-color-primary)}
.mrnp-demo-01 .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-01 .mrnp-online-vote__footer strong{color:var(--mrnp-color-primary);font-size:16px}
.mrnp-demo-01 .mrnp-home-politics__empty {
	grid-column: 1 / -1;
	padding: 22px 0;
	border-top: 1px solid var(--mrnp-demo-line);
	border-bottom: 1px solid var(--mrnp-demo-line);
	color: var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-politics__empty p { margin:0; font-family:var(--mrnp-font-body); font-size:var(--mrnp-font-size-base); line-height:var(--mrnp-line-height-base); }
@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-home-politics__layout { grid-template-columns: 1fr; }
	.mrnp-demo-01 .mrnp-home-politics__sidebar { width: 100%; }
}
@media (max-width: 780px) {
	.mrnp-demo-01 .mrnp-home-politics__news { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.mrnp-demo-01 .mrnp-home-politics__support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 12px;
	}
	.mrnp-demo-01 .mrnp-home-politics__lead-title { font-size: var(--mrnp-font-size-featured-heading); }
	.mrnp-demo-01 .mrnp-home-politics__support-title { font-size: var(--mrnp-font-size-normal-heading); line-height: var(--mrnp-line-height-normal-heading); }
}

/* Dedicated Saradesh section — countrywide news with search-map sidebar. */
.mrnp-demo-01 .mrnp-home-saradesh__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 250px;
	gap: 24px;
	align-items: start;
}
.mrnp-demo-01 .mrnp-home-saradesh__news {
	min-width: 0;
	border-bottom: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-saradesh__top {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	padding-bottom: 22px;
	border-bottom: 1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-saradesh__lead-media,
.mrnp-demo-01 .mrnp-home-saradesh__top-media,
.mrnp-demo-01 .mrnp-home-saradesh__bottom-media { display:block; overflow:hidden; background:var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-saradesh__lead-media { aspect-ratio:1.85 / 1; }
.mrnp-demo-01 .mrnp-home-saradesh__top-media,
.mrnp-demo-01 .mrnp-home-saradesh__bottom-media { aspect-ratio:1.7 / 1; margin-bottom:9px; }
.mrnp-demo-01 .mrnp-home-saradesh__lead-image,
.mrnp-demo-01 .mrnp-home-saradesh__top-image,
.mrnp-demo-01 .mrnp-home-saradesh__bottom-image,
.mrnp-demo-01 .mrnp-home-saradesh__placeholder { display:block; width:100%; height:100%; object-fit:cover; }
.mrnp-demo-01 .mrnp-home-saradesh__placeholder { background:var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-saradesh__lead-title { margin:11px 0 0; font-size:var(--mrnp-font-size-featured-heading); line-height:var(--mrnp-line-height-featured-heading); font-weight:var(--mrnp-heading-weight); }
.mrnp-demo-01 .mrnp-home-saradesh__lead-title a,
.mrnp-demo-01 .mrnp-home-saradesh__top-title a,
.mrnp-demo-01 .mrnp-home-saradesh__bottom-title a { color:var(--mrnp-demo-deep); text-decoration:none; }
.mrnp-demo-01 .mrnp-home-saradesh__top-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mrnp-demo-01 .mrnp-home-saradesh__top-card { position:relative; min-width:0; }

.mrnp-home-saradesh__top-card + .mrnp-home-saradesh__top-card::before { content:""; position:absolute; top:0; bottom:0; left:-8px; width:1px; background:var(--mrnp-demo-line); }
.mrnp-demo-01 .mrnp-home-saradesh__top-title,
.mrnp-demo-01 .mrnp-home-saradesh__bottom-title { margin:0; font-size:var(--mrnp-font-size-normal-heading); line-height:var(--mrnp-line-height-normal-heading); font-weight:var(--mrnp-heading-weight); }
.mrnp-demo-01 .mrnp-home-saradesh__top-excerpt {
	margin:8px 0 0;
	color:var(--mrnp-demo-muted);
	font-family:var(--mrnp-font-body);
	font-size:var(--mrnp-font-size-base);
	line-height:var(--mrnp-line-height-base);
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}
.mrnp-demo-01 .mrnp-home-saradesh__bottom-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:22px 0 14px; }
.mrnp-demo-01 .mrnp-home-saradesh__bottom-card { position:relative; min-width:0; }
.mrnp-demo-01 .mrnp-home-saradesh__bottom-card + .mrnp-home-saradesh__bottom-card::before { content:""; position:absolute; top:0; bottom:0; left:-8px; width:1px; background:var(--mrnp-demo-line); }
.mrnp-demo-01 .mrnp-home-saradesh__empty { padding:24px 0; color:var(--mrnp-demo-muted); }
.mrnp-demo-01 .mrnp-home-saradesh__empty p { margin:0; font-family:var(--mrnp-font-body); font-size:var(--mrnp-font-size-base); line-height:var(--mrnp-line-height-base); }

.mrnp-demo-01 .mrnp-home-saradesh__sidebar { width:250px; 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-01 .mrnp-saradesh-search { padding-top:0; }
.mrnp-demo-01 .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-01 .mrnp-saradesh-search__map { position:relative; width:100%; margin:0 auto 12px; }
.mrnp-demo-01 .mrnp-saradesh-search__map-image { display:block; width:100%; height:auto; }
.mrnp-demo-01 .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-01 .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-01 .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-01 .mrnp-saradesh-search__map-link:hover .mrnp-saradesh-search__map-label,
.mrnp-demo-01 .mrnp-saradesh-search__map-link:focus .mrnp-saradesh-search__map-label { background:var(--mrnp-color-primary-hover); }
.mrnp-demo-01 .mrnp-saradesh-search__map-link:focus { outline:2px solid #ffd54f; outline-offset:2px; }

.mrnp-demo-01 .mrnp-saradesh-search__fields { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mrnp-demo-01 .mrnp-saradesh-search__fields select,
.mrnp-demo-01 .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-01 .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-01 .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-01 .mrnp-saradesh-reporters:hover { filter:brightness(.97); color:var(--mrnp-section-header-color); }

@media (max-width:1080px) {
	.mrnp-demo-01 .mrnp-home-saradesh__layout { grid-template-columns:1fr; }
	.mrnp-demo-01 .mrnp-home-saradesh__sidebar { width:min(100%,360px); margin-inline:auto; }
}
@media (max-width:780px) {
	.mrnp-demo-01 .mrnp-home-saradesh__top { grid-template-columns:1fr; }
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-card:nth-child(3)::before { display:none; }
}
@media (max-width:620px) {
	.mrnp-demo-01 .mrnp-home-saradesh__top {
		grid-template-columns: 1fr;
		gap: 18px;
		padding-bottom: 18px;
	}
	.mrnp-demo-01 .mrnp-home-saradesh__top-grid,
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0;
	}
	.mrnp-demo-01 .mrnp-home-saradesh__top-media,
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-media,
	.mrnp-demo-01 .mrnp-home-saradesh__top-excerpt {
		display: none;
	}
	.mrnp-demo-01 .mrnp-home-saradesh__top-card,
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-card {
		padding: 14px 12px 12px 0;
		border-top: 1px solid var(--mrnp-demo-line);
	}
	.mrnp-demo-01 .mrnp-home-saradesh__top-card:nth-child(even),
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-card:nth-child(even) {
		padding-right: 0;
		padding-left: 12px;
		border-left: 1px solid color-mix(in srgb, var(--mrnp-demo-line) 72%, transparent);
	}
	.mrnp-demo-01 .mrnp-home-saradesh__top-card::before,
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-card::before {
		display: none;
	}
	.mrnp-demo-01 .mrnp-home-saradesh__lead-title { font-size:var(--mrnp-font-size-featured-heading); }
	.mrnp-demo-01 .mrnp-home-saradesh__top-title,
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-title {
		font-size: var(--mrnp-font-size-normal-heading);
		line-height: var(--mrnp-line-height-normal-heading);
	}
	.mrnp-demo-01 .mrnp-home-saradesh__bottom-grid {
		padding: 0 0 10px;
	}
}

/* Dedicated Sports section. */
.mrnp-demo-01 .mrnp-home-sports__layout {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);
	gap:26px;
	align-items:start;
}
.mrnp-demo-01 .mrnp-home-sports__column,
.mrnp-demo-01 .mrnp-home-sports__featured-wrap {
	min-width:0;
	position:relative;
}
.mrnp-demo-01 .mrnp-home-sports__featured-wrap,
.mrnp-demo-01 .mrnp-home-sports__column--right {
	padding-left:0;
}
.mrnp-demo-01 .mrnp-home-sports__featured-wrap::before,
.mrnp-demo-01 .mrnp-home-sports__column--right::before {
	content:"";
	position:absolute;
	left:-13px;
	top:0;
	bottom:0;
	width:1px;
	background:var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-sports__column {
	display:grid;
	gap:18px;
}
.mrnp-demo-01 .mrnp-home-sports__side-media,
.mrnp-demo-01 .mrnp-home-sports__featured-media {
	display:block;
	overflow:hidden;
	background:var(--mrnp-color-surface-soft);
}
.mrnp-demo-01 .mrnp-home-sports__side-media { aspect-ratio:2 / 1; margin-bottom:10px; }
.mrnp-demo-01 .mrnp-home-sports__featured-media { aspect-ratio:1.7 / 1; margin-bottom:14px; }
.mrnp-demo-01 .mrnp-home-sports__side-image,
.mrnp-demo-01 .mrnp-home-sports__featured-image,
.mrnp-demo-01 .mrnp-home-sports__placeholder {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mrnp-demo-01 .mrnp-home-sports__placeholder { background:var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-sports__side-title,
.mrnp-demo-01 .mrnp-home-sports__featured-title {
	margin:0;
	font-weight:var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-sports__side-title {
	font-size:var(--mrnp-font-size-normal-heading);
	line-height:var(--mrnp-line-height-normal-heading);
}
.mrnp-demo-01 .mrnp-home-sports__featured-title {
	font-size:var(--mrnp-font-size-featured-heading);
	line-height:var(--mrnp-line-height-featured-heading);
}
.mrnp-demo-01 .mrnp-home-sports__side-title a,
.mrnp-demo-01 .mrnp-home-sports__featured-title a {
	color:var(--mrnp-demo-deep);
	text-decoration:none;
}
.mrnp-demo-01 .mrnp-home-sports__featured-excerpt {
	margin:12px 0 0;
	color:var(--mrnp-demo-muted);
	font-family:var(--mrnp-font-body);
	font-size:var(--mrnp-font-size-base);
	line-height:var(--mrnp-line-height-base);
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
}
@media (max-width: 1120px) {
	.mrnp-demo-01 .mrnp-home-sports__layout { grid-template-columns:1fr; gap:20px; }
	.mrnp-demo-01 .mrnp-home-sports__featured-wrap,
	.mrnp-demo-01 .mrnp-home-sports__column--right { padding-left:0; }
	.mrnp-demo-01 .mrnp-home-sports__featured-wrap::before,
	.mrnp-demo-01 .mrnp-home-sports__column--right::before { display:none; }
	.mrnp-demo-01 .mrnp-home-sports__column { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
	.mrnp-demo-01 .mrnp-home-sports__layout {
		display:grid;
		grid-template-columns:1fr;
		gap:16px;
	}
	.mrnp-demo-01 .mrnp-home-sports__featured-wrap { order:1; }
	.mrnp-demo-01 .mrnp-home-sports__column--left { order:2; }
	.mrnp-demo-01 .mrnp-home-sports__column--right { order:3; }
	.mrnp-demo-01 .mrnp-home-sports__column {
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:16px 12px;
	}
	.mrnp-demo-01 .mrnp-home-sports__side-media {
		aspect-ratio:4 / 3;
		margin-bottom:8px;
	}
	.mrnp-demo-01 .mrnp-home-sports__featured-title { font-size:var(--mrnp-font-size-featured-heading); }
	.mrnp-demo-01 .mrnp-home-sports__side-title { font-size:var(--mrnp-font-size-normal-heading); line-height:var(--mrnp-line-height-normal-heading); }
}

/* Dedicated paired Health + Education section. */
.mrnp-demo-01 .mrnp-home-hedu__layout {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
	align-items:start;
}
.mrnp-demo-01 .mrnp-home-hedu__layout--single { grid-template-columns:minmax(0,1fr); }
.mrnp-demo-01 .mrnp-home-hedu__panel,
.mrnp-demo-01 .mrnp-home-hedu__top { min-width:0; }
.mrnp-demo-01 .mrnp-home-hedu__lead {
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
	gap:14px;
	align-items:start;
	padding-bottom:18px;
	border-bottom:1px solid var(--mrnp-demo-line);
}
.mrnp-demo-01 .mrnp-home-hedu__lead-media,
.mrnp-demo-01 .mrnp-home-hedu__card-media {
	display:block;
	overflow:hidden;
	background:var(--mrnp-color-surface-soft);

 aspect-ratio:1.7 / 1; }
.mrnp-demo-01 .mrnp-home-hedu__lead-image,
.mrnp-demo-01 .mrnp-home-hedu__card-image,
.mrnp-demo-01 .mrnp-home-hedu__placeholder {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mrnp-demo-01 .mrnp-home-hedu__placeholder { background:var(--mrnp-color-surface-soft); }
.mrnp-demo-01 .mrnp-home-hedu__lead-title,
.mrnp-demo-01 .mrnp-home-hedu__card-title {
	margin:0;
	font-weight:var(--mrnp-heading-weight);
}
.mrnp-demo-01 .mrnp-home-hedu__lead-title {
	font-size:var(--mrnp-font-size-featured-heading);
	line-height:var(--mrnp-line-height-featured-heading);
}
.mrnp-demo-01 .mrnp-home-hedu__card-title {
	font-size:var(--mrnp-font-size-normal-heading);
	line-height:var(--mrnp-line-height-normal-heading);
}
.mrnp-demo-01 .mrnp-home-hedu__lead-title a,
.mrnp-demo-01 .mrnp-home-hedu__card-title a {
	color:var(--mrnp-demo-deep);
	text-decoration:none;
}
.mrnp-demo-01 .mrnp-home-hedu__lead-excerpt {
	margin:12px 0 0;
	color:var(--mrnp-demo-muted);
	font-family:var(--mrnp-font-body);
	font-size:var(--mrnp-font-size-base);
	line-height:var(--mrnp-line-height-base);
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
}
.mrnp-demo-01 .mrnp-home-hedu__grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:14px;
	padding-top:18px;
}
.mrnp-demo-01 .mrnp-home-hedu__card { min-width:0; }
.mrnp-demo-01 .mrnp-home-hedu__card-media { margin-bottom:10px; }
.mrnp-demo-01 .mrnp-home-hedu__empty {
	padding:24px 0;
	border-top:1px solid var(--mrnp-demo-line);
	border-bottom:1px solid var(--mrnp-demo-line);
	color:var(--mrnp-demo-muted);
}
.mrnp-demo-01 .mrnp-home-hedu__empty p { margin:0; font-family:var(--mrnp-font-body); font-size:var(--mrnp-font-size-base); line-height:var(--mrnp-line-height-base); }
@media (max-width: 1080px) {
	.mrnp-demo-01 .mrnp-home-hedu__layout { grid-template-columns:1fr; }
}
@media (max-width: 767px) {
	.mrnp-demo-01 .mrnp-home-hedu__lead { grid-template-columns:1fr; }
	.mrnp-demo-01 .mrnp-home-hedu__mobile-grid-wrap {
		position: relative;
		min-width: 0;
	}
	.mrnp-demo-01 .mrnp-home-hedu__grid {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: calc((100% - 12px) / 2);
		grid-template-columns: none;
		gap: 12px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		padding: 18px 0 2px;
	}
	.mrnp-demo-01 .mrnp-home-hedu__grid::-webkit-scrollbar { display: none; }
	.mrnp-demo-01 .mrnp-home-hedu__card {
		min-width: 0;
		scroll-snap-align: start;
	}
	.mrnp-demo-01 .mrnp-home-hedu__mobile-next {
		position: absolute;
		right: -6px;
		top: 50%;
		z-index: 3;
		display: grid;
		place-items: center;
		width: 28px;
		height: 28px;
		padding: 0;
		border: 1px solid rgba(30,138,138,.28);
		border-radius: 50%;
		background: rgba(255,255,255,.94);
		color: var(--mrnp-color-primary);
		box-shadow: 0 4px 12px rgba(15,23,42,.10);
		font: 700 22px/1 Arial,sans-serif;
		cursor: pointer;
		transform: translateY(-50%);
		transition: opacity .2s ease, transform .2s ease;
	}
	.mrnp-demo-01 .mrnp-home-hedu__mobile-next span {
		display: block;
		margin-top: -2px;
	}
	.mrnp-demo-01 .mrnp-home-hedu__mobile-next.is-hidden {
		opacity: 0;
		pointer-events: none;
	}
	.mrnp-demo-01 .mrnp-home-hedu__mobile-next:active {
		transform: translateY(-50%) scale(.94);
	}
	.mrnp-demo-01 .mrnp-home-hedu__lead-title { font-size:var(--mrnp-font-size-featured-heading); }
	.mrnp-demo-01 .mrnp-home-hedu__card-title { font-size:var(--mrnp-font-size-normal-heading); line-height:var(--mrnp-line-height-normal-heading); }
}
@media (min-width: 768px) {
	.mrnp-demo-01 .mrnp-home-hedu__mobile-next { display:none; }
}

/* Reusable Demo 01 header preset when mixed with another homepage demo. */
.admin-bar .mrnp-header-preset-scope.mrnp-demo-01 .mrnp-demo-nav.is-sticky.is-fixed{top:32px}
@media(max-width:782px){.admin-bar .mrnp-header-preset-scope.mrnp-demo-01 .mrnp-demo-nav.is-sticky.is-fixed{top:46px}}

/* v1.0.167 — Demo 01 outer section rhythm (desktop + mobile).
 * Only top-level sections are affected; cards and sidebars keep their own spacing. */
/* The direct homepage children own the vertical spacing, not their inner cards.
 * The previous component margins and responsive overrides have been removed. */
body.mrnp-demo-01 .mrnp-home--demo-01 > :is(.mrnp-home-section,.mrnp-home-ad-single,.mrnp-home-ad-pair) {
	margin-block:0;
}
body.mrnp-demo-01 .mrnp-home--demo-01 > .mrnp-home-section + .mrnp-home-section {
	margin-top:40px;
}
body.mrnp-demo-01 .mrnp-home--demo-01 > .mrnp-home-section + :is(.mrnp-home-ad-single,.mrnp-home-ad-pair),
body.mrnp-demo-01 .mrnp-home--demo-01 > :is(.mrnp-home-ad-single,.mrnp-home-ad-pair) + .mrnp-home-section {
	margin-top:20px;
}
body.mrnp-demo-01 .mrnp-home--demo-01 > :is(.mrnp-home-ad-single,.mrnp-home-ad-pair) + :is(.mrnp-home-ad-single,.mrnp-home-ad-pair) {
	margin-top:20px;
}
.mrnp-home--demo-01 > :is(.mrnp-home-ad-single,.mrnp-home-ad-pair) > .mrnp-container {padding-block:0;}
