/**
 * Digital Newspaper 1.2.1 — "Nomnes" redesign layer
 * Neutral slate palette, blue accent (#3b82f6), Inter typography,
 * 12px rounded cards, subtle borders/shadows, real deep-slate dark mode.
 *
 * This file is enqueued LAST (after responsive.css). Token selectors use
 * `html body.digital_newspaper_font_typography` (specificity 0,1,2) so they
 * win over the customizer inline output (`.digital_newspaper_font_typography`,
 * `body.digital_newspaper_main_body`, `body.digital_newspaper_dark_mode`),
 * which means legacy saved values (orange #FD4F18, Jost, orange top-bar
 * gradient) no longer leak into the design.
 *
 * Table of contents
 *  1. Design tokens (light / dark)
 *  2. Base & typography
 *  3. Top bar & header
 *  4. Navigation, search, toggles
 *  5. Section / block titles
 *  6. Cards & surfaces
 *  7. Category badges, meta, buttons
 *  8. Ticker & banner
 *  9. Sidebar widgets
 * 10. Single post & archive
 * 11. Footer
 * 12. Dark-mode specific fixes
 * 13. Responsive
 * 14. RTL
 */

/* 1. Design tokens ===================================================== */
html body.digital_newspaper_font_typography {
	--nm-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans CJK SC', 'Noto Sans SC', sans-serif;
	--nm-bg: #f8fafc;
	--nm-surface: #ffffff;
	--nm-surface-2: #f1f5f9;
	--nm-border: #e2e8f0;
	--nm-border-strong: #cbd5e1;
	--nm-text: #0f172a;
	--nm-text-2: #334155;
	--nm-muted: #64748b;
	--nm-accent: #3b82f6;
	--nm-accent-hover: #2563eb;
	--nm-accent-text: #2563eb;
	--nm-accent-soft: #eff6ff;
	--nm-accent-soft-border: #bfdbfe;
	--nm-radius: 12px;
	--nm-radius-sm: 8px;
	--nm-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);
	--nm-shadow-hover: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);

	/* map theme variables onto tokens */
	--theme-color-red: var(--nm-accent);
	--digital-newspaper-global-preset-color-1: #3b82f6;
	--digital-newspaper-global-preset-color-2: #0f172a;
	--digital-newspaper-animation-object-color: #3b82f6;
	--site-bk-color: var(--nm-bg);
	--main-bk-color: var(--nm-surface);
	--top-header-bk-color: var(--nm-surface);
	--top-header-border-btm-c: var(--nm-border);
	--top-date-time-bk-color: transparent;
	--top-header-dt-color: var(--nm-muted);
	--top-header-menu-color: var(--nm-muted);
	--top-header-menu-color-hover: var(--nm-text);
	--top-header-social-color: var(--nm-muted);
	--top-header-social-color-hover: var(--nm-accent);
	--header-letter-random-color: var(--nm-muted);
	--header-bk-color: var(--nm-surface);
	--header-toggle-bk-color: var(--nm-surface);
	--toggle-close-bk-color: var(--nm-surface-2);
	--toggle-close-btn-color: var(--nm-muted);
	--menu-bk-color: var(--nm-surface);
	--menu-border-top-color: var(--nm-accent);
	--submenu-border-btm-color: var(--nm-border);
	--mode-toggle-color: var(--nm-text);
	--ticker-outer-bk-color: var(--nm-surface);
	--ticker-inner-bk-color: var(--nm-surface);
	--banner-content-bk-color: var(--nm-surface);
	--archive-content-bk-color: var(--nm-surface);
	--single-content-bk-color: var(--nm-surface);
	--404-error-content-bk-color: var(--nm-surface);
	--search-content-bk-color: var(--nm-surface);
	--full-width-section-bk-color: var(--nm-bg);
	--leftc-rights-section-bk-color: var(--nm-bg);
	--lefts-rightc-section-bk-color: var(--nm-bg);
	--full-width-bottom-section-bk-color: var(--nm-bg);
	--full-width-content-bk-color: var(--nm-surface);
	--leftc-rights-content-bk-color: var(--nm-surface);
	--lefts-rightc-content-bk-color: var(--nm-surface);
	--full-width-bottom-content-bk-color: var(--nm-surface);
	--theme-section-bk-color: var(--nm-surface-2);
	--theme-content-bk-color: var(--nm-surface);
	--border-bottom-color: var(--nm-border);
	--block-title-border-bottom-color: var(--nm-border);
	--load-more-border-color: var(--nm-border-strong);
	--body-text-default-color: var(--nm-text-2);
	--border-line-color: var(--nm-border);
	--menu-active-color: var(--nm-accent);
	--noimg-bk-color: var(--nm-surface-2);
	--white-bk-color: var(--nm-surface);
	--author-color: var(--nm-text-2);
	--meta-text-color: var(--nm-muted);
	--main-content-text-color: var(--nm-text-2);
	--block-title-color: var(--nm-text);
	--block-title-color-black: var(--nm-text);
	--post-title-color: var(--nm-text);
	--post-content-color: var(--nm-text-2);
	--post-meta-color: var(--nm-muted);
	--dark-bk-color: #0f172a;
	--inner-container-bk: var(--nm-surface);
	--mobile-menu-bk-color: var(--nm-surface);
	--mobile-menu-border-btm-color: var(--nm-border);
	--text-background-color: var(--nm-surface);
	--block-title-bk-color: var(--nm-surface-2);
	--slick-button-color: var(--nm-text-2);
	--button-bk-color: var(--nm-surface);
	--shadow-color: rgba(15, 23, 42, .06);
	--menu-color: var(--nm-text-2);
	--menu-color-hover: var(--nm-accent);
	--menu-color-active: var(--nm-accent);
	--menu-color-submenu: var(--nm-text-2);
	--menu-color-submenu-hover: var(--nm-accent);
	--breadcrumb-background-color: var(--nm-surface);
	--breadcrumb-link-color: var(--nm-muted);
	--breadcrumb-link-color-hover: var(--nm-accent);
	--breadcrumb-text-color: var(--nm-text);
	--move-to-top-color: #ffffff;
	--move-to-top-color-hover: #ffffff;
	--move-to-top-background-color: var(--nm-accent);
	--move-to-top-background-color-hover: var(--nm-accent-hover);
	--move-to-top-border-color: var(--nm-accent);
	--move-to-top-border-color-hover: var(--nm-accent-hover);
	--sidebar-toggle-color: var(--nm-text);
	--sidebar-toggle-color-hover: var(--nm-accent);
	--newsletter-color: var(--nm-muted);
	--newsletter-color-hover: var(--nm-accent);
	--random-news-color: var(--nm-muted);
	--random-news-color-hover: var(--nm-accent);
	--search-color: var(--nm-text);
	--search-color-hover: var(--nm-accent);
	--website-frame-color: var(--nm-accent);
	--footer-text-color: #e2e8f0;
	--footer-bottom-text-color: #94a3b8;
	--footer-bottom-link-color: #cbd5e1;
	--footer-bottom-link-color-hover: #ffffff;
	--footer-bottom-author-color: #cbd5e1;
	--ticker-overlay-color: var(--nm-surface);
	--title-before-icon: var(--nm-text);
	--top-header-slider-color: var(--nm-text-2);
	--top-header-slider-color-hover: var(--nm-accent);
	--top-header-slider-arrow-color: var(--nm-muted);
	--top-header-slider-arrow-color-hover: var(--nm-accent);
	--date-header-bk-color: transparent;
	--pagination-color: var(--nm-text-2);
	--pagination-bk-color: var(--nm-surface);
	--post-list-number-bk-color: var(--nm-surface-2);
	--live-search-color: var(--nm-text-2);
	--live-search-bk-color: var(--nm-surface);
	--theme-block-top-border-color: var(--nm-border);

	/* typography: Inter everywhere (CJK system fonts only as fallback) */
	--site-title-family: var(--nm-font);
	--block-title-family: var(--nm-font);
	--post-title-family: var(--nm-font);
	--meta-family: var(--nm-font);
	--content-family: var(--nm-font);
	--menu-family: var(--nm-font);
	--submenu-family: var(--nm-font);
	--single-title-family: var(--nm-font);
	--single-meta-family: var(--nm-font);
	--single-content-family: var(--nm-font);
	--post-content-font: var(--nm-font);
	--post-meta-font: var(--nm-font);

	--site-title-weight: 800;
	--site-title-size: 26px;
	--site-title-size-tab: 24px;
	--site-title-size-mobile: 22px;
	--site-title-lineheight: 32px;
	--site-title-lineheight-tab: 30px;
	--site-title-lineheight-mobile: 28px;
	--site-title-letterspacing: -0.02em;
	--site-title-letterspacing-tab: -0.02em;
	--site-title-letterspacing-mobile: -0.02em;
	--block-title-weight: 700;
	--block-title-size: 18px;
	--block-title-size-tab: 18px;
	--block-title-size-mobile: 17px;
	--block-title-lineheight: 26px;
	--block-title-lineheight-tab: 26px;
	--block-title-lineheight-mobile: 24px;
	--block-title-letterspacing: -0.01em;
	--post-title-weight: 600;
	--post-title-size: 18px;
	--post-title-size-tab: 17px;
	--post-title-size-mobile: 17px;
	--post-title-lineheight: 25px;
	--post-title-lineheight-tab: 24px;
	--post-title-lineheight-mobile: 24px;
	--post-title-letterspacing: -0.01em;
	--post-title-letterspacing-tab: -0.01em;
	--post-title-letterspacing-mobile: -0.01em;
	--meta-weight: 500;
	--meta-size: 12.5px;
	--meta-size-tab: 12.5px;
	--meta-size-mobile: 12.5px;
	--meta-lineheight: 18px;
	--content-weight: 400;
	--content-size: 14.5px;
	--content-size-tab: 14.5px;
	--content-size-mobile: 14.5px;
	--content-lineheight: 23px;
	--content-lineheight-tab: 23px;
	--content-lineheight-mobile: 23px;
	--menu-weight: 500;
	--menu-size: 14.5px;
	--menu-letterspacing: 0;
	--submenu-weight: 500;
	--submenu-size: 14px;
	--single-title-weight: 800;
	--single-title-size: 36px;
	--single-title-size-tab: 32px;
	--single-title-size-mobile: 27px;
	--single-title-lineheight: 44px;
	--single-title-lineheight-tab: 40px;
	--single-title-lineheight-mobile: 34px;
	--single-title-letterspacing: -0.025em;
	--single-title-letterspacing-tab: -0.025em;
	--single-title-letterspacing-mobile: -0.02em;
	--single-meta-weight: 500;
	--single-meta-size: 13px;
	--single-content-weight: 400;
	--single-content-size: 17px;
	--single-content-size-tab: 16.5px;
	--single-content-size-mobile: 16px;
	--single-content-lineheight: 29px;
	--single-content-lineheight-tab: 28px;
	--single-content-lineheight-mobile: 27px;

	background: var(--nm-bg);
	color: var(--nm-text-2);
	font-family: var(--nm-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html body.digital_newspaper_font_typography.digital_newspaper_dark_mode {
	--nm-bg: #0f172a;
	--nm-surface: #1e293b;
	--nm-surface-2: #273548;
	--nm-border: #334155;
	--nm-border-strong: #475569;
	--nm-text: #f8fafc;
	--nm-text-2: #cbd5e1;
	--nm-muted: #94a3b8;
	--nm-accent: #3b82f6;
	--nm-accent-hover: #60a5fa;
	--nm-accent-text: #60a5fa;
	--nm-accent-soft: rgba(59, 130, 246, .16);
	--nm-accent-soft-border: rgba(96, 165, 250, .35);
	--nm-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 0 0 1px rgba(148, 163, 184, .04);
	--nm-shadow-hover: 0 8px 24px rgba(0, 0, 0, .45);
	--theme-color-red: var(--nm-accent);
	--dark-bk-color: #0b1220;
	--white-text: #ffffff;
	--shadow-color: rgba(0, 0, 0, .35);
	--ticker-overlay-color: var(--nm-surface);
	--top-header-bk-color: #0b1220;
	--header-bk-color: #0f172a;
	--menu-bk-color: #0f172a;
	--mobile-menu-bk-color: #0f172a;
	--header-toggle-bk-color: #0f172a;
	--footer-text-color: #e2e8f0;
	background: var(--nm-bg);
	color: var(--nm-text-2);
}

/* 2. Base & typography ================================================= */
html body.digital_newspaper_font_typography,
html body.digital_newspaper_font_typography button,
html body.digital_newspaper_font_typography input,
html body.digital_newspaper_font_typography select,
html body.digital_newspaper_font_typography textarea {
	font-family: var(--nm-font);
}
html body.digital_newspaper_font_typography a { transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
html body.digital_newspaper_font_typography ::selection { background: rgba(59, 130, 246, .22); }
html body.digital_newspaper_font_typography :focus-visible { outline: 2px solid var(--nm-accent); outline-offset: 2px; }

/* boxed layout becomes a seamless canvas */
html body.digital_newspaper_font_typography.site-boxed--layout #page,
html body.digital_newspaper_font_typography #page {
	background: var(--nm-bg);
	box-shadow: none;
}
html body.digital_newspaper_font_typography.site-boxed--layout #page { margin: 0; }

/* 3. Top bar & header ================================================== */
html body.digital_newspaper_font_typography .site-header.layout--default .top-header,
html body.digital_newspaper_font_typography .site-header .top-header {
	background: var(--top-header-bk-color);
	border-bottom: 1px solid var(--nm-border);
	padding: 6px 0;
}
html body.digital_newspaper_font_typography .top-header .top-date-time,
html body.digital_newspaper_font_typography .top-header .top-date-time-inner {
	background: transparent;
	color: var(--nm-muted);
	font-size: 12px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
	box-shadow: none;
}
html body.digital_newspaper_font_typography .top-header .top-date-time-inner { padding: 0; }
html body.digital_newspaper_font_typography .top-header .top-date-time-inner .time { color: var(--nm-text); }
html body.digital_newspaper_font_typography .top-header .social-icons a.social-icon,
html body.digital_newspaper_font_typography .top-header .social-icons a.social-icon i {
	color: var(--nm-muted);
	font-size: 13px;
}
html body.digital_newspaper_font_typography .top-header .social-icons a.social-icon:hover i { color: var(--nm-accent); }
html body.digital_newspaper_font_typography .top-header .top-header-nrn-button-wrap a,
html body.digital_newspaper_font_typography .top-header .top-header-nrn-button-wrap i { color: var(--nm-muted); }
html body.digital_newspaper_font_typography .top-header .top-header-nrn-button-wrap a:hover,
html body.digital_newspaper_font_typography .top-header .top-header-nrn-button-wrap a:hover i { color: var(--nm-accent); }

html body.digital_newspaper_font_typography .site-header.layout--default .site-branding-section,
html body.digital_newspaper_font_typography .site-header .main-header,
html body.digital_newspaper_font_typography .site-header .site-branding-section {
	background: var(--header-bk-color);
}
html body.digital_newspaper_font_typography .site-header .main-header {
	border-bottom: 1px solid var(--nm-border);
	box-shadow: none;
}
html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-branding-section { padding-top: 6px; padding-bottom: 6px; }
html body.digital_newspaper_font_typography header .site-title a,
html body.digital_newspaper_font_typography header .site-title a:after,
html body.digital_newspaper_font_typography .site-branding .site-title a {
	color: var(--nm-text);
	font-family: var(--nm-font);
	font-weight: 800;
	letter-spacing: -0.03em;
}
html body.digital_newspaper_font_typography header .site-title a:hover { color: var(--nm-accent); }
html body.digital_newspaper_font_typography .site-branding .site-description,
html body.digital_newspaper_font_typography .site-description {
	color: var(--nm-muted);
	font-size: 13px;
	font-weight: 500;
	margin-top: 2px;
}

/* 3b. Compact header (1.2.2) ==========================================
 * Desktop: ~36px top bar + ~62px main bar (Polymarket-like 56-64px).
 * The customizer "Header vertical padding" can still reduce the padding,
 * but is capped at 8px so legacy saved values (15px) don't re-inflate it. */
html body.digital_newspaper_font_typography {
	--site-title-size: 24px;
	--site-title-size-tab: 22px;
	--site-title-size-mobile: 21px;
	--site-title-lineheight: 28px;
	--site-title-lineheight-tab: 26px;
	--site-title-lineheight-mobile: 26px;
}
html body.digital_newspaper_font_typography .site-header.layout--default .top-header { padding: 4px 0; }
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .row { min-height: 28px; }
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .social-icons,
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .social-icons-wrap,
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .top-header-nrn-button-wrap,
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .top-header-nrn-button-wrap > div,
html body.digital_newspaper_font_typography .site-header.layout--default .top-header .top-header-nrn-button-wrap a { line-height: 20px; }

html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-branding-section {
	padding-top: min(var(--header-padding, 8px), 8px);
	padding-bottom: min(var(--header-padding, 8px), 8px);
}
html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-branding-section .row {
	padding-top: 0;
	padding-bottom: 0;
	min-height: 44px;
}
html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-title {
	padding: 0;
	line-height: var(--site-title-lineheight);
	font-size: var(--site-title-size);
}
html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-description {
	padding: 1px 0 0;
	font-size: 12.5px;
	line-height: 16px;
}
/* sticky header: same compact bar, with a hairline + soft shadow */
html body.digital_newspaper_font_typography .site-header .main-header.fixed_header {
	background: var(--header-bk-color);
	border-bottom: 1px solid var(--nm-border);
	box-shadow: 0 4px 16px rgba(15, 23, 42, .06);
}
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header .main-header.fixed_header { box-shadow: 0 4px 16px rgba(0, 0, 0, .4); }
html body.digital_newspaper_font_typography .site-header.layout--default .main-header.fixed_header .site-branding-section { padding-top: 6px; padding-bottom: 6px; }
html body.digital_newspaper_font_typography .main-header.fixed_header .site-branding .site-title a { font-size: 20px; }
html body.digital_newspaper_font_typography .site-header.layout--default .main-header.fixed_header .site-branding-section .row { min-height: 40px; }

@media (max-width: 769px) {
	html body.digital_newspaper_font_typography .site-header.layout--default .top-header { padding: 3px 0; }
	html body.digital_newspaper_font_typography .site-header.layout--default .top-header .row { min-height: 26px; padding-top: 0; padding-bottom: 0; }
	html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-branding-section .row {
		gap: 6px;
		min-height: 0;
	}
	html body.digital_newspaper_font_typography .site-header.layout--default .main-header .site-branding {
		padding: 2px 4px 0;
		align-self: stretch;
		text-align: start;
	}
	html body.digital_newspaper_font_typography .site-header.layout--default .main-header .menu-section { min-height: 36px; }
}

/* 3c. Header logo (1.2.3) ===========================================
 * Logo sits to the left of the site title + tagline (right in RTL) and is
 * vertically centred on them. Applies to the bundled mark
 * (assets/images/logo-mark.svg) and to a Customizer Custom Logo; the
 * logo height is capped so the 62px / 53px sticky header is unchanged. */
html body.digital_newspaper_font_typography .site-branding.has-logo {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 10px;
	align-items: center;
	align-content: center;
	justify-content: start;
}
html body.digital_newspaper_font_typography .site-branding.has-logo > * { grid-column: 1 / -1; }
html body.digital_newspaper_font_typography .site-branding.has-logo > .custom-logo-link {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	margin: 0;
	line-height: 0;
}
html body.digital_newspaper_font_typography .site-branding.has-logo > .site-title { grid-column: 2; grid-row: 1; }
html body.digital_newspaper_font_typography .site-branding.has-logo > .site-description { grid-column: 2; grid-row: 2; }
html body.digital_newspaper_font_typography .site-branding .custom-logo-link img.site-logo-mark {
	display: block;
	width: auto;
	height: 30px;
	max-width: none;
}
html body.digital_newspaper_font_typography .site-branding.has-logo .custom-logo-link img.custom-logo {
	display: block;
	height: auto;
	max-height: 44px;
	object-fit: contain;
	object-position: left center;
}
html[dir="rtl"] body.digital_newspaper_font_typography .site-branding.has-logo .custom-logo-link img.custom-logo { object-position: right center; }
html body.digital_newspaper_font_typography .site-branding .custom-logo-link:focus-visible {
	outline: 2px solid var(--nm-accent);
	outline-offset: 3px;
	border-radius: 6px;
}
/* size the branding column to logo + title so a wide Custom Logo doesn't squeeze the title onto several lines */
@media (min-width: 770px) {
	html body.digital_newspaper_font_typography .site-header .main-header .site-branding-section .site-branding.has-logo {
		flex: 0 0 auto;
		max-width: 60%;
	}
}
html body.digital_newspaper_font_typography .main-header.fixed_header .site-branding .custom-logo-link img.site-logo-mark { height: 26px; }
html body.digital_newspaper_font_typography .main-header.fixed_header .site-branding.has-logo .custom-logo-link img.custom-logo { max-height: 36px; }
@media (max-width: 769px) {
	html body.digital_newspaper_font_typography .site-branding.has-logo { column-gap: 9px; }
	html body.digital_newspaper_font_typography .site-branding .custom-logo-link img.site-logo-mark { height: 28px; }
	html body.digital_newspaper_font_typography .site-branding.has-logo .custom-logo-link img.custom-logo { max-height: 40px; }
}

/* 4. Navigation, search, toggles ======================================= */
html body.digital_newspaper_font_typography .main-navigation ul.menu > li > a,
html body.digital_newspaper_font_typography .main-navigation ul.nav-menu > li > a {
	color: var(--nm-text-2);
	font-weight: 500;
	border-radius: 999px;
	padding-left: 12px;
	padding-right: 12px;
}
html body.digital_newspaper_font_typography .main-navigation ul.menu > li > a:hover,
html body.digital_newspaper_font_typography .main-navigation ul.nav-menu > li > a:hover {
	color: var(--nm-text);
	background: var(--nm-surface-2);
}
html body.digital_newspaper_font_typography .main-navigation ul.menu > li.current-menu-item > a,
html body.digital_newspaper_font_typography .main-navigation ul.menu > li.current_page_item > a,
html body.digital_newspaper_font_typography .main-navigation ul.nav-menu > li.current-menu-item > a {
	color: var(--nm-accent-text);
	background: var(--nm-accent-soft);
}
html body.digital_newspaper_font_typography .main-navigation ul.menu ul,
html body.digital_newspaper_font_typography .main-navigation ul.nav-menu ul {
	background: var(--nm-surface);
	border: 1px solid var(--nm-border);
	border-top: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	box-shadow: var(--nm-shadow-hover);
	overflow: hidden;
}
html body.digital_newspaper_font_typography .site-header .search-trigger,
html body.digital_newspaper_font_typography .site-header .search-trigger i {
	color: var(--nm-text-2);
}
html body.digital_newspaper_font_typography .site-header .search-wrap .search-trigger {
	width: 36px; height: 36px; border-radius: 999px;
	border: 1px solid var(--nm-border);
	background: var(--nm-surface);
	display: inline-flex; align-items: center; justify-content: center;
}
html body.digital_newspaper_font_typography .site-header .search-wrap .search-trigger:hover { border-color: var(--nm-accent); }
html body.digital_newspaper_font_typography .site-header .search-wrap .search-trigger:hover i { color: var(--nm-accent); }
html body.digital_newspaper_font_typography .site-header.layout--default .search-form-wrap {
	background: var(--nm-surface);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	box-shadow: var(--nm-shadow-hover);
}
html body.digital_newspaper_font_typography .digital_newspaper_sidetoggle_menu_burger span,
html body.digital_newspaper_font_typography #digital_newspaper_menu_burger span { background-color: var(--nm-text); }
html body.digital_newspaper_font_typography .menu-toggle,
html body.digital_newspaper_font_typography .menu-toggle .menu_txt { color: var(--nm-text); }
html body.digital_newspaper_font_typography .sidebar-toggle {
	background: var(--nm-surface);
	border-left: 1px solid var(--nm-border);
}

@media (min-width: 770px) {
	html body.digital_newspaper_font_typography .main-navigation ul.menu > li > a,
	html body.digital_newspaper_font_typography .main-navigation ul.nav-menu > li > a {
		padding: 7px 13px;
		line-height: 20px;
		margin: 0 1px;
	}
}

/* 5. Section / block titles ============================================ */
html body.digital_newspaper_font_typography h2.digital-newspaper-block-title,
html body.digital_newspaper_font_typography h2.digital-newspaper-widget-title,
html body.digital_newspaper_font_typography h2.widget-title,
html body.digital_newspaper_font_typography .widget .wp-block-heading,
html body.digital_newspaper_font_typography .widget h2,
html body.digital_newspaper_font_typography .widget .widget-title {
	color: var(--nm-text);
	font-family: var(--nm-font);
	font-weight: 700;
	letter-spacing: -0.01em;
	border-bottom: 0;
}
html body.digital_newspaper_font_typography .widget .wp-block-heading,
html body.digital_newspaper_font_typography .widget h2 { font-size: 16px; line-height: 24px; margin: 0 0 10px; }
html body.digital_newspaper_font_typography h2.digital-newspaper-block-title span,
html body.digital_newspaper_font_typography h2.digital-newspaper-widget-title span,
html body.digital_newspaper_font_typography h2.widget-title span {
	background: transparent;
	color: var(--nm-text);
	padding: 0 0 0 12px;
	position: relative;
}
html body.digital_newspaper_font_typography h2.digital-newspaper-block-title span::before,
html body.digital_newspaper_font_typography h2.digital-newspaper-widget-title span::before,
html body.digital_newspaper_font_typography h2.widget-title span::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	width: 4px; height: 16px;
	margin-top: -8px;
	border-radius: 4px;
	background: var(--nm-accent);
}
html body.digital_newspaper_font_typography.block-title--layout-one h2.digital-newspaper-block-title,
html body.digital_newspaper_font_typography.block-title--layout-one h2.digital-newspaper-widget-title,
html body.digital_newspaper_font_typography.block-title--layout-one h2.widget-title,
html body.digital_newspaper_font_typography.block-title--layout-four h2.digital-newspaper-block-title,
html body.digital_newspaper_font_typography.block-title--layout-four h2.widget-title {
	border-bottom: 1px solid var(--nm-border);
	padding-bottom: 10px;
}
html body.digital_newspaper_font_typography.block-title--layout-four h2.digital-newspaper-block-title span,
html body.digital_newspaper_font_typography.block-title--layout-four h2.widget-title span { border-bottom: 0; padding-bottom: 0; }

