/* Education Mirror Newsroom 2 — mobile-first styles */

/* ===== Tokens ===== */
:root {
	--em-navy: #07215A;
	--em-navy-2: #12306E;
	--em-navy-3: #2E4A8A;
	--em-accent: #D71F27;
	--em-accent-text: #C41C24;
	--em-accent-light: #FF8A92;
	--em-wa: #128C4A;
	--em-bg: #FFFFFF;
	--em-surface: #F3F5F8;
	--em-surface-2: #FFF6E9;
	--em-ph: #DCE2EB;
	--em-rule: #D9DEE7;
	--em-rule-2: #E8ECF2;
	--em-text: #1A1F2B;
	--em-text-2: #3A4252;
	--em-muted: #545D6E;
	--em-heading: #07215A;
	--em-sans: "Mukta", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", sans-serif;
	--em-serif: "EM Serif", "Noto Serif Devanagari", "Noto Sans Devanagari", Georgia, serif;
	--em-wrap: 1240px;
	--em-pad: 16px;
	--em-gap: 24px;
	--em-scale: 1;
	--em-tabbar-h: 62px;
	color-scheme: light;
}

html[data-theme="dark"] {
	--em-bg: #0B1226; --em-surface: #131C36; --em-surface-2: #1A2240; --em-ph: #1C2747;
	--em-rule: #283458; --em-rule-2: #1F2A4C; --em-text: #E6EAF2; --em-text-2: #C3CADA;
	--em-muted: #A0AABF; --em-heading: #F2F5FB; --em-accent-text: #FF7A84; color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
	html:not([data-theme="light"]) {
		--em-bg: #0B1226; --em-surface: #131C36; --em-surface-2: #1A2240; --em-ph: #1C2747;
		--em-rule: #283458; --em-rule-2: #1F2A4C; --em-text: #E6EAF2; --em-text-2: #C3CADA;
		--em-muted: #A0AABF; --em-heading: #F2F5FB; --em-accent-text: #FF7A84; color-scheme: dark;
	}
}