html body.digital_newspaper_font_typography h2.section-title,
html body.digital_newspaper_font_typography .banner-layout--five h2.section-title {
	color: var(--nm-text);
	font-family: var(--nm-font);
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: -0.005em;
	position: relative;
	padding-left: 12px;
	margin-bottom: 10px;
}
html body.digital_newspaper_font_typography h2.section-title::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	width: 4px; height: 14px; margin-top: -7px;
	border-radius: 4px;
	background: var(--nm-accent);
}
html body.digital_newspaper_font_typography.rtl h2.section-title { padding-left: 0; padding-right: 12px; }
html body.digital_newspaper_font_typography.rtl h2.section-title::before { left: auto; right: 0; }

/* archive / search page title */
html body.digital_newspaper_font_typography.archive .page-header,
html body.digital_newspaper_font_typography.search .page-header {
	border-bottom: 0;
	margin-bottom: 16px;
}
html body.digital_newspaper_font_typography.archive .page-title,
html body.digital_newspaper_font_typography.search .page-title {
	background: transparent;
	color: var(--nm-text);
	padding: 0;
	font-size: 28px;
	line-height: 36px;
	font-weight: 800;
	letter-spacing: -0.02em;
	border: 0;
}
html body.digital_newspaper_font_typography.archive .page-header .page-title::after,
html body.digital_newspaper_font_typography.search .page-header .page-title::after { display: none; }
html body.digital_newspaper_font_typography.archive .page-header { position: relative; }
html body.digital_newspaper_font_typography.archive .page-header::after,
html body.digital_newspaper_font_typography.search .page-header::after,
html body.digital_newspaper_font_typography.archive .page-header::before,
html body.digital_newspaper_font_typography.search .page-header::before { background: transparent; border: 0; }

/* 6. Cards & surfaces ================================================== */
html body.digital_newspaper_font_typography .blaze_box_wrap,
html body.digital_newspaper_font_typography .widget .post-item,
html body.digital_newspaper_font_typography .widget.widget_block,
html body.digital_newspaper_font_typography .widget.widget_search,
html body.digital_newspaper_font_typography .widget,
html body.digital_newspaper_font_typography .ticker-news-wrap,
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap,
html body.digital_newspaper_font_typography .single .post-inner,
html body.digital_newspaper_font_typography.single .post-inner,
html body.digital_newspaper_font_typography .single-related-posts-section,
html body.digital_newspaper_font_typography .comments-area,
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts article:not(:first-child),
html body.digital_newspaper_font_typography .news-grid.layout--four .post-element,
html body.digital_newspaper_font_typography .posts-grid-wrap.layout-two .post-content-wrap,
html body.digital_newspaper_font_typography.page #theme-content .row .primary-content,
html body.digital_newspaper_font_typography .navigation.post-navigation,
html body.digital_newspaper_font_typography .digital-newspaper-author-section .row {
	background: var(--nm-surface);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius);
	box-shadow: var(--nm-shadow);
}
/* sidebar widget containers hold their own items, keep outer box for block widgets only */
html body.digital_newspaper_font_typography .widget { padding: 16px 18px; overflow: hidden; }
html body.digital_newspaper_font_typography .widget .post-item { box-shadow: none; }
html body.digital_newspaper_font_typography .widget.widget_block .widget,
html body.digital_newspaper_font_typography .widget .widget { border: 0; box-shadow: none; padding: 0; }