/* ===== Base ===== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 120px; }
body {
	margin: 0; background: var(--em-bg); color: var(--em-text);
	font-family: var(--em-sans); font-size: 1.0625rem; line-height: 1.65;
	-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
	padding-bottom: calc(var(--em-tabbar-h) + env(safe-area-inset-bottom, 0px));
}
body.em-locked { overflow: hidden; }
img, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--em-accent-text); }
:focus-visible { outline: 3px solid var(--em-accent); outline-offset: 2px; border-radius: 2px; }
button { font: inherit; color: inherit; cursor: pointer; }
h1, h2, h3, h4 { overflow-wrap: anywhere; }

.em-sr, .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.em-skip { position: absolute; left: 12px; top: -80px; z-index: 300; background: var(--em-accent); color: #fff; padding: 10px 16px; border-radius: 6px; font-weight: 700; }
.em-skip:focus { top: 12px; color: #fff; }
.em-wrap { max-width: var(--em-wrap); margin: 0 auto; padding: 0 var(--em-pad); }
.em-hide-sm { display: none !important; }

/* ===== Buttons & icons ===== */
.em-icon { width: 20px; height: 20px; flex: none; }
.em-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; padding: 0 16px; border-radius: 8px; border: 1px solid transparent;
	font-family: var(--em-sans); font-size: 1rem; font-weight: 700; line-height: 1; white-space: nowrap;
}
.em-btn--accent { background: var(--em-accent); color: #fff; }
.em-btn--accent:hover { color: #fff; filter: brightness(.93); }
.em-btn--dark { background: var(--em-navy); color: #fff; }
.em-btn--dark:hover { color: #fff; background: var(--em-navy-2); }
.em-btn--ghost { background: transparent; color: var(--em-heading); border-color: var(--em-rule); }
.em-btn--ghost:hover { background: var(--em-surface); color: var(--em-heading); }
.em-btn--wa { background: var(--em-wa); color: #fff; }
.em-btn--wa:hover { color: #fff; filter: brightness(.93); }
.em-iconbtn {
	width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: 8px; border: 1px solid var(--em-navy-3); background: transparent; color: #fff;
}
.em-iconbtn:hover { background: var(--em-navy-2); }
.em-iconbtn--ghost { color: var(--em-heading); border-color: var(--em-rule); }
.em-iconbtn--ghost:hover { background: var(--em-surface); }
.em-iconbtn.is-done { border-color: var(--em-wa); color: var(--em-wa); }

/* ===== Top bar ===== */
.em-topbar { display: none; background: var(--em-navy); color: #C9D1E3; font-size: .875rem; }
.em-topbar__inner { display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; align-items: center; padding-top: 7px; padding-bottom: 7px; }
.em-topbar__links { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.em-topbar a:hover { color: #fff; }
.em-topbar__cta { color: #fff; font-weight: 700; }
.em-social { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; flex-wrap: wrap; }
.em-social--footer { flex-direction: column; gap: 10px; }

/* ===== Sticky header (hides while scrolling down on phones) ===== */
.em-sticky { position: sticky; top: 0; z-index: 50; transition: transform .25s ease; }
.admin-bar .em-sticky { top: 46px; }
.em-sticky.is-hidden { transform: translateY(-100%); }
.em-masthead { background: var(--em-navy); }
.em-masthead__inner { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding-top: 8px; padding-bottom: 8px; }
.em-brand { display: flex; gap: 10px; align-items: center; color: #fff; min-width: 0; }
.em-brand:hover { color: #fff; }
.em-brand__mark { width: 40px; height: 40px; border-radius: 9px; flex: none; }
.em-brand__text { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.em-brand__name { margin: 0; font-size: 1.375rem; font-weight: 700; white-space: nowrap; }
.em-brand__tag { display: none; font-family: Georgia, "Times New Roman", serif; font-size: .8125rem; color: #C9D1E3; letter-spacing: .4px; margin-top: 3px; }
.em-brand__tag b { color: var(--em-accent-light); }
.em-masthead__actions { display: flex; gap: 8px; align-items: center; flex: none; }
.em-masthead__menu { padding: 0 12px; }

/* ===== Category nav (swipeable chips on phones) ===== */
.em-nav { background: var(--em-bg); border-bottom: 1px solid var(--em-rule); }
.em-nav__list {
	list-style: none; margin: 0; padding: 0; display: flex; gap: 22px;
	overflow-x: auto; white-space: nowrap; scrollbar-width: none; font-size: 1rem; font-weight: 700;
	-webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
}
.em-nav__list::-webkit-scrollbar { display: none; }
.em-nav__list li { scroll-snap-align: start; }
.em-nav__list a { display: block; padding: 11px 0 8px; border-bottom: 3px solid transparent; color: var(--em-text); }
.em-nav__list .current-menu-item > a, .em-nav__list .current-category-ancestor > a, .em-nav__list a:hover {
	border-bottom-color: var(--em-accent); color: var(--em-heading);
}
.em-progress { height: 3px; background: transparent; }
.em-progress__bar { display: block; height: 100%; width: 0; background: var(--em-accent); }

/* ===== Trending ===== */
.em-trending { background: var(--em-surface); border-bottom: 1px solid var(--em-rule); }
.em-trending__inner { display: flex; gap: 14px; align-items: center; padding-top: 9px; padding-bottom: 9px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.em-trending__inner::-webkit-scrollbar { display: none; }
.em-trending__list { list-style: none; margin: 0; padding: 0; display: flex; font-size: .9375rem; }
.em-trending__list li { padding: 0 14px; border-left: 1px solid var(--em-rule); }
.em-trending__list li:first-child { border-left: 0; padding-left: 0; }
.em-badge { background: var(--em-accent); color: #fff; font-weight: 700; font-size: .875rem; padding: 2px 10px; border-radius: 4px; flex: none; }

/* ===== Search & drawer dialogs ===== */
.em-search, .em-drawer { position: fixed; inset: 0; z-index: 200; }
.em-search[hidden], .em-drawer[hidden] { display: none; }
.em-search__backdrop, .em-drawer__backdrop { position: absolute; inset: 0; background: rgba(5, 13, 36, .6); }
.em-search__panel { position: relative; background: var(--em-bg); padding: 16px 0 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.em-search__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.em-search__title { font-size: 1.25rem; font-weight: 700; color: var(--em-heading); }
.em-search__hint { margin: 18px 0 8px; font-size: .875rem; color: var(--em-muted); font-weight: 700; }
.em-searchform { display: flex; gap: 8px; }
.em-input {
	flex: 1 1 auto; min-width: 0; min-height: 48px; padding: 0 14px; border-radius: 8px;
	border: 1px solid #8D97A8; background: var(--em-bg); color: var(--em-text); font-family: var(--em-sans); font-size: 1.0625rem;
}
.em-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.em-chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--em-rule); border-radius: 999px; font-size: .9375rem; font-weight: 700; color: var(--em-heading); background: var(--em-bg); }
.em-chip:hover { border-color: var(--em-accent); }
.em-drawer__panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(380px, 90vw); overflow-y: auto; background: var(--em-bg); padding: 16px 20px calc(32px + env(safe-area-inset-bottom, 0px)); box-shadow: -8px 0 24px rgba(0, 0, 0, .2); }
.em-drawer__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.em-drawer__title { font-size: 1.375rem; font-weight: 700; color: var(--em-heading); }
.em-drawer__list, .em-drawer__links { list-style: none; margin: 0; padding: 0; }
.em-drawer__list li { border-bottom: 1px solid var(--em-rule-2); color: var(--em-muted); font-size: .875rem; }
.em-drawer__list a { display: inline-block; padding: 11px 0; font-size: 1.0625rem; font-weight: 700; color: var(--em-text); }
.em-drawer__links { margin-top: 16px; }
.em-drawer__links a { display: block; padding: 8px 0; color: var(--em-muted); }
.em-drawer__social { margin-top: 18px; color: var(--em-heading); font-weight: 700; }

/* ===== Section scaffolding ===== */
.em-section { padding: 24px 0 28px; border-bottom: 1px solid var(--em-rule); }
.em-section:last-child { border-bottom: 0; }
.em-section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; border-top: 3px solid var(--em-heading); padding-top: 8px; margin-bottom: 16px; }
.em-section-head__title { margin: 0; font-size: 1.375rem; line-height: 1.35; font-weight: 700; color: var(--em-heading); }
.em-section-head__more { font-size: .9375rem; font-weight: 700; color: var(--em-accent-text); white-space: nowrap; }
.em-section-head__more::after { content: " \203A"; }
.em-section-head--light { border-top-color: #fff; }
.em-section-head--light .em-section-head__title, .em-section-head--light .em-section-head__more { color: #fff; }

.em-kicker { display: inline-block; margin-top: 10px; font-size: .875rem; font-weight: 700; color: var(--em-accent-text); }
.em-kicker--light { color: var(--em-accent-light) !important; }
.em-meta { display: block; font-size: .875rem; color: var(--em-muted); }
.em-meta span[aria-hidden] { margin: 0 6px; opacity: .5; }

.em-media { position: relative; overflow: hidden; background: var(--em-ph); border-radius: 6px; }
.em-media--16x9 { aspect-ratio: var(--em-ratio, 16 / 9); }
.em-media--4x3 { aspect-ratio: 4 / 3; }
.em-media--3x4 { aspect-ratio: 3 / 4; }
.em-media img { width: 100%; height: 100%; object-fit: cover; }
.em-media__ph { position: absolute; inset: 0; background: var(--em-ph); }

.em-grid { display: grid; gap: 0; grid-template-columns: minmax(0, 1fr); }

/* Cards: compact list rows on phones (text left, image right) */
.em-card { display: grid; grid-template-columns: minmax(0, 1fr) 112px; column-gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--em-rule-2); align-items: start; }
.em-card:last-child { border-bottom: 0; }
.em-card__img { grid-column: 2; grid-row: 1 / span 4; }
.em-card__img .em-media { aspect-ratio: 4 / 3; }
.em-card .em-kicker { margin-top: 0; font-size: .8125rem; }
.em-card__title { margin: 2px 0 6px; font-size: 1.125rem; line-height: 1.45; font-weight: 700; color: var(--em-heading); }
.em-card__teaser { display: none; margin: 0 0 6px; font-size: 1rem; line-height: 1.6; color: var(--em-text-2); }

.em-side { display: flex; flex-direction: row-reverse; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--em-rule-2); }
.em-side__img { flex: 0 0 112px; }
.em-side__body { min-width: 0; flex: 1; }
.em-side .em-kicker { margin-top: 0; font-size: .8125rem; }
.em-side__title { margin: 2px 0 6px; font-size: 1.125rem; line-height: 1.45; font-weight: 700; color: var(--em-heading); }

/* ===== Homepage top ===== */
.em-top { padding-top: 0; }
.em-top__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.em-top__lead { margin: 0 calc(var(--em-pad) * -1); }
.em-top__lead .em-media { border-radius: 0; }
.em-top__lead .em-kicker, .em-top__lead .em-lead__title, .em-top__lead .em-lead__teaser, .em-top__lead .em-meta { padding: 0 var(--em-pad); }
.em-lead__img { display: block; }
.em-lead .em-kicker { margin-top: 14px; }
.em-lead__title { margin: 4px 0 8px; font-size: clamp(1.625rem, 2.6vw + 1rem, 2.5rem); line-height: 1.3; font-weight: 700; color: var(--em-heading); }
.em-lead__teaser { margin: 0 0 8px; font-size: 1.0625rem; line-height: 1.7; color: var(--em-text-2); }
.em-top__row { margin-top: 8px; }

/* Latest list */
.em-latest { background: var(--em-surface); border-radius: 8px; padding: 14px 16px 6px; align-self: start; }
.em-latest__title { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 1.25rem; font-weight: 700; color: var(--em-heading); }
.em-live { width: 10px; height: 10px; border-radius: 50%; background: var(--em-accent); box-shadow: 0 0 0 4px rgba(215, 31, 39, .18); }
.em-latest__list { list-style: none; margin: 0; padding: 0; }
.em-latest__list li { padding: 10px 0 10px 14px; border-top: 1px solid var(--em-rule); position: relative; }
.em-latest__list li:first-child { border-top: 0; }
.em-latest__list li::before { content: ""; position: absolute; left: 0; top: 18px; width: 6px; height: 6px; border-radius: 50%; background: var(--em-navy-3); }
.em-latest__list .em-meta { font-size: .8125rem; color: var(--em-accent-text); font-weight: 700; }
.em-latest__list a { display: block; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); }

/* Most read (ranked) */
.em-popular { list-style: none; margin: 0; padding: 0; counter-reset: em-rank; display: grid; grid-template-columns: minmax(0, 1fr); }
.em-popular__item { counter-increment: em-rank; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; align-items: start; padding: 12px 0; border-bottom: 1px solid var(--em-rule-2); }
.em-popular__item:last-child { border-bottom: 0; }
.em-popular__item::before { content: counter(em-rank); font-size: 2.25rem; line-height: 1; font-weight: 700; color: var(--em-accent); opacity: .85; text-align: center; }
.em-popular__item a { font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); }

/* Subject columns */
.em-subjects { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
.em-subject__title { margin: 12px 0 6px; font-size: 1.375rem; line-height: 1.4; font-weight: 700; color: var(--em-heading); }
.em-subject__teaser { margin: 0 0 10px; font-size: 1.0625rem; color: var(--em-text-2); }
.em-subject__more { display: block; padding: 12px 0; border-top: 1px solid var(--em-rule-2); font-size: 1.0625rem; font-weight: 700; line-height: 1.5; color: var(--em-text); }

/* Video band */
.em-videos { background: var(--em-navy); color: #fff; padding: 28px 0; }
.em-videos__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.em-videos__list { display: flex; gap: 12px; overflow-x: auto; margin: 0 calc(var(--em-pad) * -1); padding: 0 var(--em-pad) 4px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.em-videos__list::-webkit-scrollbar { display: none; }
.em-video { display: block; color: #fff; }
.em-video:hover { color: #fff; }
.em-video__thumb { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; background: var(--em-navy-2); overflow: hidden; border-radius: 6px; }
.em-video__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.em-video__play { position: relative; width: 64px; height: 64px; border-radius: 50%; background: var(--em-accent); display: flex; align-items: center; justify-content: center; }
.em-video__play .em-icon { width: 26px; height: 26px; margin-left: 3px; }
.em-video__play--sm { width: 40px; height: 40px; }
.em-video__play--sm .em-icon { width: 18px; height: 18px; }
.em-video--lead .em-video__title { display: block; margin-top: 4px; font-size: 1.375rem; line-height: 1.4; font-weight: 700; }
.em-video--row { flex: 0 0 240px; scroll-snap-align: start; }
.em-video--row .em-video__title { display: block; margin-top: 8px; font-size: 1rem; font-weight: 700; line-height: 1.45; }

/* Voices */
.em-grid > .em-voice { margin-bottom: 12px; }
.em-voice { margin: 0; background: var(--em-surface); border-radius: 8px; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.em-voice__icon { color: var(--em-accent); }
.em-voice__icon .em-icon { width: 26px; height: 26px; }
.em-voice__quote { margin: 0; font-family: var(--em-serif); font-size: 1.125rem; line-height: 1.75; color: var(--em-text); }
.em-voice__by { display: flex; gap: 12px; align-items: center; margin-top: auto; font-weight: 700; color: var(--em-heading); }
.em-voice__avatar { width: 44px; height: 44px; border-radius: 50%; background: #C3CAD6; object-fit: cover; flex: none; }

/* Books */
.em-book { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--em-rule-2); }
.em-book__cover { flex: 0 0 84px; }
.em-book__cover .em-media { box-shadow: 0 2px 8px rgba(7, 33, 90, .2); border-radius: 3px; }
.em-book__title { margin: 0 0 6px; font-size: 1.125rem; line-height: 1.45; font-weight: 700; color: var(--em-heading); }

/* Follow box */
.em-follow { background: var(--em-surface-2); border: 1px solid var(--em-rule); border-radius: 10px; padding: 18px; margin: 28px 0; }
.em-follow__title { margin: 0 0 12px; font-size: 1.125rem; font-weight: 700; color: var(--em-heading); }
.em-follow__links { display: flex; flex-wrap: wrap; gap: 8px; }
.em-follow__btn { background: var(--em-navy); color: #fff; }
.em-follow__btn:hover { color: #fff; filter: brightness(1.1); }
.em-follow__btn--whatsapp { background: var(--em-wa); }
.em-follow__btn--youtube { background: var(--em-accent); }
.em-follow-wrap .em-follow { margin: 28px 0; }

/* Newsletter */
.em-newsletter { background: var(--em-surface); border-top: 1px solid var(--em-rule); }
.em-newsletter__inner { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding-top: 28px; padding-bottom: 28px; }
.em-newsletter__text { flex: 1 1 360px; }
.em-newsletter__text h2 { margin: 0 0 4px; font-size: 1.375rem; font-weight: 700; color: var(--em-heading); }
.em-newsletter__text p { margin: 0; color: var(--em-text-2); }
.em-newsletter__form { flex: 1 1 360px; }
.em-newsletter__form form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.em-newsletter__form p { margin: 0; flex: 1 1 200px; }
.em-newsletter__form input[type="email"] { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #8D97A8; border-radius: 8px; font-size: 1.0625rem; font-family: var(--em-sans); }
.em-newsletter__form button, .em-newsletter__form input[type="submit"] { min-height: 48px; padding: 0 22px; border: 0; border-radius: 8px; background: var(--em-navy); color: #fff; font-family: var(--em-sans); font-size: 1.0625rem; font-weight: 700; }

/* ===== Footer ===== */
.em-footer { background: var(--em-navy); color: #C9D1E3; }
.em-footer a:hover { color: #fff; }
.em-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 36px; padding-bottom: 24px; }
.em-footer__logo { width: 96px; height: 96px; border-radius: 10px; }
.em-footer__name { margin: 12px 0 4px; font-size: 1.5rem; font-weight: 700; color: #fff; }
.em-footer__desc { margin: 0; max-width: 380px; }
.em-footer__h { margin: 0 0 10px; font-size: 1rem; font-weight: 700; color: #fff; }
.em-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.em-footer__bottom { border-top: 1px solid var(--em-navy-2); padding-top: 14px; padding-bottom: 22px; font-size: .875rem; }

/* ===== Bottom tab bar (phones) ===== */
.em-tabbar {
	display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
	background: var(--em-bg); border-top: 1px solid var(--em-rule);
	padding: 4px 0 calc(6px + env(safe-area-inset-bottom, 0px));
	box-shadow: 0 -4px 16px rgba(7, 33, 90, .08);
}
.em-tabbar a, .em-tabbar button {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
	min-height: 50px; border: 0; background: transparent; color: var(--em-text-2); font-size: .8125rem; font-weight: 700;
}
.em-tabbar [hidden] { display: none; }
.em-tabbar .is-active { color: var(--em-accent-text); }
.em-tabbar .em-icon { width: 22px; height: 22px; }
.em-tabbar__wa { color: var(--em-wa) !important; }
.em-totop { position: fixed; right: 14px; bottom: calc(var(--em-tabbar-h) + 14px + env(safe-area-inset-bottom, 0px)); z-index: 80; width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--em-navy); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.em-totop[hidden] { display: none; }

/* ===== Article ===== */
.em-article__head { max-width: 760px; margin: 0 auto; padding: 16px 0 18px; }
.em-crumbs { display: flex; gap: 8px; flex-wrap: wrap; font-size: .9375rem; color: var(--em-muted); margin-bottom: 8px; }
.em-crumbs__cat { color: var(--em-accent-text); font-weight: 700; }
.em-article__title { margin: 0 0 12px; font-size: clamp(1.75rem, 3vw + 1rem, 2.75rem); line-height: 1.32; font-weight: 700; color: var(--em-heading); }
.em-article__standfirst { margin: 0 0 16px; font-size: 1.1875rem; line-height: 1.7; font-weight: 700; color: var(--em-text-2); }
.em-article__bar { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid var(--em-rule); border-bottom: 1px solid var(--em-rule); padding: 12px 0; }
.em-byline { display: flex; gap: 12px; align-items: center; }
.em-byline__avatar { width: 44px; height: 44px; border-radius: 50%; }
.em-byline__name { font-size: 1.0625rem; font-weight: 700; color: var(--em-heading); }
.em-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.em-tools [hidden] { display: none; }
.em-sizer { display: inline-flex; border: 1px solid var(--em-rule); border-radius: 8px; overflow: hidden; }
.em-sizer button { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--em-heading); font-weight: 700; font-size: 1rem; }
.em-sizer button + button { border-left: 1px solid var(--em-rule); font-size: 1.1875rem; }
.em-sizer button:hover { background: var(--em-surface); }

.em-article__hero { max-width: 1040px; margin: 0 calc(var(--em-pad) * -1) 20px; }
.em-article__hero img { width: 100%; }
.em-article__hero figcaption, .em-prose figcaption, .em-prose .wp-element-caption { margin-top: 8px; padding: 0 var(--em-pad); font-family: var(--em-sans); font-size: .875rem; line-height: 1.55; color: var(--em-muted); }
.em-article__body { max-width: 720px; margin: 0 auto; }

/* Key points */
.em-keypoints { background: var(--em-surface-2); border: 1px solid var(--em-rule); border-radius: 10px; padding: 16px 18px 6px; margin: 0 0 24px; }
.em-keypoints__title { margin: 0 0 8px; font-size: 1.125rem; font-weight: 700; color: var(--em-accent-text); }
.em-keypoints ul { margin: 0; padding: 0; list-style: none; }
.em-keypoints li { position: relative; padding: 0 0 10px 20px; font-size: calc(1.0625rem * var(--em-scale) * var(--em-base, 1)); line-height: 1.65; font-weight: 700; color: var(--em-text); }
.em-keypoints li::before { content: ""; position: absolute; left: 2px; top: .7em; width: 8px; height: 8px; background: var(--em-accent); border-radius: 2px; }

/* Reading column — tuned for Devanagari */
.em-prose {
	font-family: var(--em-prose-font, var(--em-sans)); font-size: calc(1.1875rem * var(--em-scale) * var(--em-base, 1)); line-height: 1.85;
	color: var(--em-text); overflow-wrap: break-word; hyphens: manual;
}
.em-prose > * { margin-top: 0; margin-bottom: 1.15em; }
.em-prose h2, .em-prose h3, .em-prose h4 { font-family: var(--em-sans); color: var(--em-heading); font-weight: 700; line-height: 1.4; margin-top: 1.8em; margin-bottom: .55em; scroll-margin-top: 130px; }
.em-prose h2 { font-size: 1.4em; }
.em-prose h3 { font-size: 1.2em; }
.em-prose h4 { font-size: 1.05em; }
.em-prose strong, .em-prose b { font-weight: 700; color: var(--em-heading); }
.em-prose a { color: var(--em-accent-text); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.em-prose ul, .em-prose ol { padding-left: 1.4em; }
.em-prose li { margin-bottom: .45em; }
.em-prose li::marker { color: var(--em-accent); }
.em-prose blockquote, .em-prose .wp-block-quote { margin: 1.8em 0; padding: .8em 0; border: 0; border-top: 3px solid var(--em-heading); border-bottom: 1px solid var(--em-rule); font-family: var(--em-sans); font-size: 1.25em; line-height: 1.55; font-weight: 700; color: var(--em-heading); }
.em-prose blockquote p { margin: 0 0 .4em; }
.em-prose blockquote cite { display: block; font-size: .7em; font-style: normal; color: var(--em-muted); }
.em-prose .wp-block-pullquote { border-top: 3px solid var(--em-heading); border-bottom: 1px solid var(--em-rule); padding: 1em 0; }
.em-prose figure { margin-left: 0; margin-right: 0; }
.em-prose figure img { border-radius: 6px; }
.em-prose figure figcaption { padding: 0; }
.em-prose .alignwide, .em-prose .alignfull { margin-left: calc(var(--em-pad) * -1); margin-right: calc(var(--em-pad) * -1); max-width: none; }
.em-prose table { width: 100%; border-collapse: collapse; font-family: var(--em-sans); font-size: .9em; display: block; overflow-x: auto; }
.em-prose th, .em-prose td { border: 1px solid var(--em-rule); padding: 8px 10px; text-align: left; vertical-align: top; }
.em-prose th { background: var(--em-surface); }
.em-prose hr { border: 0; border-top: 1px solid var(--em-rule); margin: 2em 0; }
.em-prose code { font-size: .85em; background: var(--em-surface); padding: 2px 5px; border-radius: 4px; }
.em-prose iframe { max-width: 100%; }
.em-prose .wp-block-embed__wrapper iframe { width: 100%; }

/* TOC */
.em-toc { font-family: var(--em-sans); background: var(--em-surface); border-radius: 10px; padding: 0 16px; margin-bottom: 1.6em; }
.em-toc summary { cursor: pointer; padding: 12px 0; font-size: 1.0625rem; font-weight: 700; color: var(--em-heading); list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 44px; }
.em-toc summary::-webkit-details-marker { display: none; }
.em-toc summary::after { content: "+"; font-size: 1.5rem; line-height: 1; color: var(--em-accent); }
.em-toc[open] summary::after { content: "−"; }
.em-toc ol { margin: 0 0 14px; padding-left: 1.4em; font-size: 1rem; line-height: 1.55; }
.em-toc li { margin-bottom: 8px; }
.em-toc a { color: var(--em-heading); text-decoration: none; font-weight: 700; }

/* Also read */
.em-alsoread { font-family: var(--em-sans); border-left: 4px solid var(--em-accent); background: var(--em-surface); border-radius: 0 8px 8px 0; padding: 12px 16px; }
.em-alsoread__label { display: block; font-size: .8125rem; font-weight: 700; color: var(--em-accent-text); margin-bottom: 2px; }
.em-alsoread a { font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); text-decoration: none; }

/* Article footer */
.em-article__foot { max-width: 720px; margin: 32px auto 0; }
.em-tags { list-style: none; margin: 0 0 8px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.em-tags a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--em-rule); border-radius: 999px; font-size: .9375rem; color: var(--em-heading); }
.em-authorbox { display: flex; gap: 14px; padding: 20px 0; border-top: 1px solid var(--em-rule); border-bottom: 1px solid var(--em-rule); }
.em-authorbox__avatar { width: 64px; height: 64px; border-radius: 50%; flex: none; }
.em-authorbox__name { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--em-heading); }
.em-authorbox__bio { margin: 4px 0 0; font-size: 1rem; line-height: 1.65; color: var(--em-text-2); }
.em-postnav { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 20px 0; }
.em-postnav__item { display: block; padding: 14px 16px; border: 1px solid var(--em-rule); border-radius: 8px; font-weight: 700; line-height: 1.5; color: var(--em-heading); }
.em-postnav__item--next { text-align: right; }
.em-related { padding-top: 28px; padding-bottom: 8px; }
.em-pages { margin-top: 24px; font-family: var(--em-sans); }

/* Comments */
.em-comments-wrap { max-width: 752px; padding-bottom: 40px; }
.em-comments { border-top: 3px solid var(--em-heading); padding-top: 10px; margin-top: 24px; }
.em-comments__title, .comment-reply-title { font-size: 1.375rem; font-weight: 700; color: var(--em-heading); }
.em-comments__list, .em-comments__list .children { list-style: none; padding: 0; margin: 0; }
.em-comments__list .children { padding-left: 20px; }
.em-comments__list .comment-body { padding: 14px 0; border-bottom: 1px solid var(--em-rule-2); }
.em-comments__list .avatar { border-radius: 50%; float: left; margin-right: 12px; }
.em-comments__list .comment-meta { font-size: .875rem; color: var(--em-muted); }
.em-comments__list .fn { font-style: normal; font-weight: 700; color: var(--em-heading); font-size: 1rem; }
.em-comments__list .comment-content { clear: both; padding-top: 8px; }
.comment-form label { display: block; font-weight: 700; margin-bottom: 4px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; padding: 10px 12px; border: 1px solid #8D97A8; border-radius: 8px; font-family: var(--em-sans); font-size: 1rem; background: var(--em-bg); color: var(--em-text); }
.comment-form .em-btn { border: 0; }

/* ===== Archive ===== */
.em-archive__head { padding: 20px 0 14px; border-bottom: 3px solid var(--em-heading); }
.em-archive__title { margin: 0 0 6px; font-size: clamp(1.75rem, 3vw + 1rem, 2.5rem); line-height: 1.3; font-weight: 700; color: var(--em-heading); }
.em-archive__desc { color: var(--em-text-2); max-width: 760px; }
.em-archive__chips { margin-top: 12px; }
.em-archive__search { margin: 12px 0 4px; max-width: 640px; }
.em-archive__lead { padding-top: 16px; }
.em-archive__lead .em-lead__img .em-media { border-radius: 6px; }
.em-archive__grid { padding: 8px 0 16px; }
.em-loadmore { display: flex; justify-content: center; padding: 8px 0 24px; }
.em-loadmore__btn { min-width: 220px; }
.em-loadmore__btn.is-loading { opacity: .7; pointer-events: none; }
.em-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; padding: 8px 0 32px; }
.em-has-more .em-pagination { display: none; }
.em-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border: 1px solid var(--em-rule); border-radius: 8px; font-weight: 700; }
.em-pagination .current { background: var(--em-navy); border-color: var(--em-navy); color: #fff; }
.em-empty, .em-404 { padding: 40px 0 56px; max-width: 720px; }
.em-404 .em-searchform { margin: 20px 0; }

.alignleft { float: left; margin: 0 20px 12px 0; }
.alignright { float: right; margin: 0 0 12px 20px; }
.aligncenter { margin-left: auto; margin-right: auto; }

/* ===== Small tablets and up ===== */
@media (min-width: 600px) {
	:root { --em-pad: 24px; }
	.em-hide-sm { display: inline-flex !important; }
	.em-brand__tag { display: block; }
	.em-article__bar { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.em-postnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-voice + .em-voice { margin-top: 0; }
	.em-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--em-gap); }
	.em-grid--4 > .em-voice, .em-grid--4 > .em-book { margin-bottom: var(--em-gap); }
	.em-popular--row { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--em-gap); }
	.em-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== Desktop ===== */
@media (min-width: 900px) {
	body { padding-bottom: 0; font-size: 1.0625rem; }
	.em-tabbar, .em-totop { display: none !important; }
	.em-topbar { display: block; }
	/* Masthead scrolls away; the topic bar (and reading progress) stays pinned. */
	.em-sticky { top: -88px; transform: none !important; }
	.admin-bar .em-sticky { top: -56px; }
	.em-masthead__inner { padding-top: 16px; padding-bottom: 16px; }
	.em-brand__mark { width: 56px; height: 56px; border-radius: 12px; }
	.em-brand__name { font-size: 1.875rem; }
	.em-masthead__menu { padding: 0 16px; }
	.em-nav__list { gap: 28px; font-size: 1.0625rem; }
	.em-nav__list a { padding: 13px 0 10px; }

	.em-section { padding: 36px 0 40px; }
	.em-section-head__title { font-size: 1.5rem; }

	/* Cards become vertical tiles */
	.em-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--em-gap); row-gap: 32px; }
	.em-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: 32px; }
	.em-grid--3 > .em-card, .em-grid--4 > .em-card { display: block; padding: 0; border: 0; }
	.em-grid > .em-card .em-card__img .em-media { aspect-ratio: var(--em-ratio, 16 / 9); }
	.em-grid > .em-card .em-kicker { margin-top: 12px; font-size: .875rem; }
	.em-card__title { font-size: 1.1875rem; }
	.em-card__teaser { display: block; }
	.em-grid--4 > .em-book { border: 0; padding: 0; }

	.em-top { padding-top: 32px; }
	.em-top__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px; }
	.em-top__lead { margin: 0; }
	.em-top__lead .em-media { border-radius: 6px; }
	.em-top__lead .em-kicker, .em-top__lead .em-lead__title, .em-top__lead .em-lead__teaser, .em-top__lead .em-meta { padding: 0; }
	.em-lead__teaser { font-size: 1.1875rem; }
	.em-top__row { margin-top: 36px; }

	.em-popular--row { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.em-popular--row .em-popular__item { grid-template-columns: 1fr; border-bottom: 0; border-left: 1px solid var(--em-rule-2); padding: 0 16px; }
	.em-popular--row .em-popular__item:first-child { border-left: 0; padding-left: 0; }
	.em-popular--row .em-popular__item::before { text-align: left; font-size: 2.75rem; }

	.em-subjects { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
	.em-subject__title { font-size: 1.5rem; }

	.em-videos { padding: 44px 0; }
	.em-videos__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 28px; }
	.em-videos__list { flex-direction: column; overflow: visible; margin: 0; padding: 0; gap: 18px; }
	.em-video--row { display: flex; gap: 14px; flex: none; }
	.em-video--row .em-video__thumb { flex: 0 0 160px; }
	.em-video--row .em-video__title { margin-top: 0; font-size: 1.0625rem; }
	.em-video--lead .em-video__title { font-size: 1.625rem; }

	.em-newsletter__inner { padding-top: 40px; padding-bottom: 40px; }
	.em-footer__grid { grid-template-columns: 2fr repeat(3, 1fr); gap: 40px; padding-top: 48px; }
	.em-footer__logo { width: 150px; height: 150px; border-radius: 14px; }

	.em-article__head { padding-top: 28px; }
	.em-article__standfirst { font-size: 1.3125rem; }
	.em-article__hero { margin: 0 auto 32px; }
	.em-article__hero img { border-radius: 6px; }
	.em-article__hero figcaption { padding: 0; }
	.em-prose { font-size: calc(1.25rem * var(--em-scale) * var(--em-base, 1)); line-height: 1.95; }
	.em-prose .alignwide { width: min(1040px, 100vw - 48px); max-width: none; margin-left: 50%; transform: translateX(-50%); }
	.em-prose .alignfull { width: 100vw; margin-left: 50%; transform: translateX(-50%); }
	.em-keypoints li { font-size: calc(1.125rem * var(--em-scale) * var(--em-base, 1)); }

	.em-archive__head { padding: 32px 0 16px; }
	.em-archive__lead .em-lead { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 32px; }
	.em-archive__lead .em-lead__img { grid-row: span 5; }
	.em-archive__lead .em-kicker { margin-top: 0; }
	.em-archive__grid { padding: 32px 0; }
	.em-search__panel { padding: 28px 0 32px; }
	.em-search .em-wrap { max-width: 760px; }
}

@media (min-width: 900px) and (max-width: 1100px) {
	.em-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-popular--row { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 20px; }
}

@media (max-width: 782px) {
	.admin-bar .em-sticky { top: 0; }
}


/* =====================================================================
 * 2.1 — Options, widgets, layouts, block styles
 * ===================================================================== */

/* Options from Customize › लेआउट और रूप */
.em-r-square .em-media, .em-r-square .em-latest, .em-r-square .em-voice, .em-r-square .em-follow,
.em-r-square .em-keypoints, .em-r-square .em-toc, .em-r-square .em-btn, .em-r-square .em-iconbtn,
.em-r-square .em-video__thumb, .em-r-square .em-article__hero img, .em-r-square .em-postnav__item,
.em-r-square .em-widget, .em-r-square .em-prose figure img, .em-r-square .em-chip, .em-r-square .em-tags a { border-radius: 0; }
.em-no-tabbar .em-tabbar { display: none !important; }
.em-no-topbar .em-topbar { display: none !important; }
.em-no-tabbar { padding-bottom: 0; }
.em-no-tabbar .em-totop { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
.em-no-sticky .em-sticky { position: relative; }
.em-no-sticky .em-sticky.is-hidden { transform: none; }

.em-widget-hint { margin: 16px 0; padding: 14px 16px; border: 2px dashed var(--em-rule); border-radius: 8px; color: var(--em-muted); font-size: .9375rem; }

/* Two-column layout (content + sidebar) */
.em-layout { display: block; }
.em-aside { margin-top: 32px; }
.em-aside__inner { display: grid; gap: 20px; }

/* Widgets */
.em-widget { background: var(--em-bg); border: 1px solid var(--em-rule); border-radius: 10px; padding: 16px 18px; min-width: 0; }
.em-widget__title, .em-widget .wp-block-heading:first-child { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 3px solid var(--em-heading); font-family: var(--em-sans); font-size: 1.125rem; line-height: 1.4; font-weight: 700; color: var(--em-heading); }
.em-widget ul:not(.em-popular):not(.em-social) { list-style: none; margin: 0; padding: 0; }
.em-widget li { line-height: 1.5; }
.em-widget > ul > li, .em-widget .wp-block-latest-posts li, .em-widget .wp-block-categories li, .em-widget .wp-block-archives li { padding: 10px 0; border-top: 1px solid var(--em-rule-2); }
.em-widget > ul > li:first-child, .em-widget .wp-block-latest-posts li:first-child, .em-widget .wp-block-categories li:first-child { border-top: 0; padding-top: 0; }
.em-widget a { font-weight: 700; color: var(--em-heading); }
.em-widget p { margin: 0 0 10px; }
.em-widget .wp-block-search__inside-wrapper { display: flex; gap: 8px; }
.em-widget .wp-block-search__input { min-height: 44px; border: 1px solid #8D97A8; border-radius: 8px; padding: 0 12px; font: inherit; }
.em-widget .wp-block-search__button { min-height: 44px; border: 0; border-radius: 8px; background: var(--em-navy); color: #fff; padding: 0 16px; font-weight: 700; margin: 0; }
.em-widget .wp-block-latest-posts__post-date { display: block; font-size: .8125rem; color: var(--em-muted); font-weight: 400; }
.em-widget .em-follow { margin: 0; border: 0; padding: 0; background: transparent; }
.em-widget .em-popular__item { padding: 10px 0; }
.em-widget .em-popular__item::before { font-size: 1.75rem; }
.em-widget .em-side { padding: 10px 0; }
.em-widget .em-side:last-of-type { border-bottom: 0; }
.em-widget .em-side__img { flex-basis: 96px; }
.em-widget .em-side__title { font-size: 1rem; }
.em-widget .em-section-head__more { display: inline-block; margin-top: 6px; }
.em-wlist li { padding: 10px 0; border-top: 1px solid var(--em-rule-2); }
.em-wlist li:first-child { border-top: 0; padding-top: 0; }
.em-wlist .em-meta { font-size: .8125rem; color: var(--em-accent-text); font-weight: 700; }
.em-wlist a { display: block; }
.em-about { display: grid; gap: 10px; justify-items: start; }
.em-about img { width: 64px; height: 64px; border-radius: 12px; }
.em-widgetrow { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--em-gap); }
.em-after-article { margin: 24px 0 0; display: grid; gap: 16px; }
.em-footer__widgets .em-widget { background: transparent; border: 0; padding: 0; color: #C9D1E3; }
.em-footer__widgets .em-widget__title, .em-footer__widgets .wp-block-heading:first-child { color: #fff; border-bottom-color: var(--em-navy-3); font-size: 1rem; }
.em-footer__widgets .em-widget a { color: #E3E8F2; font-weight: 400; }
.em-footer__widgets .em-widget li { border-top-color: var(--em-navy-2); }

/* Archive: list layout */
.em-archive-list .em-archive__grid > .em-card .em-card__teaser { display: block; }

/* ---------- Block styles (editor › Styles) ---------- */
.em-prose .is-style-em-lead { font-family: var(--em-sans); font-size: 1.18em; line-height: 1.7; font-weight: 700; color: var(--em-text-2); }
.em-prose .is-style-em-callout { background: var(--em-surface); border-left: 4px solid var(--em-navy-3); border-radius: 0 8px 8px 0; padding: .9em 1.1em; font-family: var(--em-sans); font-size: .95em; line-height: 1.7; }
.em-prose .is-style-em-important { background: var(--em-surface-2); border: 1px solid #F1C9A5; border-left: 4px solid var(--em-accent); border-radius: 0 8px 8px 0; padding: .9em 1.1em; font-family: var(--em-sans); font-size: .95em; line-height: 1.7; }
.em-prose .is-style-em-source { font-family: var(--em-sans); font-size: .82em; line-height: 1.6; color: var(--em-muted); border-top: 1px solid var(--em-rule); padding-top: .8em; }
.em-prose .is-style-em-big { border: 0 !important; padding: .5em 0 !important; text-align: center; font-size: 1.5em !important; line-height: 1.45 !important; }
.em-prose .is-style-em-big::before { content: "\201C"; display: block; font-size: 2.2em; line-height: .6; color: var(--em-accent); margin-bottom: .1em; }
.em-prose .is-style-em-big cite { margin-top: .6em; }
.em-prose .is-style-em-frame img { padding: 8px; background: var(--em-bg); border: 1px solid var(--em-rule); box-shadow: 0 6px 20px rgba(7, 33, 90, .1); }
.em-prose .is-style-em-check { list-style: none; padding-left: 0; }
.em-prose .is-style-em-check li { position: relative; padding-left: 1.7em; }
.em-prose .is-style-em-check li::before { content: ""; position: absolute; left: .1em; top: .55em; width: .55em; height: .9em; border: solid var(--em-wa); border-width: 0 .18em .18em 0; transform: rotate(45deg); }
.em-prose .is-style-em-steps { list-style: none; padding-left: 0; counter-reset: em-step; }
.em-prose .is-style-em-steps > li { counter-increment: em-step; position: relative; padding: 0 0 .9em 2.6em; margin: 0; border-left: 2px solid var(--em-rule); margin-left: .95em; padding-left: 1.7em; }
.em-prose .is-style-em-steps > li:last-child { border-left-color: transparent; }
.em-prose .is-style-em-steps > li::before { content: counter(em-step); position: absolute; left: -.95em; top: .05em; width: 1.8em; height: 1.8em; border-radius: 50%; background: var(--em-navy); color: #fff; font-family: var(--em-sans); font-size: .85em; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.em-prose .is-style-em-box { background: var(--em-surface); border-radius: 10px; padding: 1.1em 1.3em; }
.em-prose .is-style-em-box > :last-child, .em-prose .is-style-em-note > :last-child, .em-prose .is-style-em-qa > :last-child { margin-bottom: 0; }
.em-prose .is-style-em-box h3 { margin-top: 0; }
.em-prose .is-style-em-note { background: var(--em-surface-2); border: 1px dashed #E2B98F; border-radius: 10px; padding: 1em 1.2em; font-family: var(--em-sans); font-size: .95em; }
.em-prose .is-style-em-qa { border-left: 3px solid var(--em-accent); padding-left: 1em; margin-bottom: 1.4em; }
.em-prose .is-style-em-qa p:first-child { font-family: var(--em-sans); color: var(--em-heading); margin-bottom: .4em; }
.em-prose .is-style-em-dots { border: 0 !important; text-align: center; height: auto; background: none !important; margin: 2em auto !important; }
.em-prose .is-style-em-dots::before { content: "\2022\2002\2022\2002\2022"; color: var(--em-accent); font-size: 1.3em; letter-spacing: .4em; }
.em-prose .is-style-em-rule { border-top: 3px solid var(--em-heading); padding-top: .5em; }
.em-prose .is-style-em-clean table { border: 0; }
.em-prose .is-style-em-clean td, .em-prose .is-style-em-clean th { border: 0; border-bottom: 1px solid var(--em-rule); padding: .6em .4em; }
.em-prose .is-style-em-clean tr td:first-child { width: 38%; color: var(--em-heading); }

/* ---------- Core blocks, professionally ---------- */
.em-prose .wp-block-table { margin-left: 0; margin-right: 0; overflow-x: auto; }
.em-prose .wp-block-table table { display: table; }
.em-prose .wp-block-table thead { border-bottom: 2px solid var(--em-heading); }
.em-prose .wp-block-table thead th { background: var(--em-navy); color: #fff; border-color: var(--em-navy); }
.em-prose .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--em-surface); }
.em-prose .wp-block-table figcaption { text-align: left; }
.em-prose .wp-block-image figcaption, .em-prose .wp-block-embed figcaption, .em-prose .wp-block-video figcaption { text-align: left; border-left: 3px solid var(--em-rule); padding-left: .7em; }
.em-prose .wp-block-gallery { gap: 8px; }
.em-prose .wp-block-gallery figure img { border-radius: 4px; }
.em-prose .wp-block-buttons { gap: 10px; }
.em-prose .wp-block-button__link { display: inline-flex; align-items: center; min-height: 46px; padding: 0 22px; border-radius: 8px; background: var(--em-navy); color: #fff; font-family: var(--em-sans); font-size: .9em; font-weight: 700; text-decoration: none; }
.em-prose .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--em-heading); border: 2px solid currentColor; }
.em-prose .wp-block-file { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 16px; background: var(--em-surface); border-radius: 10px; font-family: var(--em-sans); font-size: .9em; }
.em-prose .wp-block-file a:not(.wp-block-file__button) { font-weight: 700; color: var(--em-heading); }
.em-prose .wp-block-file__button { margin-left: auto !important; display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px !important; border-radius: 8px !important; background: var(--em-accent) !important; color: #fff !important; text-decoration: none !important; font-weight: 700; }
.em-prose .wp-block-details { border: 1px solid var(--em-rule); border-radius: 10px; padding: 0 16px; font-family: var(--em-sans); font-size: .95em; }
.em-prose .wp-block-details summary { cursor: pointer; padding: 12px 0; font-weight: 700; color: var(--em-heading); min-height: 44px; }
.em-prose .wp-block-details[open] { padding-bottom: 12px; }
.em-prose .wp-block-columns { gap: 1.5em; }
.em-prose .wp-block-media-text { gap: 1.2em; }
.em-prose .wp-block-media-text__content { padding: 0; }
.em-prose .wp-block-cover { border-radius: 10px; overflow: hidden; }
.em-prose .wp-block-pullquote { text-align: center; font-family: var(--em-sans); }
.em-prose .wp-block-pullquote p { font-size: 1.3em; line-height: 1.5; font-weight: 700; color: var(--em-heading); }
.em-prose .wp-block-code { background: var(--em-surface); border-radius: 8px; padding: 1em; font-size: .8em; overflow-x: auto; }
.em-prose .wp-block-footnotes { font-family: var(--em-sans); font-size: .85em; line-height: 1.6; color: var(--em-text-2); border-top: 1px solid var(--em-rule); padding-top: 1em; }
.em-prose sup.fn a, .em-prose .fn a { text-decoration: none; font-weight: 700; }
.em-prose .wp-block-embed.is-type-video .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.em-prose .wp-block-embed.is-type-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.em-prose .has-em-navy-color { color: var(--em-navy) !important; }
.em-prose .has-em-red-color { color: var(--em-accent) !important; }
.em-prose .has-em-green-color { color: var(--em-wa) !important; }
.em-prose .has-em-navy-background-color { background: var(--em-navy) !important; color: #fff; }
.em-prose .has-em-red-background-color { background: var(--em-accent) !important; color: #fff; }
.em-prose .has-em-surface-background-color { background: var(--em-surface) !important; }
.em-prose .has-em-cream-background-color { background: var(--em-surface-2) !important; }
.em-prose .has-em-green-background-color { background: var(--em-wa) !important; color: #fff; }
.em-prose .has-background { padding: 1em 1.2em; border-radius: 8px; }
.em-prose .has-small-font-size { font-size: .85em !important; }
.em-prose .has-large-font-size { font-size: 1.2em !important; }
.em-prose .has-huge-font-size { font-size: 1.6em !important; line-height: 1.4; }

@media (min-width: 600px) {
	.em-widgetrow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-aside__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
	.em-widgetrow { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
	.em-archive-list .em-archive__grid { grid-template-columns: minmax(0, 1fr); row-gap: 0; }
	.em-archive-list .em-archive__grid > .em-card { display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--em-rule-2); }
	.em-archive-list .em-archive__grid > .em-card .em-card__img { grid-column: 1; grid-row: 1 / span 4; }
	.em-archive-list .em-archive__grid > .em-card .em-kicker { margin-top: 0; }
	.em-archive-list .em-archive__grid > .em-card .em-card__title { font-size: 1.375rem; }
	.em-no-sticky .em-sticky { position: relative; top: 0; }
}

@media (min-width: 1100px) {
	.em-layout--sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
	.em-layout--sidebar .em-aside { margin-top: 0; position: sticky; top: 72px; padding-top: 28px; }
	.em-layout--sidebar .em-aside__inner { grid-template-columns: minmax(0, 1fr); }
	.em-article-sidebar .em-layout--sidebar .em-article__head,
	.em-article-sidebar .em-layout--sidebar .em-article__body,
	.em-article-sidebar .em-layout--sidebar .em-article__foot { max-width: 760px; margin-left: 0; margin-right: 0; }
	.em-article-sidebar .em-layout--sidebar .em-article__hero { max-width: none; }
	.em-article-sidebar .em-prose .alignwide, .em-article-sidebar .em-prose .alignfull { width: auto; margin-left: 0; transform: none; }
	.em-archive-sidebar .em-layout--sidebar .em-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-archive-sidebar .em-layout--sidebar .em-archive__lead .em-lead { grid-template-columns: minmax(0, 1fr); }
	.em-archive-sidebar .em-layout--sidebar .em-archive__lead .em-lead__img { grid-row: auto; }
	.em-archive-sidebar .em-layout--sidebar .em-archive__lead .em-kicker { margin-top: 14px; }
}


/* =====================================================================
 * 2.2 — Listening player, image controls, writer photo
 * ===================================================================== */

/* Listening player */
.em-player {
	position: fixed; left: 8px; right: 8px; z-index: 95;
	bottom: calc(var(--em-tabbar-h) + 8px + env(safe-area-inset-bottom, 0px));
	background: var(--em-navy); color: #fff; border-radius: 14px; padding: 10px 12px;
	box-shadow: 0 10px 30px rgba(5, 13, 36, .35); font-family: var(--em-sans);
}
.em-player[hidden] { display: none; }
.em-no-tabbar .em-player { bottom: calc(8px + env(safe-area-inset-bottom, 0px)); }
.em-player__row { display: flex; align-items: center; gap: 10px; }
.em-player__row--voice { margin-top: 8px; font-size: .875rem; }
.em-player__row--voice[hidden] { display: none; }
.em-player__row--voice select { flex: 1; min-height: 36px; border-radius: 8px; border: 0; padding: 0 8px; font: inherit; color: #111; }
.em-player__play { flex: none; width: 46px; height: 46px; border-radius: 50%; border: 0; background: var(--em-accent); color: #fff; display: flex; align-items: center; justify-content: center; }
.em-player__icon { width: 14px; height: 16px; border-left: 4px solid #fff; border-right: 4px solid #fff; }
.em-player__play.is-paused .em-player__icon { width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; margin-left: 4px; }
.em-player__info { flex: 1; min-width: 0; display: grid; gap: 6px; }
.em-player__status { font-size: .9375rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.em-player__bar { display: block; height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .25); overflow: hidden; }
.em-player__bar span { display: block; height: 100%; width: 0; background: #fff; transition: width .3s ease; }
.em-player__btn { flex: none; min-height: 40px; padding: 0 10px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 8px; background: transparent; color: #fff; font-size: .8125rem; font-weight: 700; white-space: nowrap; }
.em-player__close { width: 40px; padding: 0; display: flex; align-items: center; justify-content: center; }
.em-player__note { margin: 8px 0 0; font-size: .8125rem; line-height: 1.5; color: #E3E8F2; }
.em-player__note[hidden] { display: none; }
.em-playing .em-totop { display: none; }
.em-speaking { background: rgba(255, 214, 102, .28); box-shadow: 0 0 0 6px rgba(255, 214, 102, .28); border-radius: 4px; transition: background .2s ease; }
html[data-theme="dark"] .em-speaking { background: rgba(255, 214, 102, .14); box-shadow: 0 0 0 6px rgba(255, 214, 102, .14); }

/* Featured image on the article page */
.em-article__hero.em-hero--auto img { aspect-ratio: auto; width: auto; max-width: 100%; max-height: min(75vh, 720px); margin: 0 auto; object-fit: contain; background: var(--em-surface); }
.em-article__hero.em-hero--auto { text-align: center; background: var(--em-surface); }
.em-article__hero.em-hero--auto figcaption { text-align: left; background: var(--em-bg); padding-top: 8px; margin-top: 0; }
.em-article__hero.em-hero--crop img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Cards: show the whole picture instead of cropping */
.em-fit-full .em-media img { object-fit: contain; background: var(--em-surface); }
.em-fit-full .em-media { background: var(--em-surface); }

/* Pictures inside articles */
.em-prose img { height: auto; max-width: 100%; }
.em-prose .wp-block-image { text-align: center; }
.em-prose .wp-block-image img { display: inline-block; }
.em-img-natural .em-prose .wp-block-image:not(.alignleft):not(.alignright) img { width: auto; }
.em-img-wide .em-prose .wp-block-image:not(.alignleft):not(.alignright):not(.is-resized) img { width: 100%; }
.em-img-capped .em-prose .wp-block-image img { width: auto; max-height: 80vh; object-fit: contain; }
.em-prose .wp-block-image figcaption { text-align: left; }
@media (max-width: 599px) {
	.em-prose .alignleft, .em-prose .alignright, .em-prose .wp-block-image .alignleft, .em-prose .wp-block-image .alignright { float: none; margin: 0 auto 1em; display: block; }
}

/* Writer */
.em-initial { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--em-navy); color: #fff; font-weight: 700; font-size: 1.25rem; flex: none; }
.em-byline__avatar { object-fit: cover; }
.em-authorbox { align-items: flex-start; background: var(--em-surface); border: 0; border-radius: 12px; padding: 18px; margin-top: 24px; }
.em-authorbox__avatar { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid var(--em-bg); box-shadow: 0 2px 8px rgba(7, 33, 90, .15); }
.em-authorbox__label { margin: 0 0 2px; font-size: .8125rem; font-weight: 700; color: var(--em-accent-text); }
.em-authorbox .em-initial { width: 72px !important; height: 72px !important; font-size: 1.75rem; }
.em-r-square .em-authorbox, .em-r-square .em-player { border-radius: 0; }

@media (min-width: 900px) {
	.em-player { left: 50%; right: auto; width: min(560px, calc(100vw - 32px)); transform: translateX(-50%); bottom: 20px; }
	.em-authorbox__avatar, .em-authorbox .em-initial { width: 88px !important; height: 88px !important; }
}


/* =====================================================================
 * 2.3 — News homepage (Jagran-style), galleries, mobile reading
 * ===================================================================== */

:root { --em-prose-font: var(--em-sans); }
.em-font-serif { --em-prose-font: var(--em-serif); }
.em-font-serif .em-prose { line-height: 1.95; }
.em-prose { color: #14181F; letter-spacing: .005em; word-spacing: .02em; }
html[data-theme="dark"] .em-prose { color: var(--em-text); }
.em-prose p { margin-bottom: 1.05em; }

/* Section heads: red bar + title + rule + "और पढ़ें" */
.em-section-head { position: relative; display: flex; align-items: center; gap: 12px; border-top: 0; border-bottom: 2px solid var(--em-rule); padding: 0 0 8px; margin-bottom: 16px; flex-wrap: nowrap; }
.em-section-head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; height: 2px; background: var(--em-accent); }
.em-section-head__title { border-left: 5px solid var(--em-accent); padding-left: 10px; font-size: 1.3125rem; line-height: 1.3; }
.em-section-head__title a { color: inherit; }
.em-section-head__more { margin-left: auto; font-size: .875rem; }
.em-section-head--light { border-bottom-color: rgba(255, 255, 255, .25); }
.em-section-head--light .em-section-head__title { border-left-color: var(--em-accent); }
.em-cs__subs { display: none; list-style: none; margin: 0; padding: 0; gap: 14px; font-size: .9375rem; color: var(--em-muted); }
.em-cs__subs a:hover { color: var(--em-accent-text); }

/* Inside a category section the category label is redundant */
.em-cs .em-kicker { display: none; }
.em-cs .em-card__title { margin-top: 8px; }

/* Compact headline row */
.em-item { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--em-rule-2); align-items: start; }
.em-item:first-child { border-top: 0; padding-top: 0; }
.em-item--text { grid-template-columns: minmax(0, 1fr); }
.em-item__img .em-media { border-radius: 4px; }
.em-item__title { margin: 0 0 4px; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); }
.em-item .em-meta { font-size: .8125rem; }

/* Stacked cards (always picture on top) */
.em-card--stack, .em-card--big { display: block !important; padding: 0 !important; border: 0 !important; }
.em-card--big .em-card__img .em-media { aspect-ratio: var(--em-ratio, 16 / 9) !important; }
.em-card--big .em-kicker { margin-top: 10px; }
.em-card--stack .em-card__img .em-media { aspect-ratio: var(--em-ratio, 16 / 9) !important; }
.em-card--stack .em-kicker { margin-top: 8px; font-size: .8125rem; }
.em-card--stack .em-card__title { font-size: 1.0625rem; line-height: 1.5; margin-top: 4px; }
.em-card--stack .em-card__teaser { display: none; }
.em-card--big .em-card__title { font-size: clamp(1.25rem, 1.4vw + .9rem, 1.625rem); line-height: 1.38; }
.em-card--big .em-card__teaser { display: block; font-size: 1.0625rem; }

/* Top block: सुर्ख़ियों में शिक्षा */
.em-hl { padding: 18px 0 24px; border-bottom: 1px solid var(--em-rule); }
.em-hl__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.em-hl__main .em-lead .em-kicker { margin-top: 12px; }
.em-hl__main .em-lead__title { font-size: clamp(1.5rem, 2.2vw + 1rem, 2.25rem); }
.em-hl__under { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.em-hl__list { border-top: 1px solid var(--em-rule); padding-top: 14px; }
.em-hl__side { display: grid; gap: 16px; align-content: start; }
.em-hl__popular { background: var(--em-bg); border: 1px solid var(--em-rule); border-radius: 8px; padding: 14px 16px 4px; }
.em-hl__popular .em-latest__title { font-size: 1.125rem; }
.em-hl__popular .em-popular__item { grid-template-columns: 36px minmax(0, 1fr); padding: 10px 0; }
.em-hl__popular .em-popular__item::before { font-size: 1.75rem; }
.em-hl__popular .em-popular__item a { font-size: 1rem; }

/* Topic chips */
.em-topics { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--em-rule); }
.em-topics__label { flex: none; font-weight: 700; color: var(--em-heading); font-size: .9375rem; }
.em-topics__list { list-style: none; margin: 0; padding: 0 0 2px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.em-topics__list::-webkit-scrollbar { display: none; }
.em-topics .em-chip { white-space: nowrap; min-height: 36px; font-size: .875rem; }

/* Category sections */
.em-cs { padding: 22px 0 24px; border-bottom: 1px solid var(--em-rule); }
.em-cs__feature { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.em-cs__mid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.em-cs__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; }
.em-cs__links { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--em-rule-2); }
.em-cs__links li { position: relative; padding: 10px 0 10px 16px; border-bottom: 1px solid var(--em-rule-2); }
.em-cs__links li::before { content: ""; position: absolute; left: 0; top: 19px; width: 6px; height: 6px; background: var(--em-accent); }
.em-cs__links a { font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); }
.em-cs--half { border-bottom: 0; padding-bottom: 8px; }
.em-cs--half .em-cs__list { margin-top: 14px; }
.em-halves { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; border-bottom: 1px solid var(--em-rule); padding-bottom: 16px; }
.em-cs__twocol { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 32px; }
.em-cs__twocol .em-item:first-child { padding-top: 0; }

/* Homepage photo-gallery band */
.em-galband { background: #0A1330; color: #fff; padding: 26px 0 30px; }
html[data-theme="dark"] .em-galband { background: #050A1C; }
.em-galband__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.em-gtile { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 8px; color: #fff; background: #1B2650; }
.em-gtile--big { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.em-gtile .em-media { position: absolute; inset: 0; border-radius: 0; aspect-ratio: auto; }
.em-gtile .em-media img { transition: transform .35s ease; }
.em-gtile:hover .em-media img { transform: scale(1.04); }
.em-gtile__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 70%); }
.em-gtile__count { position: absolute; top: 8px; right: 8px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px; background: rgba(0, 0, 0, .6); font-size: .8125rem; font-weight: 700; }
.em-gtile__count .em-icon { width: 16px; height: 16px; }
.em-gtile__title { position: absolute; left: 10px; right: 10px; bottom: 8px; font-size: .9375rem; line-height: 1.4; font-weight: 700; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.em-gtile--big .em-gtile__title { font-size: 1.25rem; left: 14px; right: 14px; bottom: 12px; }
.em-gtile:hover, .em-gtile:hover .em-gtile__title { color: #fff; }
.em-fit-full .em-gtile .em-media img { object-fit: cover; }

/* Galleries inside articles */
.em-prose .wp-block-gallery { gap: 6px !important; margin-bottom: 1.4em; }
.em-prose .wp-block-gallery figure.wp-block-image img { border-radius: 4px; }
.em-has-viewer .em-prose .wp-block-gallery img, .em-has-viewer .em-prose .gallery img { cursor: zoom-in; }
.em-prose .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-family: var(--em-sans); font-size: .8125rem; line-height: 1.4; padding: 18px 8px 6px; border: 0; text-align: left; }
.em-prose .wp-block-gallery + figcaption, .em-prose .wp-block-gallery > .blocks-gallery-caption { font-family: var(--em-sans); font-size: .875rem; color: var(--em-muted); text-align: left; }

.em-prose .wp-block-gallery.is-style-em-mosaic { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.em-prose .wp-block-gallery.is-style-em-mosaic > figure { width: auto !important; margin: 0 !important; aspect-ratio: 1; }
.em-prose .wp-block-gallery.is-style-em-mosaic > figure:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.em-prose .wp-block-gallery.is-style-em-mosaic > figure img { width: 100% !important; height: 100% !important; object-fit: cover; }

.em-prose .wp-block-gallery.is-style-em-slider { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 0 !important; background: #0E1424; border-radius: 8px; scrollbar-width: none; }
.em-prose .wp-block-gallery.is-style-em-slider::-webkit-scrollbar { display: none; }
.em-prose .wp-block-gallery.is-style-em-slider > figure { flex: 0 0 100% !important; width: 100% !important; margin: 0 !important; scroll-snap-align: start; display: flex !important; flex-direction: column; justify-content: center; }
.em-prose .wp-block-gallery.is-style-em-slider > figure img { width: 100% !important; aspect-ratio: 16 / 10; object-fit: contain !important; border-radius: 0 !important; background: #0E1424; }
.em-prose .wp-block-gallery.is-style-em-slider > figure figcaption { position: static !important; background: #0E1424 !important; color: #E6EAF2 !important; padding: 8px 12px 10px !important; max-height: none !important; }
.em-prose .wp-block-gallery.is-style-em-slider > figure::before, .em-prose .wp-block-gallery.is-style-em-slider > figure:has(figcaption)::before { display: none !important; content: none !important; }
.em-slider-ui { display: flex; align-items: center; justify-content: center; gap: 14px; margin: -1em 0 1.4em; padding-top: 8px; font-family: var(--em-sans); }
.em-slider-ui__btn { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--em-rule); background: var(--em-bg); color: var(--em-heading); font-size: 1.5rem; line-height: 1; }
.em-slider-ui__count { font-weight: 700; color: var(--em-muted); min-width: 60px; text-align: center; }

.em-prose .wp-block-gallery.is-style-em-strip { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; }
.em-prose .wp-block-gallery.is-style-em-strip > figure { flex: 0 0 42% !important; width: 42% !important; margin: 0 !important; scroll-snap-align: start; }
.em-prose .wp-block-gallery.is-style-em-strip > figure img { aspect-ratio: 4 / 3; object-fit: cover; height: auto !important; }

/* Full-screen photo viewer */
.em-viewer { position: fixed; inset: 0; z-index: 400; display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; background: #05080F; color: #fff; font-family: var(--em-sans); padding-bottom: env(safe-area-inset-bottom, 0px); }
.em-viewer[hidden] { display: none; }
.em-viewer__top { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px calc(10px) 16px; padding-top: calc(10px + env(safe-area-inset-top, 0px)); }
.em-viewer__count { font-weight: 700; font-size: .9375rem; }
.em-viewer__btn { width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .12); color: #fff; display: flex; align-items: center; justify-content: center; }
.em-viewer__stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 0; padding: 0 8px; touch-action: pan-y; }
.em-viewer__img { max-width: 100%; max-height: 100%; object-fit: contain; user-select: none; }
.em-viewer__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .14); color: #fff; font-size: 2rem; line-height: 1; display: flex; align-items: center; justify-content: center; }
.em-viewer__nav--prev { left: 8px; }
.em-viewer__nav--next { right: 8px; }
.em-viewer__cap { margin: 0; padding: 10px 16px 6px; font-size: .9375rem; line-height: 1.55; color: #E3E8F2; min-height: 1.5em; max-height: 6.5em; overflow-y: auto; text-align: center; }
.em-viewer__thumbs { display: flex; gap: 6px; overflow-x: auto; padding: 6px 12px 12px; scrollbar-width: none; justify-content: safe center; }
.em-viewer__thumbs::-webkit-scrollbar { display: none; }
.em-viewer__thumb { flex: 0 0 56px; height: 56px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; background: none; opacity: .55; }
.em-viewer__thumb.is-active { border-color: #fff; opacity: 1; }
.em-viewer__thumb img { width: 100%; height: 100%; object-fit: cover; }
.em-viewer.is-single .em-viewer__nav, .em-viewer.is-single .em-viewer__thumbs { display: none; }

/* Mobile reading comfort */
@media (max-width: 599px) {
	body { font-size: 1.0625rem; }
	.em-lead__title { line-height: 1.35; }
	.em-card__title, .em-item__title, .em-side__title { font-size: 1.0625rem; line-height: 1.55; }
	.em-meta { font-size: .8125rem; }
	.em-hl__main { margin: 0 calc(var(--em-pad) * -1); }
	.em-hl__main .em-lead .em-media { border-radius: 0; }
	.em-hl__main .em-lead .em-kicker, .em-hl__main .em-lead__title, .em-hl__main .em-lead__teaser, .em-hl__main .em-lead .em-meta, .em-hl__under { padding: 0 var(--em-pad); }
	.em-section-head__title { font-size: 1.1875rem; }
	.em-prose h2 { font-size: 1.32em; }
}

@media (min-width: 600px) {
	.em-cs__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-cs__links { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
	.em-galband__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.em-gtile--big { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
	.em-cs__twocol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-prose .wp-block-gallery.is-style-em-strip > figure { flex-basis: 30% !important; width: 30% !important; }
}

@media (min-width: 900px) {
	.em-cs__subs { display: flex; }
	.em-hl { padding-top: 26px; }
	.em-hl__grid { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 28px; }
	.em-hl__list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
	.em-hl__list .em-item { border-top: 0; padding-top: 0; }
	.em-cs__feature { grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 4fr); gap: 24px; }
	.em-cs__mid { grid-template-columns: minmax(0, 1fr); gap: 18px; align-content: start; }
	.em-cs__cards { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
	.em-halves { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
	.em-halves--single { grid-template-columns: minmax(0, 1fr); }
	.em-cs--half .em-card--big { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; }
	.em-cs--half .em-card--big .em-card__img { grid-column: 1; grid-row: 1 / span 4; }
	.em-cs--half .em-card--big > :not(.em-card__img) { grid-column: 2; }
	.em-cs--half .em-card--big .em-kicker { margin-top: 0; }
	.em-cs--half .em-card--big .em-card__title { font-size: 1.25rem; }
	.em-prose .wp-block-gallery.is-style-em-mosaic { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.em-prose .wp-block-gallery.is-style-em-mosaic > figure:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
	.em-viewer__nav { width: 56px; height: 56px; }
	.em-viewer__nav--prev { left: 20px; }
	.em-viewer__nav--next { right: 20px; }
	.em-viewer__stage { padding: 0 90px; }
}

@media (min-width: 1100px) {
	.em-hl__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(0, 3fr); grid-template-areas: "list main side"; }
	.em-hl__main { grid-area: main; }
	.em-hl__list { grid-area: list; grid-column: auto; display: block; }
	.em-hl__list .em-item { grid-template-columns: minmax(0, 1fr); border-top: 1px solid var(--em-rule-2); padding-top: 12px; }
	.em-hl__list .em-item:first-child { border-top: 0; padding-top: 0; }
	.em-hl__list .em-item__img { display: none; }
	.em-hl__list .em-item:first-child .em-item__img { display: block; margin-bottom: 8px; }
	.em-hl__list { border-top: 0; padding-top: 0; border-right: 1px solid var(--em-rule-2); padding-right: 20px; }
	.em-hl__side { grid-area: side; }
}


/* =====================================================================
 * 2.4 — Professional homepage: filled columns, even cards, clean images
 * ===================================================================== */

/* Calm, consistent picture corners */
.em-media { border-radius: 4px; }
.em-r-square .em-media { border-radius: 0; }

/* Branded stand-in instead of an empty grey box */
.em-media__ph--brand { display: flex; align-items: center; justify-content: center; background: #0E2A66; }
.em-media__ph--brand img { width: 22%; max-width: 64px; height: auto; opacity: .9; }

/* Even rows: titles and summaries never run on */
.em-card--stack .em-card__title, .em-item__title, .em-latest__list a, .em-popular__item a {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.em-cs__links a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.em-card__teaser, .em-lead__teaser { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.em-card--big .em-card__teaser { -webkit-line-clamp: 3; }
.em-card__title a, .em-item__title a, .em-lead__title a, .em-cs__links a, .em-latest__list a { transition: color .15s ease; }

/* Section rhythm */
.em-hl, .em-cs, .em-halves, .em-topics { border-bottom-color: var(--em-rule); }
.em-cs { padding: 26px 0 28px; }
.em-halves { padding-bottom: 6px; }
.em-section-head { margin-bottom: 18px; }

/* Latest list panel */
.em-latest { border-radius: 6px; padding: 14px 16px 8px; }
.em-latest__list li { padding: 9px 0 9px 14px; }
.em-latest__list a { font-size: 1rem; line-height: 1.5; }

/* Headline block on phones: show a sensible number of rows */
@media (max-width: 899px) {
	.em-hl__list[data-em-fit] > :nth-child(n+6),
	.em-latest__list[data-em-fit] > :nth-child(n+7),
	.em-cs__list[data-em-fit] > :nth-child(n+5),
	.em-cs__links--fill[data-em-fit] > :nth-child(n+3) { display: none; }
	.em-hl__list { margin-top: 4px; }
	.em-cs__links--fill { margin-top: 12px; }
	.em-videos__grid--n2 { grid-template-columns: minmax(0, 1fr); }
}

@media (min-width: 900px) {
	/* Feature sections: three columns end on the same line */
	.em-cs__feature { align-items: stretch; }
	.em-cs__big { display: flex; flex-direction: column; min-width: 0; }
	.em-cs__links--fill { flex: 1 1 0; min-height: 0; contain: size; overflow: hidden; margin-top: 14px; }
	.em-cs__feature > .em-cs__list { contain: size; overflow: hidden; min-height: 0; }
	.em-cs__mid { align-content: space-between; }

	/* Headline block: the latest panel takes the centre column's height */
	.em-hl__grid { align-items: stretch; }
	.em-hl__side { contain: size; min-height: 0; display: flex; flex-direction: column; }
	.em-hl__side .em-latest { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; }
	.em-hl__side .em-latest__list { flex: 1 1 0; min-height: 0; overflow: hidden; }

	/* Halves: equal height cards */
	.em-halves { align-items: stretch; }
	.em-cs--half { display: flex; flex-direction: column; }

	/* Video band adapts to the number of videos */
	.em-videos__grid--n1 { grid-template-columns: minmax(0, 1fr); max-width: 860px; margin: 0 auto; }
	.em-videos__grid--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-videos__grid--n2 .em-videos__list { display: block; }
	.em-videos__grid--n2 .em-video--row { display: block; }
	.em-videos__grid--n2 .em-video--row .em-video__thumb { width: 100%; }
	.em-videos__grid--n2 .em-video--row .em-video__title { margin-top: 4px; font-size: 1.375rem; }
	.em-videos__grid--n2 .em-video__play--sm { width: 64px; height: 64px; }
}

@media (min-width: 1100px) {
	.em-hl__list { contain: size; overflow: hidden; min-height: 0; }
	.em-hl__list .em-item { grid-template-columns: 88px minmax(0, 1fr); }
	.em-hl__list .em-item__img, .em-hl__list .em-item:first-child .em-item__img { display: block; margin: 0; }
	.em-hl__list .em-item__title { font-size: 1rem; -webkit-line-clamp: 3; }
}


/* Fill fine-tuning */
[data-em-extra][hidden] { display: none !important; }
.em-widgetrow, .em-halves { align-items: start; }
[data-em-fit] > [hidden] { display: none !important; }
[data-em-fit].is-fitted { display: flex; flex-direction: column; justify-content: space-between; }
.em-cs__links--fill.is-fitted { justify-content: flex-start; }
.em-cs__links--fill.is-fitted > li { flex: none; }
@media (min-width: 900px) {
	.em-cs__big .em-card--big { display: flex !important; flex-direction: column; flex: 1 1 auto; min-height: 0; }
	.em-cs__big .em-card--big .em-card__fill { flex: 1 1 0; min-height: 0; height: 0; overflow: hidden; margin-bottom: 10px; }
	.em-cs__big .em-card--big .em-card__fill .em-card__teaser { margin: 0; -webkit-line-clamp: none !important; line-clamp: none; display: block !important; overflow: hidden; }
	.em-cs__feature--compact .em-cs__big .em-card--big { display: block !important; }
	.em-cs__feature--compact .em-card--big .em-card__fill { flex: none; contain: none; height: auto; overflow: visible; margin-bottom: 8px; }
	.em-cs__feature--compact .em-card--big .em-card__fill .em-card__teaser { display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; overflow: hidden; }
	.em-cs__big .em-card--big .em-meta { margin-top: auto; }
	.em-cs__feature--compact { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
	.em-cs__feature--compact .em-card--big .em-card__img { order: 0; }
}


/* =====================================================================
 * 2.5 — Writers, planned post widgets
 * ===================================================================== */

/* Byline: one or more writers */
.em-byline { display: flex; align-items: center; gap: 12px; min-width: 0; }
.em-byline__photos { display: inline-flex; flex: none; }
.em-byline__photos > * { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 2px solid var(--em-bg); }
.em-byline__photos > * + * { margin-left: -12px; }
.em-byline__text { min-width: 0; }
.em-byline__names { font-size: 1.0625rem; font-weight: 700; color: var(--em-heading); line-height: 1.4; }
.em-byline__names a { color: var(--em-heading); }
.em-byline__label { font-weight: 400; color: var(--em-muted); }
.em-byline__role { font-size: .875rem; color: var(--em-text-2); line-height: 1.4; }
.em-meta__by { font-weight: 700; color: var(--em-text-2); }

/* Writer box(es) */
.em-authorbox + .em-authorbox { margin-top: 12px; }
.em-authorbox__body { min-width: 0; }
.em-authorbox__role { margin: 2px 0 0; font-size: .9375rem; font-weight: 700; color: var(--em-text-2); }
.em-authorbox__links { margin: 8px 0 0; font-size: .9375rem; font-weight: 700; }
.em-authorbox__links a { color: var(--em-accent-text); }

/* Writer page */
.em-writerhead { display: flex; gap: 20px; align-items: flex-start; margin-top: 10px; }
.em-writerhead__photo { width: 96px !important; height: 96px !important; border-radius: 50%; object-fit: cover; flex: none; border: 3px solid var(--em-bg); box-shadow: 0 2px 10px rgba(7, 33, 90, .15); }
.em-writerhead .em-initial { font-size: 2.25rem; }
.em-writerhead__role { margin: 0 0 6px; font-weight: 700; color: var(--em-accent-text); }
.em-writerhead__bio { margin: 0 0 8px; color: var(--em-text-2); line-height: 1.7; }

/* "हमारे लेखक" widget */
.em-writers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 16px; }
.em-writers__item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.em-writers__photo { width: 72px !important; height: 72px !important; border-radius: 50%; object-fit: cover; }
.em-writers__name { font-weight: 700; color: var(--em-heading); line-height: 1.35; }
.em-writers__role { font-size: .8125rem; color: var(--em-muted); line-height: 1.4; }

/* Homepage widget rows: 6-column plan */
.em-widgetrow { grid-template-columns: minmax(0, 1fr); gap: 24px 28px; }
.em-widgetrow > .em-widget { min-width: 0; }
.em-widgetrow .em-wp, .em-widgetrow .widget_em_writers { background: transparent; border: 0; padding: 0; border-radius: 0; }
.em-widgetrow .em-wp .em-widget__title, .em-widgetrow .widget_em_writers .em-widget__title {
	border: 0; border-left: 5px solid var(--em-accent); padding: 0 0 0 10px; margin: 0; font-size: 1.3125rem;
}
.em-widgetrow .widget_em_writers .em-widget__title { margin-bottom: 18px; }

/* EM: लेख (योजनाबद्ध प्रदर्शन) */
.em-wp__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.em-wp__head .em-widget__title { margin: 0; flex: 1; min-width: 0; }
.em-widgetrow .em-wp__head { position: relative; border-bottom: 2px solid var(--em-rule); padding-bottom: 8px; margin-bottom: 18px; }
.em-widgetrow .em-wp__head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; height: 2px; background: var(--em-accent); }
.em-wp .em-section-head__more { margin-left: auto; }
.em-wp__title { margin: 6px 0 4px; font-size: 1.0625rem; line-height: 1.5; font-weight: 700; color: var(--em-heading); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.em-wp__card .em-meta, .em-wp__t .em-meta, .em-wp__num .em-meta { font-size: .8125rem; }
.em-wp--cards2 .em-wp__body, .em-wp--cards3 .em-wp__body, .em-wp--cards4 .em-wp__body { display: grid; gap: 18px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.em-wp__card .em-card__teaser { display: -webkit-box; -webkit-line-clamp: 2; margin: 0 0 4px; font-size: .9375rem; }
.em-wp--biglist .em-wp__card--big { padding-bottom: 12px; }
.em-wp--biglist .em-wp__card--big .em-wp__title { font-size: 1.25rem; line-height: 1.4; }
.em-wp--biglist .em-wp__card--big .em-card__teaser { -webkit-line-clamp: 3; }
.em-wp--biglist .em-item:first-of-type { border-top: 1px solid var(--em-rule-2); padding-top: 12px; }
.em-wp--titles .em-wp__t { position: relative; padding: 10px 0 10px 16px; border-top: 1px solid var(--em-rule-2); }
.em-wp--titles .em-wp__t:first-child { border-top: 0; padding-top: 0; }
.em-wp--titles .em-wp__t::before { content: ""; position: absolute; left: 0; top: 19px; width: 6px; height: 6px; background: var(--em-accent); }
.em-wp--titles .em-wp__t:first-child::before { top: 9px; }
.em-wp--titles .em-wp__title { margin: 0 0 2px; }
.em-wp__num { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 1px solid var(--em-rule-2); }
.em-wp__num:first-child { border-top: 0; padding-top: 0; }
.em-wp__n { font-size: 2rem; line-height: 1; font-weight: 700; color: var(--em-accent); text-align: center; }
.em-wp__num .em-wp__title { margin-top: 0; }
.em-wp--overlay .em-wp__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }

@media (min-width: 600px) {
	.em-widgetrow { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.em-widgetrow > .em-widget { grid-column: span 3; }
	.em-widgetrow > .em-w-full { grid-column: 1 / -1; }
	.em-widgetrow > .em-w-twothirds, .em-widgetrow > .em-w-half, .em-widgetrow > .em-w-third { grid-column: span 3; }
	.em-wp--overlay .em-wp__body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.em-wp--overlay .em-gtile--big { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
	.em-writerhead__photo { width: 120px !important; height: 120px !important; }
}

@media (min-width: 900px) {
	.em-widgetrow > .em-widget { grid-column: span 2; }
	.em-widgetrow > .em-w-full { grid-column: 1 / -1; }
	.em-widgetrow > .em-w-twothirds { grid-column: span 4; }
	.em-widgetrow > .em-w-half { grid-column: span 3; }
	.em-widgetrow > .em-w-third { grid-column: span 2; }
	.em-widgetrow .em-wp--cards3 .em-wp__body { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
	.em-widgetrow .em-wp--cards4 .em-wp__body { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
	.em-widgetrow .em-w-half.em-wp--cards3 .em-wp__body, .em-widgetrow .em-w-half.em-wp--cards4 .em-wp__body,
	.em-widgetrow .em-w-third.em-wp--cards3 .em-wp__body, .em-widgetrow .em-w-third.em-wp--cards4 .em-wp__body { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.em-widgetrow .em-w-full.em-wp--list .em-wp__body, .em-widgetrow .em-w-full.em-wp--titles .em-wp__body, .em-widgetrow .em-w-full.em-wp--numbered .em-wp__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
	.em-widgetrow .em-w-full.em-wp--list .em-wp__body > :nth-child(2), .em-widgetrow .em-w-full.em-wp--titles .em-wp__body > :nth-child(2), .em-widgetrow .em-w-full.em-wp--numbered .em-wp__body > :nth-child(2) { border-top: 0; padding-top: 0; }
	.em-widgetrow .em-w-full.em-wp--biglist .em-wp__body { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: 28px; align-items: start; }
	.em-widgetrow .em-w-full.em-wp--biglist .em-wp__card--big { grid-row: 1 / span 20; }
	.em-widgetrow .em-w-full.em-wp--biglist .em-item:first-of-type { border-top: 0; padding-top: 0; }
	.em-widgetrow .em-w-full.em-wp--overlay .em-wp__body { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}


/* =====================================================================
 * 2.6 — Most read with pictures (1–5)
 * ===================================================================== */
.em-popular--img .em-popular__item { display: block; padding: 12px 0; border-bottom: 1px solid var(--em-rule-2); }
.em-popular--img .em-popular__item::before { content: none; display: none; }
.em-popular--img .em-popular__item:last-child { border-bottom: 0; }
.em-popular--img .em-popular__link { display: grid !important; -webkit-line-clamp: unset !important; overflow: visible !important; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: start; color: var(--em-heading); font-size: inherit; }
.em-popular__img { position: relative; display: block; }
.em-popular__img .em-media { aspect-ratio: 4 / 3 !important; }
.em-popular__rank {
	position: absolute; left: 0; bottom: 0; min-width: 30px; height: 30px; padding: 0 6px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--em-accent); color: #fff; font-size: 1.125rem; font-weight: 700; line-height: 1;
	border-radius: 0 4px 0 4px;
}
.em-popular__title { font-size: 1.0625rem; line-height: 1.5; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.em-popular__link:hover .em-popular__title { color: var(--em-accent-text); }
.em-widget .em-popular--img .em-popular__link, .em-hl .em-popular--img .em-popular__link { grid-template-columns: 96px minmax(0, 1fr); }
.em-widget .em-popular--img .em-popular__title { font-size: 1rem; }

/* Numbered widget style with pictures */
.em-wp__num--img { grid-template-columns: 34px 88px minmax(0, 1fr); align-items: start; }
.em-wp__num--img .em-wp__n { font-size: 1.75rem; padding-top: 6px; }
.em-wp__numimg .em-media { aspect-ratio: 4 / 3; }

@media (min-width: 600px) {
	.em-popular--row.em-popular--img { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--em-gap); }
}
@media (min-width: 900px) {
	.em-popular--row.em-popular--img { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
	.em-popular--row.em-popular--img .em-popular__item { padding: 0; border: 0; }
	.em-popular--row.em-popular--img .em-popular__link { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.em-popular--row.em-popular--img .em-popular__img .em-media { aspect-ratio: var(--em-ratio, 16 / 9) !important; }
	.em-popular--row.em-popular--img .em-popular__rank { min-width: 40px; height: 40px; font-size: 1.375rem; }
	.em-popular--row.em-popular--img .em-popular__title { font-size: 1.0625rem; }
}

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

@media print {
	.em-topbar, .em-sticky, .em-trending, .em-tabbar, .em-tools, .em-related, .em-comments-wrap, .em-footer, .em-newsletter, .em-follow, .em-totop, .em-alsoread, .em-postnav { display: none !important; }
	body { padding: 0; }
	.em-prose { font-size: 12pt; }
}

.em-card__fill[hidden] { display: none; }
.em-card__fill .em-card__teaser { margin: 0 0 6px; }
@media (max-width: 899px) { .em-card__fill .em-card__teaser { -webkit-line-clamp: 3; display: -webkit-box; } }