html body.digital_newspaper_font_typography .blaze_box_wrap { overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease; }
html body.digital_newspaper_font_typography article:hover > .blaze_box_wrap,
html body.digital_newspaper_font_typography .blaze_box_wrap:hover {
	box-shadow: var(--nm-shadow-hover);
	border-color: var(--nm-border-strong);
}

/* images: rounded inside cards */
html body.digital_newspaper_font_typography .post-thumb-wrap,
html body.digital_newspaper_font_typography figure.post-thumb-wrap,
html body.digital_newspaper_font_typography .post-thumb,
html body.digital_newspaper_font_typography .post-thumb img,
html body.digital_newspaper_font_typography .post-thumb-wrap img,
html body.digital_newspaper_font_typography .ticker-item figure,
html body.digital_newspaper_font_typography .ticker-item figure img,
html body.digital_newspaper_font_typography .widget .post-thumb-image,
html body.digital_newspaper_font_typography .widget .post-thumb-image img,
html body.digital_newspaper_font_typography .single .post-thumbnail,
html body.digital_newspaper_font_typography .single .post-thumbnail img {
	border-radius: var(--nm-radius-sm);
	overflow: hidden;
}
html body.digital_newspaper_font_typography .main-banner-wrap,
html body.digital_newspaper_font_typography .main-banner-slider,
html body.digital_newspaper_font_typography .main-banner-slider .slide-item,
html body.digital_newspaper_font_typography .main-banner-slider .post_slider_template_one,
html body.digital_newspaper_font_typography .main-banner-grid-posts article,
html body.digital_newspaper_font_typography .main-banner-grid-posts .post-thumb-wrap,
html body.digital_newspaper_font_typography .main-banner-list-posts article:first-child,
html body.digital_newspaper_font_typography .main-banner-list-posts article:first-child .post-thumb-wrap {
	border-radius: var(--nm-radius);
	overflow: hidden;
}

/* post titles */
html body.digital_newspaper_font_typography .post-title a,
html body.digital_newspaper_font_typography h2.post-title a,
html body.digital_newspaper_font_typography .entry-title a {
	color: var(--nm-text);
}
html body.digital_newspaper_font_typography .post-title a:hover,
html body.digital_newspaper_font_typography .entry-title a:hover { color: var(--nm-accent-text); }
html body.digital_newspaper_font_typography .post-excerpt,
html body.digital_newspaper_font_typography .post-content,
html body.digital_newspaper_font_typography .post-element .post-excerpt { color: var(--nm-muted); }

/* 7. Category badges, meta, buttons ==================================== */
html body.digital_newspaper_font_typography .post-categories .cat-item,
html body.digital_newspaper_font_typography ul.post-categories li.cat-item {
	background-color: var(--nm-accent);
	border-radius: 6px;
	box-shadow: none;
}
html body.digital_newspaper_font_typography .post-categories .cat-item:hover,
html body.digital_newspaper_font_typography ul.post-categories li.cat-item:hover { background-color: var(--nm-accent-hover); }
html body.digital_newspaper_font_typography .post-categories .cat-item a,
html body.digital_newspaper_font_typography ul.post-categories li a {
	color: #ffffff;
	font-family: var(--nm-font);
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	padding: 3px 8px;
	line-height: 16px;
	border-radius: 6px;
}
/* plain (no-background) category style: blue text */
html body.digital_newspaper_font_typography .digital-newspaper-category-no-bk .post-categories .cat-item { background: transparent; }
html body.digital_newspaper_font_typography .digital-newspaper-category-no-bk .post-categories .cat-item a { color: var(--nm-accent-text); padding-left: 0; }
/* single post header badge: soft pill */
html body.digital_newspaper_font_typography.single .entry-header .post-categories li,
html body.digital_newspaper_font_typography .single .entry-header .post-categories li {
	background: var(--nm-accent-soft);
	border: 1px solid var(--nm-accent-soft-border);
}
html body.digital_newspaper_font_typography.single .entry-header .post-categories li a { color: var(--nm-accent-text); }

html body.digital_newspaper_font_typography .post-meta,
html body.digital_newspaper_font_typography .post-meta span,
html body.digital_newspaper_font_typography .post-meta a,
html body.digital_newspaper_font_typography .post-meta time,
html body.digital_newspaper_font_typography .post-date a,
html body.digital_newspaper_font_typography .post-date time,
html body.digital_newspaper_font_typography .byline a,
html body.digital_newspaper_font_typography .post-comment,
html body.digital_newspaper_font_typography .read-time,
html body.digital_newspaper_font_typography .post-meta i {
	color: var(--nm-muted);
	font-variant-numeric: tabular-nums;
}
html body.digital_newspaper_font_typography .post-meta a:hover { color: var(--nm-accent-text); }

/* read more */
html body.digital_newspaper_font_typography .post-element a.post-link-button,
html body.digital_newspaper_font_typography a.post-link-button,
html body.digital_newspaper_font_typography .post-link-button i {
	color: var(--nm-accent-text);
	font-weight: 600;
	font-size: 13px;
}
html body.digital_newspaper_font_typography .post-element a.post-link-button:hover,
html body.digital_newspaper_font_typography .post-element a.post-link-button:hover i { color: var(--nm-accent-hover); }

/* buttons / inputs (scoped: never touches slick dots, ticker or header toggles) */
html body.digital_newspaper_font_typography input[type="submit"],
html body.digital_newspaper_font_typography input[type="button"],
html body.digital_newspaper_font_typography .wp-block-search__button,
html body.digital_newspaper_font_typography .search-submit,
html body.digital_newspaper_font_typography .wp-block-button__link,
html body.digital_newspaper_font_typography .comment-form .submit,
html body.digital_newspaper_font_typography .widget button[type="submit"] {
	background: var(--nm-accent);
	border: 1px solid var(--nm-accent);
	color: #ffffff;
	border-radius: var(--nm-radius-sm);
	font-weight: 600;
	box-shadow: none;
	text-transform: none;
}
html body.digital_newspaper_font_typography .wp-block-search__button:hover,
html body.digital_newspaper_font_typography input[type="submit"]:hover,
html body.digital_newspaper_font_typography .search-submit:hover { background: var(--nm-accent-hover); border-color: var(--nm-accent-hover); }
html body.digital_newspaper_font_typography input[type="text"],
html body.digital_newspaper_font_typography input[type="search"],
html body.digital_newspaper_font_typography input[type="email"],
html body.digital_newspaper_font_typography input[type="url"],
html body.digital_newspaper_font_typography textarea,
html body.digital_newspaper_font_typography .wp-block-search__input {
	background: var(--nm-surface);
	color: var(--nm-text);
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	box-shadow: none;
}
html body.digital_newspaper_font_typography input:focus,
html body.digital_newspaper_font_typography textarea:focus { border-color: var(--nm-accent); box-shadow: 0 0 0 3px rgba(59, 130, 246, .18); outline: none; }

/* pagination */
html body.digital_newspaper_font_typography .pagination .page-numbers,
html body.digital_newspaper_font_typography .nav-links .page-numbers {
	border: 1px solid var(--nm-border);
	border-radius: var(--nm-radius-sm);
	background: var(--nm-surface);
	color: var(--nm-text-2);
}
html body.digital_newspaper_font_typography .pagination .page-numbers.current,
html body.digital_newspaper_font_typography .nav-links .page-numbers.current { background: var(--nm-accent); border-color: var(--nm-accent); color: #fff; }

/* scroll to top */
html body.digital_newspaper_font_typography #digital-newspaper-scroll-to-top { border-radius: 999px; box-shadow: var(--nm-shadow-hover); }
html body.digital_newspaper_font_typography #digital-newspaper-scroll-to-top.show:hover { border-color: var(--nm-accent-hover); }

/* 8. Ticker & banner =================================================== */
html body.digital_newspaper_font_typography .ticker-news-wrap { padding: 10px 12px; }
html body.digital_newspaper_font_typography .ticker_label_title,
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker_label_title {
	background: var(--nm-accent-soft);
	color: var(--nm-accent-text);
	border-radius: 999px;
	box-shadow: none;
}
html body.digital_newspaper_font_typography .ticker_label_title::after,
html body.digital_newspaper_font_typography .ticker_label_title::before { display: none; }
html body.digital_newspaper_font_typography .ticker-news-wrap span.ticker_label_title_string,
html body.digital_newspaper_font_typography .ticker_label_title .icon,
html body.digital_newspaper_font_typography .ticker_label_title .icon i {
	color: var(--nm-accent-text);
	font-weight: 700;
	letter-spacing: .06em;
	font-size: 11px;
}
html body.digital_newspaper_font_typography .ticker_label_title .icon i { animation: nm-pulse 1.6s ease-in-out infinite; }
@keyframes nm-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
html body.digital_newspaper_font_typography .ticker-item { border-color: var(--nm-border); }
html body.digital_newspaper_font_typography .ticker-item .post-title a { font-size: 14px; line-height: 20px; font-weight: 600; }

/* banner slider */
html body.digital_newspaper_font_typography .main-banner-wrap .post-element {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .55) 35%, rgba(15, 23, 42, .92) 100%);
}
html body.digital_newspaper_font_typography .main-banner-wrap .post-element .post-title a,
html body.digital_newspaper_font_typography .main-banner-grid-posts .post-title a,
html body.digital_newspaper_font_typography .main-banner-list-posts article:first-child .post-title a { color: #ffffff; }
html body.digital_newspaper_font_typography .main-banner-wrap .post-element .post-excerpt,
html body.digital_newspaper_font_typography .main-banner-wrap .post-element .post-meta span,
html body.digital_newspaper_font_typography .main-banner-wrap .post-element .post-date a,
html body.digital_newspaper_font_typography .main-banner-wrap .post-element .post-date time,
html body.digital_newspaper_font_typography .main-banner-wrap .post-element i { color: rgba(226, 232, 240, .92); }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots { bottom: 28px; right: 18px; }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots li { width: 8px; height: 8px; margin: 0 3px; transition: width .2s ease; }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots li.slick-active { width: 22px; }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots li button { width: 100%; height: 8px; padding: 0; background: transparent; }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots li button::before { width: 100%; height: 8px; border-radius: 999px; background-color: rgba(255, 255, 255, .5); box-shadow: none; border: 0; }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-dots li.slick-active button::before { background-color: #ffffff; }
html body.digital_newspaper_font_typography .digital-newspaper-ticker-controls button,
html body.digital_newspaper_font_typography button.digital-newspaper-ticker-pause {
	background: var(--nm-surface-2);
	color: var(--nm-text-2);
	border: 1px solid var(--nm-border);
	border-radius: 999px;
	width: 28px; height: 28px;
	padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
}
html body.digital_newspaper_font_typography button.digital-newspaper-ticker-pause i { color: var(--nm-text-2); font-size: 11px; }
html body.digital_newspaper_font_typography button.digital-newspaper-ticker-pause:hover { border-color: var(--nm-accent); }
html body.digital_newspaper_font_typography button.digital-newspaper-ticker-pause:hover i { color: var(--nm-accent); }
html body.digital_newspaper_font_typography .main-banner-wrap .slick-arrow,
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .slick-arrow,
html body.digital_newspaper_font_typography .main-banner-grid-posts .slick-arrow,
html body.digital_newspaper_font_typography .digital-newspaper-widget-carousel-posts .slick-arrow {
	background: var(--nm-surface);
	color: var(--nm-text-2);
	border: 1px solid var(--nm-border);
	border-radius: 999px;
	box-shadow: none;
}
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts article:not(:first-child) { padding: 12px 14px; }
html body.digital_newspaper_font_typography .main-banner-grid-posts .post-element,
html body.digital_newspaper_font_typography .main-banner-list-posts article:first-child .post-element {
	background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, .85) 100%);
}

/* 9. Sidebar widgets =================================================== */
html body.digital_newspaper_font_typography .widget ul li,
html body.digital_newspaper_font_typography .widget ol li { border-color: var(--nm-border); }
html body.digital_newspaper_font_typography .widget ul li a,
html body.digital_newspaper_font_typography .widget ol li a,
html body.digital_newspaper_font_typography .wp-block-latest-posts__post-title { color: var(--nm-text-2); font-weight: 500; }
html body.digital_newspaper_font_typography .widget ul li a:hover,
html body.digital_newspaper_font_typography .widget ol li a:hover { color: var(--nm-accent-text); }
html body.digital_newspaper_font_typography .widget ul li::before,
html body.digital_newspaper_font_typography .widget ul li a::before,
html body.digital_newspaper_font_typography .widget ol li::before { color: var(--nm-border-strong); }
html body.digital_newspaper_font_typography .widget,
html body.digital_newspaper_font_typography .widget p,
html body.digital_newspaper_font_typography .wp-block-latest-comments__comment,
html body.digital_newspaper_font_typography .no-comments { color: var(--nm-muted); }
html body.digital_newspaper_font_typography .widget .wp-block-search__label { color: var(--nm-text); font-weight: 700; font-size: 16px; }

/* 10. Single post & archive ============================================ */
html body.digital_newspaper_font_typography.single .post-inner { padding: 28px 32px; }
html body.digital_newspaper_font_typography.single .entry-title,
html body.digital_newspaper_font_typography.single h1.entry-title { color: var(--nm-text); }
html body.digital_newspaper_font_typography.single .entry-content,
html body.digital_newspaper_font_typography.single .entry-content p,
html body.digital_newspaper_font_typography.single .entry-content li { color: var(--nm-text-2); }
html body.digital_newspaper_font_typography.single .entry-content h2,
html body.digital_newspaper_font_typography.single .entry-content h3,
html body.digital_newspaper_font_typography.single .entry-content h4 {
	color: var(--nm-text);
	font-family: var(--nm-font);
	font-weight: 700;
	letter-spacing: -0.015em;
}
html body.digital_newspaper_font_typography.single .entry-content a { color: var(--nm-accent-text); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--nm-accent-soft-border); }
html body.digital_newspaper_font_typography.single .entry-content blockquote,
html body.digital_newspaper_font_typography .entry-content blockquote {
	border-left: 3px solid var(--nm-accent);
	background: var(--nm-surface-2);
	border-radius: 0 var(--nm-radius-sm) var(--nm-radius-sm) 0;
	padding: 14px 20px;
	margin-left: 0;
	color: var(--nm-text);
}
html body.digital_newspaper_font_typography.single .entry-content blockquote p { color: var(--nm-text); margin: 0; }
html body.digital_newspaper_font_typography.single .post-thumbnail img,
html body.digital_newspaper_font_typography.single .post-inner .post-thumbnail { border-radius: var(--nm-radius); }
html body.digital_newspaper_font_typography .tags-links a,
html body.digital_newspaper_font_typography .post-tags a,
html body.digital_newspaper_font_typography .tagcloud a,
html body.digital_newspaper_font_typography .wp-block-tag-cloud a {
	background: var(--nm-surface-2);
	color: var(--nm-text-2);
	border: 1px solid var(--nm-border);
	border-radius: 999px;
	padding: 3px 10px;
	font-size: 12px !important;
}
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap { padding: 10px 16px; }
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap,
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap a,
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap span { font-size: 13px; }
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap .trail-items li a,
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap a { color: var(--nm-muted); }
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap .trail-end,
html body.digital_newspaper_font_typography .digital-newspaper-breadcrumb-wrap .trail-end span { color: var(--nm-text); }

/* related posts / post navigation */
html body.digital_newspaper_font_typography .navigation.post-navigation .nav-links a,
html body.digital_newspaper_font_typography .navigation.post-navigation .nav-title { color: var(--nm-text); }
html body.digital_newspaper_font_typography .navigation.post-navigation .nav-subtitle { color: var(--nm-muted); }

/* 11. Footer =========================================================== */
html body.digital_newspaper_font_typography .site-footer,
html body.digital_newspaper_font_typography .site-footer.dark_bk,
html body.digital_newspaper_font_typography .site-footer .main-footer {
	background: #0f172a;
	border-top: 1px solid var(--nm-border);
}
html body.digital_newspaper_font_typography .site-footer .bottom-footer {
	background: #0b1220;
	border-top: 1px solid rgba(148, 163, 184, .12);
}
html body.digital_newspaper_font_typography .site-footer .site-info,
html body.digital_newspaper_font_typography .site-footer .site-info a,
html body.digital_newspaper_font_typography .bottom-footer .site-info { color: #94a3b8; font-size: 13px; }
html body.digital_newspaper_font_typography .site-footer .site-info a:hover { color: #ffffff; }
html body.digital_newspaper_font_typography .site-footer .social-icons a.social-icon,
html body.digital_newspaper_font_typography .bottom-footer .social-icons a.social-icon {
	border-radius: 999px;
	background: rgba(148, 163, 184, .12);
	border: 1px solid rgba(148, 163, 184, .18);
	color: #cbd5e1;
}
html body.digital_newspaper_font_typography .site-footer .social-icons a.social-icon i { color: #cbd5e1; }
html body.digital_newspaper_font_typography .site-footer .social-icons a.social-icon:hover { background: var(--nm-accent); border-color: var(--nm-accent); }
html body.digital_newspaper_font_typography .site-footer .social-icons a.social-icon:hover i { color: #ffffff; }

/* 12. Dark-mode specific fixes ========================================= */
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode.site-boxed--layout #page,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode #page { background: var(--nm-bg); }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header .main-header,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header .site-branding-section,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header.layout--default .site-branding-section { background: var(--header-bk-color); }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-footer .bottom-footer { background: #0b1220; }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode img { opacity: .96; }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header .search-wrap .search-trigger { background: var(--nm-surface); }

/* inputs in dark mode (beat main.css/add.css hard-coded #27272b) */
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .widget.widget_search .wp-block-search__input,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode.search-popup--style-three .search-field,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .search-form .search-field,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .comment-form .comment-form-comment textarea,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode form.comment-form p input:not([type="submit"]) {
	background: #0f172a;
	border-color: var(--nm-border);
	color: var(--nm-text);
}
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .site-header.layout--default .top-header { border-bottom-color: var(--nm-border); }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .digital-newspaper-category-no-bk .post-categories .cat-item a { color: var(--nm-accent-text); }

/* dark-mode toggle switch (track + knob) */
html body.digital_newspaper_font_typography .blaze-switcher-button,
html body.digital_newspaper_font_typography .blaze-switcher-button .blaze-switcher-button-inner { background: transparent; border: 0; box-shadow: none; }
html body.digital_newspaper_font_typography .blaze-switcher-button .blaze-switcher-button-inner-left::after {
	background: var(--nm-surface-2);
	border: 1px solid var(--nm-border);
}
html body.digital_newspaper_font_typography .blaze-switcher-button .blaze-switcher-button-inner-left::before {
	background: #ffffff;
	color: var(--nm-muted);
	box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
}
html body.digital_newspaper_font_typography .blaze-switcher-button.active .blaze-switcher-button-inner-left::before { background: var(--nm-accent); color: #ffffff; }
html body.digital_newspaper_font_typography .blaze-switcher-button.active .blaze-switcher-button-inner-left::after { background: rgba(59, 130, 246, .18); border-color: rgba(96, 165, 250, .4); }

/* 13. Responsive ======================================================= */
@media (max-width: 940px) {
	html body.digital_newspaper_font_typography.single .post-inner { padding: 22px 20px; }
	html body.digital_newspaper_font_typography .main-navigation ul.menu > li > a { border-radius: 0; }
}
@media (max-width: 768px) {
	html body.digital_newspaper_font_typography .main-navigation .menu-primary-container,
	html body.digital_newspaper_font_typography .main-navigation ul.menu {
		background: var(--mobile-menu-bk-color);
	}
	html body.digital_newspaper_font_typography .main-navigation ul.menu > li.current-menu-item > a { background: transparent; }
}
@media (max-width: 610px) {
	html body.digital_newspaper_font_typography .widget { padding: 14px; }
	html body.digital_newspaper_font_typography.archive .page-title { font-size: 24px; line-height: 30px; }
	html body.digital_newspaper_font_typography.single .post-inner { padding: 18px 16px; }
}

/* 14. RTL ============================================================== */
html body.digital_newspaper_font_typography.rtl h2.digital-newspaper-block-title span,
html body.digital_newspaper_font_typography.rtl h2.digital-newspaper-widget-title span,
html body.digital_newspaper_font_typography.rtl h2.widget-title span { padding: 0 12px 0 0; }
html body.digital_newspaper_font_typography.rtl h2.digital-newspaper-block-title span::before,
html body.digital_newspaper_font_typography.rtl h2.digital-newspaper-widget-title span::before,
html body.digital_newspaper_font_typography.rtl h2.widget-title span::before { left: auto; right: 0; }
html body.digital_newspaper_font_typography.rtl .entry-content blockquote,
html body.digital_newspaper_font_typography.rtl.single .entry-content blockquote {
	border-left: 0;
	border-right: 3px solid var(--nm-accent);
	border-radius: var(--nm-radius-sm) 0 0 var(--nm-radius-sm);
	margin-right: 0;
}
html body.digital_newspaper_font_typography.rtl .sidebar-toggle { border-left: 0; border-right: 1px solid var(--nm-border); }
html body.digital_newspaper_font_typography.rtl .digital-newspaper-category-no-bk .post-categories .cat-item a { padding-left: 8px; padding-right: 0; }
html body.digital_newspaper_font_typography.rtl .ticker-news-wrap .ticker_label_title { margin-right: 34px; }

/* 15. Layout tweaks (1.2.4) ===========================================
 * a) header: tagline kept in the markup but visually hidden
 * b) HEADLINES ticker: shorter row, equal top/bottom padding; (1.2.5) the
 *    label and pause button sit INSIDE the row, vertically centred at the
 *    left / right ends, with the scrolling items clipped between them
 * c) banner (layout five): (1.2.5) column titles + arrows overlay the
 *    first card INSIDE its top-left / top-right corner (10px inset), so all
 *    three columns start on the same line and end on the same line
 * d) (1.2.5) search widget: visible heading/label hidden (kept for AT) */

/* a) tagline: screen-reader-text pattern (still in DOM for SEO / AT) */
html body.digital_newspaper_font_typography .site-header .site-branding .site-description {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
/* tagline out of the flow: logo + title share one grid row */
html body.digital_newspaper_font_typography .site-header .site-branding.has-logo > .custom-logo-link { grid-row: 1; }

/* header row: with the tagline gone the branding column is narrow, so let
 * the menu/search group take the remaining width (keeps it right-aligned) */
@media (min-width: 770px) {
	html body.digital_newspaper_font_typography .site-header .main-header .site-branding-section .site-branding.has-logo ~ .header-smh-button-wrap {
		flex: 1 1 0%;
		max-width: none;
	}
}

/* b) ticker */
html body.digital_newspaper_font_typography .ticker-news-wrap {
	--nm-ticker-pad: 10px;
	--nm-ticker-thumb-h: 52px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: var(--nm-ticker-pad);
	margin: 14px 0;
}
/* label: inside the row, left end, vertically centred */
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker_label_title {
	position: static;
	flex: 0 0 auto;
	order: 0;
	top: auto;
	left: auto;
	transform: none;
	margin: 0;
	padding: 2px 10px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	line-height: 16px;
	white-space: nowrap;
	background: var(--nm-accent-soft);
	border: 1px solid var(--nm-accent-soft-border);
}
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker_label_title .icon,
html body.digital_newspaper_font_typography .ticker-news-wrap span.ticker_label_title_string { line-height: 16px; font-size: 10.5px; padding: 0; margin: 0; }
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker_label_title .icon i { font-size: 10px; }
/* scrolling items: take the space between label and pause, clipped with soft edges */
html body.digital_newspaper_font_typography .ticker-news-wrap .digital-newspaper-ticker-box {
	flex: 1 1 auto;
	order: 1;
	min-width: 0;
	margin: 0;
	padding: 0;
	height: auto;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
}
/* pause: inside the row, right end, vertically centred */
html body.digital_newspaper_font_typography .ticker-news-wrap .digital-newspaper-ticker-controls {
	position: static;
	flex: 0 0 auto;
	order: 2;
	top: auto;
	right: auto;
	left: auto;
	transform: none;
	height: auto;
	line-height: 0;
	margin: 0;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .digital-newspaper-ticker-controls button.digital-newspaper-ticker-pause {
	width: 26px;
	height: 26px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--nm-surface-2);
	border: 1px solid var(--nm-border);
	border-radius: 999px;
	box-shadow: none;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .digital-newspaper-ticker-controls button.digital-newspaper-ticker-pause:hover { border-color: var(--nm-accent); }
html body.digital_newspaper_font_typography .ticker-news-wrap .digital-newspaper-ticker-controls button.digital-newspaper-ticker-pause i { font-size: 9px; line-height: 1; }
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item {
	height: var(--nm-ticker-thumb-h);
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item figure.feature_image {
	flex: 0 0 auto;
	max-width: none;
	width: calc(var(--nm-ticker-thumb-h) * 1.5);
	height: var(--nm-ticker-thumb-h);
	margin-right: 12px;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item figure.feature_image a,
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item figure.feature_image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .title-wrap {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0;
}
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .post-date,
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .post-date a,
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .post-date time { font-size: 11.5px; line-height: 16px; margin: 0; padding: 0; }
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .post-title { margin: 0; padding: 0; line-height: 18px; }
html body.digital_newspaper_font_typography .ticker-news-wrap .ticker-item .post-title a {
	font-size: 13.5px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
html body.digital_newspaper_font_typography.rtl .ticker-news-wrap .ticker_label_title { margin: 0; }
html body.digital_newspaper_font_typography.rtl .ticker-news-wrap .ticker-item figure.feature_image { margin-right: 0; margin-left: 12px; }
@media (max-width: 610px) {
	html body.digital_newspaper_font_typography .ticker-news-wrap { --nm-ticker-pad: 8px; --nm-ticker-thumb-h: 48px; gap: 10px; }
	html body.digital_newspaper_font_typography .ticker-news-wrap .ticker_label_title { padding: 2px 8px; height: 22px; }
	html body.digital_newspaper_font_typography .ticker-news-wrap span.ticker_label_title_string { font-size: 10px; letter-spacing: .04em; }
}

/* c) banner layout five: column titles + arrows overlaid inside the first card */
html body.digital_newspaper_font_typography .banner-layout--five {
	--nm-overlay-inset: 10px;
	--nm-overlay-bg: rgba(255, 255, 255, .92);
	--nm-overlay-fg: #1e293b;
	--nm-overlay-border: rgba(15, 23, 42, .08);
	--nm-overlay-shadow: 0 2px 8px rgba(15, 23, 42, .18);
}
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .banner-layout--five {
	--nm-overlay-bg: rgba(15, 23, 42, .82);
	--nm-overlay-fg: #e2e8f0;
	--nm-overlay-border: rgba(148, 163, 184, .28);
	--nm-overlay-shadow: 0 2px 10px rgba(0, 0, 0, .45);
}
/* The title stays in normal flow (so it respects every column padding /
 * order variant) but cancels its own height with a negative bottom margin
 * and is nudged down into the card: it takes no space and pushes nothing. */
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts > h2.section-title,
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts > h2.section-title {
	position: relative;
	top: var(--nm-overlay-inset);
	left: auto;
	right: auto;
	transform: none;
	z-index: 5;
	display: flex;
	align-items: center;
	width: max-content;
	max-width: calc(100% - 2 * var(--nm-overlay-inset));
	height: 24px;
	margin: 0 0 -24px;
	margin-inline-start: var(--nm-overlay-inset);
	padding: 0 10px 0 20px;
	font-size: 11px;
	line-height: 22px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--nm-overlay-fg);
	background: var(--nm-overlay-bg);
	border: 1px solid var(--nm-overlay-border);
	border-radius: 999px;
	box-shadow: var(--nm-overlay-shadow);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
}
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts > h2.section-title::before,
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts > h2.section-title::before {
	left: 9px;
	width: 6px; height: 6px; margin-top: -3px;
	border-radius: 999px;
}
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-grid-posts > h2.section-title,
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-list-posts > h2.section-title { padding: 0 20px 0 10px; }
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-grid-posts > h2.section-title::before,
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-list-posts > h2.section-title::before { left: auto; right: 9px; }

/* up / down arrows: inside the top-right corner of the Latest cards */
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .grid-posts-wrap { position: relative; }
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .slick-arrow {
	top: var(--nm-overlay-inset);
	z-index: 5;
	width: 26px;
	height: 26px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	line-height: 1;
	background: var(--nm-overlay-bg);
	color: var(--nm-overlay-fg);
	border: 1px solid var(--nm-overlay-border);
	border-radius: 999px;
	box-shadow: var(--nm-overlay-shadow);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts.digital_newspaper_vertical_slider .slick-arrow { transform: rotate(270deg); padding: 0; }
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .slick-arrow:hover { background: var(--nm-accent); border-color: var(--nm-accent); color: #fff; }
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-prev { right: calc(var(--nm-overlay-inset) + 30px); left: auto; }
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-next { right: var(--nm-overlay-inset); left: auto; }
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-prev { right: auto; left: calc(var(--nm-overlay-inset) + 30px); }
html body.digital_newspaper_font_typography.rtl .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-next { right: auto; left: var(--nm-overlay-inset); }
html body.digital_newspaper_font_typography .banner-layout--five .main-banner-slider.slick-dotted { margin-bottom: 0; }

/* equal-height columns: centre slide = 3 side cards + 2 gaps.
 * >=769px the slider and the vertical "Latest" slider sit side by side;
 * >=941px the "Popular" list joins them as a third column. */
@media (min-width: 769px) {
	html body.digital_newspaper_font_typography .banner-layout--five {
		--nm-banner-h: 564px;
		--nm-banner-gap: 12px;
	}
	html body.digital_newspaper_font_typography .banner-layout--five .row { align-items: flex-start; }
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-wrap article .post-thumb { height: var(--nm-banner-h); }
	/* vertical slider: slick sizes the list from the first slide's outer height x 3 */
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts article { margin-bottom: var(--nm-banner-gap); }
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts article .post-thumb { height: calc((var(--nm-banner-h) - 2 * var(--nm-banner-gap)) / 3); }
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-grid-posts .grid-posts-wrap { margin-bottom: calc(-1 * var(--nm-banner-gap)); }
}
@media (min-width: 941px) {
	/* list column: image card + text cards fill the same height */
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts .list-posts-wrap {
		display: flex;
		flex-direction: column;
		gap: var(--nm-banner-gap);
		min-height: var(--nm-banner-h);
	}
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts article { margin: 0; flex: 0 0 auto; }
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts article:first-child .post-thumb { margin-bottom: 0; }
	html body.digital_newspaper_font_typography .banner-layout--five .main-banner-list-posts article:not(:first-child) {
		flex: 1 1 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/* d) search widget (1.2.5): only the field + button are visible.
 * The block label / classic widget title stay in the markup as
 * screen-reader text (the block label is still tied to the input via for=). */
html body.digital_newspaper_font_typography .widget .wp-block-search__label,
html body.digital_newspaper_font_typography .widget.widget_search > .widget-title,
html body.digital_newspaper_font_typography .widget.widget_search > h2.widget-title,
html body.digital_newspaper_font_typography .widget.widget_search .digital-newspaper-widget-title,
html body.digital_newspaper_font_typography .widget.widget_search > .wp-block-heading:first-child {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}
html body.digital_newspaper_font_typography .widget.widget_search { position: relative; padding: 14px; }
html body.digital_newspaper_font_typography .widget .wp-block-search__inside-wrapper,
html body.digital_newspaper_font_typography .widget .search-form { display: flex; gap: 8px; align-items: stretch; margin: 0; }
html body.digital_newspaper_font_typography .widget .search-form label { flex: 1 1 auto; margin: 0; }
html body.digital_newspaper_font_typography .widget .wp-block-search__input,
html body.digital_newspaper_font_typography .widget .search-form .search-field {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	height: 40px;
	padding: 0 12px;
	font-size: 14px;
	margin: 0;
}
html body.digital_newspaper_font_typography .widget .wp-block-search__button,
html body.digital_newspaper_font_typography .widget .search-form .search-submit {
	flex: 0 0 auto;
	height: 40px;
	margin: 0;
	padding: 0 16px;
	line-height: 1;
}
html body.digital_newspaper_font_typography .widget .wp-block-search__input::placeholder,
html body.digital_newspaper_font_typography .widget .search-form .search-field::placeholder { color: var(--nm-muted); opacity: 1; }

/* e) centre banner slider (1.2.7, revised 1.2.8).
 * - badge, date, title and excerpt are anchored to the TOP of the slide (18px inset);
 * - the related-post links sit at the BOTTOM (as upstream), with the dots on their
 *   own row underneath, bottom-right;
 * - the overlay is two blended layers on the full-height text box: a dense shade
 *   from the top that fades out below the excerpt (--nm-slide-top-shade) and a
 *   lighter shade from the bottom only behind the links (--nm-slide-bottom-shade);
 * - prev/next arrows are back on the left/right edges, vertically centred,
 *   borderless semi-opaque round buttons with a ring on keyboard focus only.
 * The full-height text box ignores the pointer so the image link still works. */
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider {
	--nm-slide-inset: 18px;
	--nm-slide-ctrl: 34px;
	--nm-slide-top-shade: 210px;
	--nm-slide-bottom-shade: 132px;
	--nm-slide-ink: 15, 23, 42;
}
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .main-banner-wrap .main-banner-slider { --nm-slide-ink: 2, 6, 23; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element {
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding: var(--nm-slide-inset) var(--nm-slide-inset) calc(var(--nm-slide-inset) + 20px);
	background:
		linear-gradient(180deg, rgba(var(--nm-slide-ink), .9) 0, rgba(var(--nm-slide-ink), .78) var(--nm-slide-top-shade), rgba(var(--nm-slide-ink), .38) calc(var(--nm-slide-top-shade) + 32px), rgba(var(--nm-slide-ink), 0) calc(var(--nm-slide-top-shade) + 72px)),
		linear-gradient(0deg, rgba(var(--nm-slide-ink), .68) 0, rgba(var(--nm-slide-ink), .52) var(--nm-slide-bottom-shade), rgba(var(--nm-slide-ink), .22) calc(var(--nm-slide-bottom-shade) + 28px), rgba(var(--nm-slide-ink), 0) calc(var(--nm-slide-bottom-shade) + 60px));
	pointer-events: none;
	z-index: 1;
}
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element > * { pointer-events: auto; flex: 0 0 auto; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-meta { margin: 0; line-height: 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-meta .post-categories { display: flex; flex-wrap: wrap; gap: 4px; line-height: 1; padding-right: 0; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-meta .post-categories li { margin: 0; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element > .post-title { margin: 10px 0 6px; text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-excerpt { margin-top: 8px; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .main-banner-related-posts-section-wrap { margin-top: auto; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .main-banner-related-posts-section-wrap a { text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }
/* arrows: left / right edges, vertically centred */
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow {
	top: 50%;
	bottom: auto;
	width: var(--nm-slide-ctrl);
	height: var(--nm-slide-ctrl);
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%);
	z-index: 9;
	border: 0;
	outline: 0;
	box-shadow: 0 1px 3px rgba(15, 23, 42, .25);
	background: rgba(255, 255, 255, .82);
	color: #0f172a;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	transition: background-color .2s ease, color .2s ease, opacity .2s ease;
	/* opacity instead of visibility so keyboard users can still Tab to them */
	visibility: visible;
	opacity: 0;
}
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider:hover .slick-arrow,
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider:focus-within .slick-arrow { opacity: 1; }
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .main-banner-wrap .main-banner-slider .slick-arrow {
	background: rgba(15, 23, 42, .72);
	color: #f1f5f9;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow i { padding: 0; border: 0; border-radius: 0; font-size: 12px; line-height: 1; color: inherit; background: transparent; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow:hover i { color: inherit; background: transparent; border: 0; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow:hover,
html body.digital_newspaper_font_typography.digital_newspaper_dark_mode .main-banner-wrap .main-banner-slider .slick-arrow:hover { background: var(--nm-accent); color: #ffffff; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow:focus { outline: 0; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow:focus-visible {
	opacity: 1;
	outline: 2px solid var(--nm-accent);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px #ffffff;
}
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-prev { left: var(--nm-slide-inset); right: auto; }
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-next { right: var(--nm-slide-inset); left: auto; }
@media (hover: none) {
	html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-arrow { opacity: 1; }
}
/* dots: own row under the related links, bottom-end corner */
html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .slick-dots {
	/* the ul is 0px tall and its dots hang ~18px below it: dot centres sit ~inset+4px from the bottom */
	bottom: calc(var(--nm-slide-inset) + 22px);
	right: var(--nm-slide-inset);
	left: auto;
	width: auto;
	z-index: 8;
}
html body.digital_newspaper_font_typography.rtl .main-banner-wrap .main-banner-slider .slick-dots { right: auto; left: var(--nm-slide-inset); }
/* 501-768px: the slide is only 420px tall but the excerpt is still shown, so the
 * excerpt reaches mid-height; pad the top text past the arrows on both sides. */
@media (min-width: 501px) and (max-width: 768px) {
	html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-meta,
	html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element > .post-title,
	html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider .post-element .post-excerpt { padding-left: calc(var(--nm-slide-ctrl) + 10px); padding-right: calc(var(--nm-slide-ctrl) + 10px); }
}
@media (max-width: 500px) {
	/* excerpt hidden here (main.css), so the top text is shorter */
	html body.digital_newspaper_font_typography .main-banner-wrap .main-banner-slider { --nm-slide-inset: 16px; --nm-slide-ctrl: 32px; --nm-slide-top-shade: 128px; }
}