/* Seva OS public website — original design. Saffron on warm neutrals, editorial serif headings.
   Loaded on EVERY website page through Website Settings.head_html (the ankam method), i.e. before frappe's website.bundle.css:
   rules that restyle frappe chrome (navbar, footer, page wrapper) therefore carry a `body` prefix to win on specificity. */
:root {
	/* Ekal Shrihari palette: the seal's red and marigold yellow, the Ekal Abhiyan blue as accent */
	--sv-brand: #d13f20; --sv-brand-2: #a8301a; --sv-brand-3: #7a2211; --sv-brand-soft: #fdeee8;
	--sv-gold: #f3c232; --sv-gold-soft: #fff6d6;
	--sv-accent: #1e40af; --sv-accent-soft: #e8edfb;
	--sv-ink: #1c1917; --sv-ink-2: #57534e; --sv-ink-3: #78716c;
	--sv-bg: #fffaf4; --sv-surface: #ffffff; --sv-line: #ece4dc; --sv-dark: #2a1309;
	--sv-hindi: "Tiro Devanagari Hindi", "Noto Serif Devanagari", "Noto Sans Devanagari", "Mangal", serif;
	--sv-shadow: 0 1px 2px rgba(28, 25, 23, .06), 0 10px 30px rgba(28, 25, 23, .07);
	--sv-radius: 16px;
	--sv-serif: "Fraunces", Georgia, "Times New Roman", serif;
	--sv-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;
	--sv-live: #dc2626;
	color-scheme: light;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--sv-brand: #f4825f; --sv-brand-2: #f9a98e; --sv-brand-3: #fcd0c0; --sv-brand-soft: #2d150c; --sv-gold: #f6cf5a; --sv-gold-soft: #2b2208;
		--sv-accent: #93b4ff; --sv-accent-soft: #141d36;
		--sv-ink: #f5f5f4; --sv-ink-2: #d6d3d1; --sv-ink-3: #a8a29e; --sv-bg: #12100e; --sv-surface: #1c1917; --sv-line: #2e2925;
		--sv-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35); color-scheme: dark;
	}
}
:root[data-theme="dark"] {
	--sv-brand: #f4825f; --sv-brand-2: #f9a98e; --sv-brand-3: #fcd0c0; --sv-brand-soft: #2d150c; --sv-gold: #f6cf5a; --sv-gold-soft: #2b2208;
	--sv-accent: #93b4ff; --sv-accent-soft: #141d36;
	--sv-ink: #f5f5f4; --sv-ink-2: #d6d3d1; --sv-ink-3: #a8a29e; --sv-bg: #12100e; --sv-surface: #1c1917; --sv-line: #2e2925; color-scheme: dark;
}

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { background: var(--sv-bg); color: var(--sv-ink); font: 16px/1.6 var(--sv-sans); overflow-x: hidden; }
body .page-content-wrapper { background: transparent; }
.sv, .sv *, .sv *::before, .sv *::after { box-sizing: border-box; }
.sv img { max-width: 100%; height: auto; }
.sv a { color: var(--sv-brand); text-decoration: none; }
.sv a:hover { text-decoration: underline; }
.sv h1, .sv h2, .sv h3, .sv h4 { font-family: var(--sv-serif); line-height: 1.15; margin: 0 0 .5em; color: var(--sv-ink); letter-spacing: -.01em; font-weight: 700; }
.sv h1 { font-size: clamp(2.1rem, 5vw, 3.8rem); }
.sv h2 { font-size: clamp(1.55rem, 3vw, 2.35rem); }
.sv h3 { font-size: 1.2rem; }
.sv p { margin: 0 0 1em; }
.sv-wrap { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 768px) { .sv-wrap { padding: 0 28px; } }
.sv-muted { color: var(--sv-ink-2); }
.sv-small { font-size: .85rem; }

/* ---------------- frappe Standard Navbar (Website Settings → top bar) ---------------- */
body .navbar { position: sticky; top: 0; z-index: 1030; background: color-mix(in srgb, var(--sv-surface) 94%, transparent); backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--sv-line); padding: 0; box-shadow: 0 1px 0 rgba(0, 0, 0, .02); font-family: var(--sv-sans); }
body .navbar > .container { max-width: 1280px; min-height: 76px; padding: 0 16px; }
@media (min-width: 768px) { body .navbar > .container { padding: 0 28px; } }
body .navbar .navbar-brand { display: flex; align-items: center; gap: 10px; padding: 0; margin-right: 18px; }
body .navbar .navbar-brand img { height: 40px; width: auto; }
body .navbar .navbar-brand img.sv-brand-logo { height: 58px; max-height: none; max-width: min(320px, 62vw); object-fit: contain; object-position: left center; }
@media (max-width: 1279.98px) { body .navbar .navbar-brand img.sv-brand-logo { height: 46px; } }
body .navbar .sv-brand-name { font: 700 1.12rem/1.1 var(--sv-serif); color: var(--sv-ink); display: flex; flex-direction: column; }
body .navbar .sv-brand-name small { font: 600 .62rem/1.2 var(--sv-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--sv-brand); margin-top: 3px; }
body .navbar .navbar-nav .nav-link { color: var(--sv-ink-2); font-weight: 600; font-size: .9rem; padding: 9px 8px; border-radius: 8px; white-space: nowrap; }
body .navbar .navbar-nav .nav-link:hover, body .navbar .navbar-nav .show > .nav-link { color: var(--sv-brand); background: var(--sv-brand-soft); }
body .navbar .dropdown-toggle::after { border: 0; width: 7px; height: 6px; margin-left: 5px; vertical-align: 2px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(45deg); opacity: .6; }
body .navbar .dropdown-menu { border: 1px solid var(--sv-line); border-radius: 14px; box-shadow: var(--sv-shadow); padding: 8px; min-width: 240px; margin-top: 6px; background: var(--sv-surface); }
body .navbar .dropdown-item { border-radius: 8px; padding: 9px 12px; font-size: .92rem; color: var(--sv-ink); font-weight: 500; }
body .navbar .dropdown-item:hover, body .navbar .dropdown-item:focus { background: var(--sv-brand-soft); color: var(--sv-brand-2); }
body .navbar .ml-auto .nav-link[href$="/contribute"] { background: var(--sv-brand); color: #fff !important; padding: 8px 15px; border-radius: 999px; margin-left: 4px; }
body .navbar .ml-auto .nav-link[href$="/contribute"]:hover { background: var(--sv-brand-2); }
body .navbar .ml-auto .nav-link[href$="/my"] { color: var(--sv-accent); }
body[frappe-session-status="logged-out"] .navbar .ml-auto .nav-link[href$="/my"] { display: none; }
body .navbar .btn-login-area { border: 1.5px solid var(--sv-brand) !important; color: var(--sv-brand) !important; border-radius: 999px !important; padding: 7px 15px !important; margin-left: 6px; }
body .navbar .btn-login-area:hover { background: var(--sv-brand-soft) !important; }
body .navbar #navbar-search, body .navbar .navbar-search { display: none; }
body .navbar-toggler { border: 0; padding: 10px; }
@media (max-width: 1279.98px) {
	body .navbar .navbar-collapse { padding: 8px 0 16px; max-height: calc(100vh - 72px); overflow-y: auto; }
	body .navbar .navbar-nav .nav-link { padding: 12px; font-size: 1rem; }
	body .navbar .dropdown-menu { box-shadow: none; border: 0; padding: 0 0 0 12px; margin: 0; background: transparent; }
	body .navbar .ml-auto { flex-direction: row; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
	body .navbar .ml-auto .nav-item { flex: 1 1 auto; }
	body .navbar .ml-auto .nav-link { text-align: center; }
}

/* ---------------- emergency banner (templates/includes/banner_extension.html) ---------------- */
.sv-emergency { background: var(--sv-dark); color: #fde7d3; font: 500 .9rem/1.4 var(--sv-sans); }
.sv-emergency-in { max-width: 1220px; margin: 0 auto; padding: 10px 28px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.sv-emergency-tag { background: var(--sv-live); color: #fff; font-weight: 700; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }
.sv-emergency a { color: #fdba74; font-weight: 700; margin-left: auto; }

/* ---------------- frappe Standard Footer (Website Settings → footer) ---------------- */
body .web-footer { background: var(--sv-dark); color: #d6d3d1; padding: 0 0 24px; margin-top: 0; border: 0; font-family: var(--sv-sans); }
body .web-footer > .container { max-width: 1220px; padding: 0 16px; }
@media (min-width: 768px) { body .web-footer > .container { padding: 0 28px; } }
body .web-footer a { color: #e7e5e4 !important; }
body .web-footer a:hover { color: #fdba74 !important; text-decoration: none; }
.sv-foot-band { margin: 0 0 14px; transform: translateY(-40px); background: linear-gradient(120deg, var(--sv-brand-3), var(--sv-brand)); border-radius: 22px; padding: 30px 34px;
	display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; color: #fff; box-shadow: 0 20px 40px rgba(124, 45, 18, .25); }
.sv-foot-band h3 { font: 700 1.5rem/1.2 var(--sv-serif); margin: 0 0 6px; color: #fff; }
.sv-foot-band p { margin: 0; color: rgba(255, 255, 255, .9); max-width: 62ch; }
body .web-footer .sv-foot-band .sv-btn { color: var(--sv-brand-2) !important; }
body .web-footer { margin-top: 80px; }
body[data-path="login"] .web-footer, body[data-path="update-password"] .web-footer { display: none; }
.sv-foot-brand { max-width: 520px; margin: -20px 0 26px; }
.sv-foot-logo { display: inline-flex; align-items: center; gap: 10px; font: 700 1.2rem var(--sv-serif); color: #fff !important; margin-bottom: 10px; }
.sv-foot-brand p { color: #a8a29e; font-size: .93rem; margin: 0 0 8px; }
.sv-foot-small { font-size: .82rem !important; }
body .web-footer .footer-group-label { font: 700 .78rem var(--sv-sans); letter-spacing: .12em; text-transform: uppercase; color: #fafaf9; margin: 0 0 12px; }
body .web-footer .footer-group-links li { padding: 3px 0; font-size: .93rem; }
body .web-footer .footer-grouped-links .row { row-gap: 22px; }
body .web-footer .footer-links { border-top: 1px solid #3a2a20; margin-top: 26px; padding-top: 16px; font-size: .88rem; }
body .web-footer .footer-link { margin-right: 18px; }
body .web-footer .footer-info { color: #a8a29e; font-size: .82rem; margin-top: 12px; }
body .web-footer .footer-powered, body .web-footer .footer-powered a { color: #a8a29e !important; text-align: right; }
@media (max-width: 575px) { body .web-footer .footer-powered { text-align: left; margin-top: 8px; } .sv-foot-band { transform: translateY(-30%); padding: 22px; } }

/* ---------------- Frappe Web Pages (Website module) ---------------- */
body .web-page-content, body .page_content .sv { width: 100%; }

body .page-breadcrumbs:empty { display: none; }

/* skip link */
.sv-skip { position: absolute; left: -999px; top: 0; background: var(--sv-brand); color: #fff; padding: 8px 12px; z-index: 2000; }
.sv-skip:focus { left: 8px; }

/* buttons, tags */
.sv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border-radius: 999px; background: var(--sv-brand);
	color: #fff !important; font-weight: 600; border: 2px solid var(--sv-brand); cursor: pointer; font: 600 1rem/1.2 var(--sv-sans); }
.sv-btn:hover { background: var(--sv-brand-2); border-color: var(--sv-brand-2); text-decoration: none !important; }
.sv-btn-ghost { background: transparent; color: var(--sv-brand) !important; }
.sv-btn-ghost:hover { background: var(--sv-brand-soft); color: var(--sv-brand) !important; }
.sv-btn-light { background: #fff; color: var(--sv-brand-2) !important; border-color: #fff; }
.sv-btn-sm { padding: 7px 14px; font-size: .9rem; }
.sv-tag { display: inline-block; font-size: .75rem; font-weight: 600; letter-spacing: .02em; padding: 3px 10px; border-radius: 999px;
	color: var(--c, var(--sv-brand)); background: color-mix(in srgb, var(--c, var(--sv-brand)) 12%, transparent); }
.sv-live { display: inline-flex; align-items: center; gap: 6px; font-size: .72rem; font-weight: 700; color: #fff; background: var(--sv-live); padding: 3px 9px;
	border-radius: 999px; letter-spacing: .05em; }
.sv-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: sv-blink 1.2s infinite; }
@keyframes sv-blink { 50% { opacity: .25; } }
.sv-meta { display: block; font-size: .85rem; color: var(--sv-ink-3); margin-top: 6px; }
.sv-kicker { font: 700 .78rem/1 var(--sv-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--sv-brand); margin-bottom: 12px; display: block; }

/* hero */
.sv-hero { position: relative; padding: 72px 0 56px; overflow: hidden;
	background: radial-gradient(1100px 500px at 85% -10%, color-mix(in srgb, var(--sv-brand) 22%, transparent), transparent 60%),
	radial-gradient(800px 400px at -10% 110%, color-mix(in srgb, var(--sv-accent) 14%, transparent), transparent 60%); }
.sv-hero h1 { max-width: 15ch; }
.sv-hero .sv-lead { font-size: clamp(1.05rem, 2vw, 1.3rem); color: var(--sv-ink-2); max-width: 46ch; }
.sv-hero-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center; }
.sv-cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0 10px; }
.sv-cta-more { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .95rem; margin-top: 8px; }
.sv-cta-more a { font-weight: 600; }
.sv-hero-card { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 22px; padding: 22px; box-shadow: var(--sv-shadow); }
.sv-par-flow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 12px; }
.sv-par-flow div { background: var(--sv-brand-soft); border-radius: 12px; padding: 10px; font-size: .82rem; }
.sv-par-flow b { display: block; font-family: var(--sv-serif); font-size: .95rem; color: var(--sv-brand-2); }
@media (max-width: 860px) { .sv-hero-grid { grid-template-columns: 1fr; } .sv-hero { padding: 44px 0 36px; } }
@media (max-width: 480px) { .sv-par-flow { grid-template-columns: repeat(2, 1fr); } }

/* sections */
.sv-section { padding: 64px 0; }
.sv-section-alt { background: var(--sv-surface); border-top: 1px solid var(--sv-line); border-bottom: 1px solid var(--sv-line); }
.sv-section-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 26px; flex-wrap: wrap; }
.sv-section-head p { margin: 0; color: var(--sv-ink-2); max-width: 60ch; }
@media (max-width: 600px) { .sv-section { padding: 44px 0; } }

/* stats */
.sv-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.sv-stat { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: var(--sv-radius); padding: 18px; }
.sv-stat b { display: block; font: 700 clamp(1.6rem, 3vw, 2.2rem)/1.1 var(--sv-serif); color: var(--sv-brand); }
.sv-stat span { color: var(--sv-ink-2); font-size: .92rem; }
.sv-stat small { display: block; color: var(--sv-ink-3); font-size: .78rem; margin-top: 4px; }

/* grids & cards */
.sv-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.sv-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.sv-card { display: block; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: var(--sv-radius); overflow: hidden; color: var(--sv-ink) !important;
	transition: transform .15s ease, box-shadow .15s ease; }
a.sv-card:hover { transform: translateY(-2px); box-shadow: var(--sv-shadow); text-decoration: none !important; }
.sv-card-body { padding: 18px; }
.sv-card h3 { margin: 10px 0 6px; }
.sv-card p { color: var(--sv-ink-2); font-size: .95rem; margin: 0; }
.sv-story-img { aspect-ratio: 16 / 9; background: linear-gradient(135deg, color-mix(in srgb, var(--c) 85%, #000 0%), color-mix(in srgb, var(--c) 55%, #fff)); display: grid; place-items: center; overflow: hidden; }
.sv-story-img img { width: 100%; height: 100%; object-fit: cover; }
.sv-story-mark { font: 700 3.2rem/1 var(--sv-serif); color: rgba(255, 255, 255, .85); }
.sv-prog { border-top: 4px solid var(--c); }
.sv-prog .sv-prog-n { display: flex; gap: 16px; margin-top: 12px; font-size: .85rem; color: var(--sv-ink-3); }
.sv-prog .sv-prog-n b { color: var(--sv-ink); }
.sv-event { display: flex; }
.sv-event-date { flex: none; width: 74px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--sv-brand-soft); color: var(--sv-brand-2); }
.sv-event-date b { font: 700 1.7rem/1 var(--sv-serif); }
.sv-event-date span { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.sv-par { display: grid; grid-template-columns: 72px 1fr; gap: 4px 10px; margin: 10px 0 0; font-size: .9rem; }
.sv-par dt { font-weight: 700; color: var(--sv-ink-2); }
.sv-par dd { margin: 0; color: var(--sv-ink-2); }

/* participation ways */
.sv-ways { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.sv-way { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 14px; padding: 16px; }
.sv-way b { display: block; font-family: var(--sv-serif); font-size: 1.05rem; margin-bottom: 4px; }
.sv-way span { color: var(--sv-ink-2); font-size: .88rem; }

/* band */
.sv-band { background: linear-gradient(120deg, var(--sv-brand-2), var(--sv-brand)); color: #fff; padding: 46px 0; }
.sv-band h2 { color: #fff !important; }
.sv-band p { color: rgba(255, 255, 255, .88); margin: 0; }
.sv-band-in { display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.sv-band-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.sv-band .sv-btn { background: #fff; color: var(--sv-brand-2) !important; border-color: #fff; }
.sv-band .sv-btn-ghost { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .7); }

/* maps */
.sv-map { height: 520px; border-radius: var(--sv-radius); border: 1px solid var(--sv-line); overflow: hidden; background: var(--sv-surface); }
.sv-map-sm { height: 300px; }
@media (max-width: 600px) { .sv-map { height: 420px; } }
.sv-map-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; align-items: center; }
.sv-chip { border: 1px solid var(--sv-line); background: var(--sv-surface); color: var(--sv-ink-2); border-radius: 999px; padding: 6px 12px; font: 500 .85rem var(--sv-sans); cursor: pointer;
	display: inline-flex; align-items: center; gap: 6px; }
.sv-chip i { width: 9px; height: 9px; border-radius: 50%; background: var(--c, var(--sv-brand)); }
.sv-chip.is-on { background: var(--sv-ink); color: var(--sv-bg); border-color: var(--sv-ink); }
.sv-chip.is-off { opacity: .45; }
.sv-pop { font: 14px/1.45 var(--sv-sans); max-width: 300px; }
.sv-pop h4 { font: 700 1rem/1.25 var(--sv-serif); margin: 4px 0 8px; }
.sv-pop .q { font: 700 .66rem/1 var(--sv-sans); letter-spacing: .08em; text-transform: uppercase; color: #c2410c; margin: 8px 0 2px; }
.sv-pop p { margin: 0; color: #44403c; }
.leaflet-popup-content-wrapper { border-radius: 14px; }
.sv-marker-evt { background: #7c3aed; color: #fff; font: 700 10px/22px var(--sv-sans); text-align: center; border-radius: 11px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); }
.sv-marker-evt.is-live { background: var(--sv-live); }
.sv-marker-office { width: 12px; height: 12px; background: #1c1917; border: 2px solid #fff; border-radius: 3px; }
.sv-live-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 18px; }
.sv-live-grid > * { min-width: 0; }
.sv-feed-col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.sv-feed { max-height: 560px; overflow: auto; display: flex; flex-direction: column; gap: 10px; padding-right: 2px; scrollbar-width: thin;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%); }
.sv-feed:focus-visible { outline: 2px solid var(--sv-brand); outline-offset: 4px; border-radius: 8px; }
/* the cards keep their height and the column scrolls (a flex column otherwise squeezes every card down to its tag) */
.sv-feed > * { flex-shrink: 0; }
.sv-counter { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: var(--sv-radius); padding: 14px; box-shadow: var(--sv-shadow); }
.sv-counter-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.sv-counter-head small { color: var(--sv-ink-3); font-size: .78rem; }
.sv-counter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sv-counter-grid > div { background: var(--sv-brand-soft); border-radius: 12px; padding: 10px 12px; min-width: 0; }
.sv-counter-grid b { display: block; font: 700 1.5rem/1.1 var(--sv-serif); color: var(--sv-brand); font-variant-numeric: tabular-nums; }
.sv-counter-grid span { display: block; font-size: .8rem; color: var(--sv-ink-2); margin-top: 2px; }
.sv-counter-grid b.sv-bump { animation: sv-bump .6s ease; }
@keyframes sv-bump { 40% { transform: scale(1.12); } }
@media (prefers-reduced-motion: reduce) { .sv-counter-grid b.sv-bump { animation: none; } }
.sv-feed .sv-card-body { padding: 14px; }
@media (max-width: 960px) { .sv-live-grid { grid-template-columns: 1fr; } .sv-feed { max-height: 520px; } }

/* bars */
.sv-bars { display: flex; flex-direction: column; gap: 8px; }
.sv-bar { display: grid; grid-template-columns: 160px 1fr 64px; gap: 10px; align-items: center; font-size: .9rem; }
.sv-bar-track { height: 10px; background: var(--sv-line); border-radius: 6px; overflow: hidden; }
.sv-bar-track span { display: block; height: 100%; background: var(--c, var(--sv-brand)); border-radius: 6px; }
.sv-bar b { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .sv-bar { grid-template-columns: 110px 1fr 48px; } }

/* story page */
.sv-story-hero { padding: 48px 0 18px; }
.sv-story-hero h1 { max-width: 22ch; }
.sv-story-cover { border-radius: 22px; overflow: hidden; aspect-ratio: 21 / 9; margin: 18px 0 8px; }
.sv-story-cover img { width: 100%; height: 100%; object-fit: cover; }
.sv-article { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; padding-top: 24px; padding-bottom: 60px; }
.sv-article > * { min-width: 0; }
.sv-article section { margin-bottom: 30px; }
.sv-article section h2 { font-size: 1.4rem; display: flex; gap: 10px; align-items: center; }
.sv-article section h2 small { font: 700 .72rem var(--sv-sans); color: #fff; background: var(--sv-brand); border-radius: 999px; padding: 3px 9px; letter-spacing: .06em; }
.sv-prose { font-size: 1.08rem; color: var(--sv-ink-2); }
.sv-aside { position: sticky; top: 84px; align-self: start; }
.sv-aside .sv-card-body > div { padding: 8px 0; border-bottom: 1px dashed var(--sv-line); font-size: .92rem; }
.sv-participate-box { background: var(--sv-brand-soft); border: 1px solid color-mix(in srgb, var(--sv-brand) 30%, transparent); border-radius: var(--sv-radius); padding: 22px; }
@media (max-width: 900px) { .sv-article { grid-template-columns: 1fr; } .sv-aside { position: static; } }

/* forms */
.sv-form { display: grid; gap: 14px; }
.sv-form label { font-weight: 600; font-size: .9rem; display: block; margin-bottom: 5px; }
.sv-form input, .sv-form select, .sv-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--sv-line); border-radius: 12px; background: var(--sv-surface); color: var(--sv-ink);
	font: 1rem var(--sv-sans); }
.sv-form input:focus, .sv-form select:focus, .sv-form textarea:focus { outline: 2px solid var(--sv-brand); outline-offset: 1px; }
.sv-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 600px) { .sv-form-2 { grid-template-columns: 1fr; } }
.sv-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.sv-checks label { display: flex; gap: 8px; align-items: center; font-weight: 500; border: 1px solid var(--sv-line); border-radius: 12px; padding: 10px 12px; cursor: pointer; background: var(--sv-surface); margin: 0; }
.sv-checks input { width: auto; }
.sv-checks label:has(input:checked) { border-color: var(--sv-brand); background: var(--sv-brand-soft); }
.sv-consent { display: flex; gap: 10px; align-items: flex-start; font-weight: 400 !important; font-size: .92rem; }
.sv-consent input { width: auto !important; margin-top: 4px; }
.sv-alert { border-radius: 12px; padding: 12px 14px; font-size: .95rem; }
.sv-alert-ok { background: #dcfce7; color: #14532d; }
.sv-alert-err { background: #fee2e2; color: #7f1d1d; }

/* filters */
.sv-filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 18px; }
.sv-filters input, .sv-filters select { padding: 10px 12px; border: 1px solid var(--sv-line); border-radius: 10px; background: var(--sv-surface); color: var(--sv-ink); font: .95rem var(--sv-sans); }
.sv-empty { padding: 40px; text-align: center; color: var(--sv-ink-3); border: 1px dashed var(--sv-line); border-radius: var(--sv-radius); }

/* countdown */
.sv-countdown { display: flex; gap: 10px; }
.sv-countdown div { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 12px; padding: 10px 14px; text-align: center; min-width: 70px; }
.sv-countdown b { display: block; font: 700 1.6rem/1.1 var(--sv-serif); color: var(--sv-brand); }
.sv-countdown span { font-size: .75rem; color: var(--sv-ink-3); text-transform: uppercase; letter-spacing: .06em; }

/* about */
.sv-values { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.sv-value { padding: 18px; border-left: 4px solid var(--sv-brand); background: var(--sv-surface); border-radius: 0 14px 14px 0; }
.sv-value b { font-family: var(--sv-serif); font-size: 1.1rem; display: block; margin-bottom: 4px; }
.sv-layers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; counter-reset: layer; }
.sv-layer { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 14px; padding: 18px; }
.sv-layer::before { counter-increment: layer; content: "Layer " counter(layer); font: 700 .72rem var(--sv-sans); color: var(--sv-brand); letter-spacing: .1em; text-transform: uppercase; }
.sv-layer h3 { margin-top: 6px; }
@media (max-width: 860px) { .sv-layers { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .sv-layers { grid-template-columns: 1fr; } }

/* breadcrumbs */
.sv-crumbs { font-size: .85rem; color: var(--sv-ink-3); margin-bottom: 14px; }
.sv-crumbs a { color: var(--sv-ink-2); }


/* ---------------- WVI / CARE-style home & page components (original design) ---------------- */
.sv-hero2 { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff7ed 0%, var(--sv-bg) 100%); padding: 56px 0 0; }
.sv-hero2-grid { display: grid; grid-template-columns: 1.02fr 1fr; gap: 44px; align-items: center; }
.sv-hero2 h1 { font-size: clamp(2.3rem, 5.4vw, 4.2rem); max-width: 13ch; margin-bottom: 18px; }
.sv-hero2 h1 em { font-style: normal; color: var(--sv-brand); }
.sv-hero2 .sv-lead { font-size: clamp(1.05rem, 1.7vw, 1.25rem); color: var(--sv-ink-2); max-width: 48ch; }
.sv-hero2-art { position: relative; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 60px rgba(124, 45, 18, .18); aspect-ratio: 1200 / 820; background: #fff7ed; }
.sv-hero2-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-hero2-badge { position: absolute; left: 18px; bottom: 18px; background: rgba(255, 255, 255, .95); border-radius: 16px; padding: 12px 16px; box-shadow: var(--sv-shadow); display: flex; gap: 12px; align-items: center; }
.sv-hero2-badge b { font: 700 1.6rem/1 var(--sv-serif); color: var(--sv-brand); }
.sv-hero2-badge span { font-size: .82rem; color: var(--sv-ink-2); line-height: 1.3; }
.sv-trust { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; font-size: .86rem; color: var(--sv-ink-3); }
.sv-trust span::before { content: "●"; color: var(--sv-brand); margin-right: 6px; font-size: .7em; vertical-align: 2px; }
@media (max-width: 900px) { .sv-hero2-grid { grid-template-columns: 1fr; } .sv-hero2 { padding-top: 36px; } }

.sv-hero2:has(.sv-impact-strip) { padding-bottom: 48px; }
.sv-impact-strip { position: relative; z-index: 2; margin-top: 40px; }
.sv-impact-strip-in { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 22px; box-shadow: var(--sv-shadow); display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; }
.sv-impact-strip-in > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 24px 16px; border-right: 1px solid var(--sv-line); }
.sv-impact-strip-in > div:last-child { border-right: 0; }
.sv-impact-strip-in b { display: block; font: 700 clamp(1.6rem, 2.8vw, 2.3rem)/1.05 var(--sv-serif); color: var(--sv-ink); }
.sv-impact-strip-in span { display: block; font-size: 1rem; font-weight: 600; line-height: 1.3; color: var(--sv-ink); }
.sv-after-strip { padding-top: 56px; }
@media (max-width: 900px) { .sv-impact-strip-in { grid-template-columns: repeat(2, 1fr); } .sv-impact-strip-in > div { border-bottom: 1px solid var(--sv-line); }
	.sv-impact-strip-in > div:nth-child(2n) { border-right: 0; }
	.sv-impact-strip-in > div:last-child:nth-child(odd) { grid-column: 1 / -1; border-bottom: 0; }
	.sv-impact-strip { margin-top: 28px; } .sv-hero2:has(.sv-impact-strip) { padding-bottom: 32px; } .sv-after-strip { padding-top: 40px; } }

.sv-sector-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 1080px) { .sv-sector-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 760px) { .sv-sector-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }
@media (max-width: 420px) { .sv-sector-grid { grid-template-columns: 1fr; } }
.sv-sector { display: flex; flex-direction: column; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 18px; overflow: hidden; color: var(--sv-ink) !important;
	transition: transform .15s ease, box-shadow .15s ease; }
.sv-sector:hover { transform: translateY(-3px); box-shadow: var(--sv-shadow); text-decoration: none !important; }
.sv-sector-img { aspect-ratio: 600 / 380; background: var(--sv-brand-soft); }
.sv-sector-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-sector-body { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sv-sector-body h3 { margin: 0; font-size: 1.08rem; }
.sv-sector-body p { margin: 0; font-size: .88rem; color: var(--sv-ink-2); }
.sv-sector-body .sv-more { margin-top: auto; padding-top: 6px; font-weight: 700; font-size: .85rem; color: var(--sv-brand); }

.sv-split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.sv-split-art { border-radius: 24px; overflow: hidden; box-shadow: var(--sv-shadow); }
.sv-split-art img { display: block; width: 100%; height: auto; }
@media (max-width: 900px) { .sv-split { grid-template-columns: 1fr; gap: 26px; } }
.sv-checklist { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
.sv-checklist li { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; }
.sv-checklist li::before { content: attr(data-n); width: 34px; height: 34px; border-radius: 10px; background: var(--sv-brand-soft); color: var(--sv-brand-2);
	font: 700 .9rem/34px var(--sv-sans); text-align: center; }
.sv-checklist b { display: block; }
.sv-checklist span { color: var(--sv-ink-2); font-size: .93rem; }

.sv-emerg-card { display: grid; grid-template-columns: 1.2fr 1fr; background: var(--sv-dark); color: #fde7d3; border-radius: 26px; overflow: hidden; }
.sv-emerg-card > div { padding: 40px; }
.sv-emerg-card h2 { color: #fff !important; }
.sv-emerg-card p { color: #e7d5c5; }
.sv-emerg-card .sv-emerg-art { background: url("/assets/seva_os/images/esh/programmes/yojana-5.jpg") center/cover no-repeat; min-height: 260px; }
@media (max-width: 860px) { .sv-emerg-card { grid-template-columns: 1fr; } .sv-emerg-card > div { padding: 28px; } }

.sv-news-list { display: grid; gap: 14px; }
.sv-news { display: grid; grid-template-columns: 120px 1fr; gap: 16px; align-items: start; padding: 14px; border: 1px solid var(--sv-line); border-radius: 16px; background: var(--sv-surface);
	color: var(--sv-ink) !important; }
.sv-news:hover { box-shadow: var(--sv-shadow); text-decoration: none !important; }
.sv-news-img { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--sv-brand-soft); }
.sv-news-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-news h3 { margin: 4px 0; font-size: 1.05rem; }
.sv-news p { margin: 0; color: var(--sv-ink-2); font-size: .9rem; }
@media (max-width: 520px) { .sv-news { grid-template-columns: 84px 1fr; } }
.sv-res { display: flex; gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--sv-line); border-radius: 16px; background: var(--sv-surface); }
.sv-res-ico { flex: none; width: 48px; height: 58px; border-radius: 8px; background: var(--sv-brand-soft); color: var(--sv-brand-2); display: grid; place-items: center;
	font: 700 .72rem var(--sv-sans); letter-spacing: .06em; border: 1px solid color-mix(in srgb, var(--sv-brand) 30%, transparent); }
.sv-res h3 { margin: 0 0 4px; font-size: 1.02rem; }
.sv-res p { margin: 0; font-size: .88rem; color: var(--sv-ink-2); }
.sv-res .sv-btn { margin-left: auto; flex: none; }
@media (max-width: 560px) { .sv-res { flex-wrap: wrap; } .sv-res .sv-btn { margin-left: 0; } }

.sv-partners { display: flex; flex-wrap: wrap; gap: 12px; }
.sv-partner { border: 1px solid var(--sv-line); background: var(--sv-surface); border-radius: 14px; padding: 14px 18px; min-width: 200px; flex: 1 1 200px; }
.sv-partner b { display: block; font-family: var(--sv-serif); }
.sv-partner span { font-size: .82rem; color: var(--sv-ink-3); }

.sv-page-hero { background: linear-gradient(180deg, #fff1e6, var(--sv-bg)); padding: 56px 0 36px; border-bottom: 1px solid var(--sv-line); }
.sv-page-hero h1 { max-width: 22ch; }
.sv-page-hero .sv-lead { font-size: 1.15rem; color: var(--sv-ink-2); max-width: 62ch; }
.sv-prose-page { max-width: 760px; font-size: 1.04rem; color: var(--sv-ink-2); }
.sv-prose-page h2 { margin-top: 1.6em; }
.sv-prose-page ul { padding-left: 1.2em; }
.sv-prose-page li { margin-bottom: .4em; }
.sv-two { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 44px; }
@media (max-width: 900px) { .sv-two { grid-template-columns: 1fr; } }
.sv-note { background: var(--sv-accent-soft); border-left: 4px solid var(--sv-accent); border-radius: 0 14px 14px 0; padding: 16px 18px; color: var(--sv-ink); }
.sv-sdgs { display: flex; flex-wrap: wrap; gap: 6px; }
.sv-sdgs span { font: 700 .74rem var(--sv-sans); border-radius: 6px; padding: 4px 8px; color: #fff; background: var(--c, #0f766e); }

/* navbar density: see "Header breakpoints" at the end of this file (written for the full logo lockup) */
body .navbar > .container { max-width: 1320px; }
.sv-grid-stories { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.sv-story-img { aspect-ratio: 600 / 380; }
.sv-two > div:last-child h3 { font-size: 1.05rem; }

/* frappe's body is a flex column: never let the footer shrink, never wrap its link lists into overlapping columns */
body .web-footer { flex-shrink: 0; min-height: 0; }
body .web-footer .footer-group-links { max-height: none; flex-wrap: nowrap; }
body .web-footer .footer-grouped-links .row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; gap: 22px 28px; }
body .web-footer .footer-grouped-links .footer-group { max-width: none; flex: none; width: auto; padding: 0; margin-top: 0; }
@media (max-width: 760px) { body .web-footer .footer-grouped-links .row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
body .web-footer .footer-child-item { margin-top: 0; }
body .web-footer .footer-link, body .web-footer .footer-child-item a { color: #e7e5e4 !important; font-weight: 500; }
body .web-footer .footer-group-label { color: #fdba74 !important; }

/* mobile navbar: a drawn hamburger (the sprite icon is not always present) and stacked dropdowns */
body .navbar-toggler { width: 44px; height: 44px; border-radius: 10px; position: relative; color: var(--sv-ink); }
body .navbar-toggler > span { display: none; }
body .navbar-toggler::before { content: ""; position: absolute; left: 11px; right: 11px; top: 21px; height: 2px; background: currentColor; border-radius: 2px;
	box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor; }
body .navbar-toggler:focus { outline: 2px solid var(--sv-brand); }
@media (max-width: 1279.98px) {
	body .navbar > .container { flex-wrap: wrap; }
	body .navbar .navbar-brand { max-width: calc(100% - 56px); margin-right: 0; }
	body .navbar .dropdown-menu { position: static !important; float: none; transform: none !important; inset: auto !important; width: 100%; }
	body .navbar .navbar-nav { width: 100%; }
}
@media (max-width: 420px) { body .navbar .sv-brand-name { font-size: 1rem; } body .navbar .sv-brand-name small { font-size: .56rem; letter-spacing: .1em; } }
@media (max-width: 1279.98px) { body .navbar .nav-item.dropdown { display: block; } }
@media (max-width: 1279.98px) { body .navbar .navbar-nav .nav-item { height: auto; } }

/* navbar items never wrap (My Seva) */
.navbar .navbar-nav .nav-link{white-space:nowrap}

/* Header breakpoints. The full logo and seven menus need about 1280px on one line, so the menu collapses into the hamburger
   below that (Bootstrap's navbar-expand-lg would only collapse below 992px), and 1280-1499px uses slightly tighter links. */
@media (min-width: 992px) and (max-width: 1279.98px) {
	body .navbar.navbar-expand-lg { flex-wrap: wrap; }
	body .navbar.navbar-expand-lg .navbar-toggler { display: block; }
	body .navbar.navbar-expand-lg .navbar-collapse { display: none !important; flex-basis: 100%; }
	body .navbar.navbar-expand-lg .navbar-collapse.show, body .navbar.navbar-expand-lg .navbar-collapse.collapsing { display: block !important; }
	body .navbar.navbar-expand-lg .navbar-nav { flex-direction: column; }
	body .navbar.navbar-expand-lg .ml-auto { flex-direction: row; }
	body .navbar.navbar-expand-lg .dropdown-menu { position: static; }
	body .navbar.navbar-expand-lg .navbar-nav { align-items: stretch; }
	body .navbar.navbar-expand-lg .navbar-nav .nav-link { padding: 12px; font-size: 1rem; }
}
/* collapsed header: the logo row keeps its full height when the menu opens below it */
@media (max-width: 1279.98px) { body .navbar .navbar-brand { min-height: 72px; } }
@media (min-width: 1280px) {
	body .navbar .navbar-brand { margin-right: 14px; }
	body .navbar .dropdown-toggle::after { margin-left: 4px; width: 6px; height: 6px; }
}
@media (min-width: 1280px) and (max-width: 1499.98px) {
	body .navbar .navbar-brand { margin-right: 12px; }
	body .navbar .navbar-brand img.sv-brand-logo { height: 50px; }
	body .navbar .navbar-nav .nav-link { font-size: .85rem; padding: 8px 6px; }
	body .navbar .dropdown-toggle::after { margin-left: 4px; }
	body .navbar .ml-auto .nav-link[href$="/participate"], body .navbar .btn-login-area { padding: 7px 13px !important; }
}

/* /live event ticker above the map: one item per event, scrolling sideways; pauses on hover / focus */
.sv-ticker { display: flex; align-items: stretch; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 14px; margin-bottom: 12px;
	overflow: hidden; box-shadow: var(--sv-shadow); min-width: 0; }
.sv-ticker-label { flex: none; display: flex; align-items: center; padding: 0 14px; background: var(--sv-brand); color: #fff; font: 700 .74rem/1 var(--sv-sans);
	letter-spacing: .1em; text-transform: uppercase; }
.sv-ticker-view { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent);
	mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent); }
.sv-ticker-track { display: flex; width: max-content; animation: sv-ticker var(--sv-ticker-s, 60s) linear infinite; }
.sv-ticker:hover .sv-ticker-track, .sv-ticker:focus-within .sv-ticker-track { animation-play-state: paused; }
@keyframes sv-ticker { to { transform: translateX(-50%); } }
.sv-ticker-list { display: flex; list-style: none; margin: 0; padding: 0; }
.sv-ticker-list li { flex: none; border-right: 1px solid var(--sv-line); }
.sv-ticker-list a { display: flex; align-items: center; gap: 8px; padding: 10px 18px; color: var(--sv-ink) !important; white-space: nowrap; font-size: .9rem; }
.sv-ticker-list a:hover b, .sv-ticker-list a:focus-visible b { color: var(--sv-brand); text-decoration: underline; }
.sv-ticker-list a:focus-visible { outline: 2px solid var(--sv-brand); outline-offset: -2px; }
.sv-ticker-list b { font-family: var(--sv-serif); font-weight: 700; }
.sv-ticker-meta { color: var(--sv-ink-3); font-size: .82rem; }
.sv-ticker-update { color: var(--sv-live); font-size: .82rem; font-weight: 600; max-width: 420px; overflow: hidden; text-overflow: ellipsis; }
.sv-ticker-impact { color: var(--sv-brand-2); font-size: .82rem; font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
	.sv-ticker-track { animation: none; }
	.sv-ticker-view { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	.sv-ticker-list[aria-hidden="true"] { display: none; }
}

/* /share */
.sv-share-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 36px; align-items: start; }
.sv-share-grid > * { min-width: 0; }
@media (max-width: 900px) { .sv-share-grid { grid-template-columns: 1fr; } }
.sv-share-form { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: var(--sv-radius); padding: clamp(16px, 3vw, 28px); box-shadow: var(--sv-shadow); }
.sv-share-files { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.sv-share-files li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 80px auto; align-items: center; gap: 10px; padding: 8px 10px;
	border: 1px solid var(--sv-line); border-radius: 10px; font-size: .88rem; }
.sv-share-kind { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--sv-brand-2); }
.sv-share-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sv-share-bar { height: 6px; background: var(--sv-line); border-radius: 6px; overflow: hidden; }
.sv-share-bar i { display: block; height: 100%; width: 0; background: var(--sv-brand); transition: width .2s; }
.sv-share-files button { border: 0; background: none; font-size: 1.2rem; line-height: 1; color: var(--sv-ink-3); cursor: pointer; padding: 2px 6px; }
.sv-steps { margin: 0; padding-left: 20px; display: grid; gap: 8px; color: var(--sv-ink-2); }
.sv-share-mine { display: grid; gap: 8px; }
.sv-share-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--sv-line);
	border-radius: 12px; background: var(--sv-surface); }
.sv-share-row > div { min-width: 0; }
.sv-share-row b { display: block; font-size: .92rem; }
.sv-share-row small { display: block; color: var(--sv-ink-3); font-size: .8rem; }
.sv-tag-ok { background: #dcfce7 !important; color: #14532d !important; white-space: nowrap; }

/* /updates and /updates/<name> */
.sv-updates { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 18px; }
.sv-update { display: flex; flex-direction: column; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: var(--sv-radius); overflow: hidden;
	color: var(--sv-ink) !important; transition: box-shadow .2s, transform .2s; }
.sv-update:hover { box-shadow: var(--sv-shadow); transform: translateY(-2px); text-decoration: none !important; }
.sv-update-img { aspect-ratio: 16 / 10; background: var(--sv-brand-soft); position: relative; overflow: hidden; }
.sv-update-img img, .sv-update-img video { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-update-img .sv-update-count { position: absolute; right: 10px; bottom: 10px; background: rgba(0,0,0,.6); color: #fff; font-size: .75rem; font-weight: 700;
	padding: 3px 8px; border-radius: 999px; }
.sv-update-body { padding: 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.sv-update-body h3 { margin: 0; font-family: var(--sv-serif); font-size: 1.12rem; line-height: 1.3; }
.sv-update-body p { margin: 0; color: var(--sv-ink-2); font-size: .92rem; }
.sv-update-by { margin-top: auto; padding-top: 8px; font-size: .84rem; color: var(--sv-ink-3); }
.sv-update-by b { color: var(--sv-ink); }
.sv-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 18px 0; }
.sv-gallery a, .sv-gallery video { border-radius: 12px; overflow: hidden; display: block; background: #000; }
.sv-gallery img, .sv-gallery video { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.sv-credit { display: flex; align-items: center; gap: 12px; border: 1px solid var(--sv-line); border-radius: 14px; padding: 14px; background: var(--sv-brand-soft); }
.sv-credit-badge { width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--sv-brand); color: #fff; display: grid; place-items: center;
	font: 700 1rem var(--sv-serif); }
.sv-credit small { display: block; color: var(--sv-ink-3); }

/* footer sign-up (updates digest) */
.sv-foot-sub { display: grid; gap: 8px; min-width: min(100%, 380px); }
.sv-foot-sub-row { display: flex; gap: 8px; }
.sv-foot-sub input[type=email] { flex: 1; min-width: 0; padding: 11px 14px; border-radius: 999px; border: 0; font: inherit; color: #1c1917; background: #fff; }
.sv-foot-sub input[type=email]:focus { outline: 2px solid #fff; outline-offset: 2px; }
.sv-foot-sub .sv-consent { color: rgba(255,255,255,.9); font-size: .85rem; }
.sv-foot-sub .sv-form-result:empty { display: none; }
.sv-foot-part { color: #fff !important; font-size: .85rem; opacity: .9; text-decoration: underline; }
.sv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 600px) { .sv-foot-sub-row { flex-direction: column; } }

/* video (click-to-load YouTube) */
.sv-video { margin: 22px 0; }
.sv-video-play, .sv-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 16px; overflow: hidden; background: #000; position: relative; padding: 0; cursor: pointer; }
.sv-video-play img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .92; transition: opacity .2s; }
.sv-video-play:hover img, .sv-video-play:focus-visible img { opacity: 1; }
.sv-video-play:focus-visible { outline: 3px solid var(--sv-brand); outline-offset: 3px; }
.sv-video-icon { position: absolute; left: 50%; top: 50%; width: 78px; height: 54px; margin: -27px 0 0 -39px; border-radius: 14px; background: #dc2626; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.sv-video-icon::after { content: ""; position: absolute; left: 32px; top: 15px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
.sv-video figcaption, .sv-slide figcaption { color: var(--sv-ink-3); font-size: .85rem; margin-top: 8px; }

/* slider */
.sv-slider { position: relative; margin: 22px 0; }
.sv-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; border-radius: 16px; scrollbar-width: none; }
.sv-slides::-webkit-scrollbar { display: none; }
.sv-slide { flex: 0 0 100%; scroll-snap-align: start; margin: 0; }
.sv-slide img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: 16px; background: var(--sv-brand-soft); }
.sv-slide figcaption { padding: 0 4px; }
.sv-slider-btn { position: absolute; top: calc(50% - 40px); width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); color: var(--sv-ink);
	font-size: 28px; line-height: 1; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.2); display: grid; place-items: center; }
.sv-slider-btn:focus-visible { outline: 3px solid var(--sv-brand); }
.sv-prev { left: 12px; } .sv-next { right: 12px; }
.sv-slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; }
.sv-slider-dots button { width: 10px; height: 10px; border-radius: 50%; border: 0; padding: 0; background: var(--sv-line); cursor: pointer; }
.sv-slider-dots button[aria-current] { background: var(--sv-brand); width: 26px; border-radius: 6px; }

/* collage: one big tile + up to four small */
.sv-collage { display: grid; gap: 8px; margin: 22px 0; grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 170px; }
.sv-collage-item { position: relative; display: block; overflow: hidden; border-radius: 14px; background: var(--sv-brand-soft); }
.sv-collage-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.sv-collage-item:hover img { transform: scale(1.04); }
.sv-collage-item:first-child { grid-row: span 2; }
.sv-collage-3 { grid-template-columns: 2fr 1fr; }
.sv-collage-4 .sv-collage-item:last-child { grid-column: span 2; }
.sv-collage-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 10px 8px; font-size: .8rem; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.6)); }
.sv-collage-more { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(28,25,23,.55); color: #fff; font: 700 1.3rem var(--sv-serif); }
@media (max-width: 640px) { .sv-collage { grid-template-columns: 1fr 1fr; grid-auto-rows: 130px; } .sv-collage-item:first-child { grid-column: span 2; grid-row: span 1; }
	.sv-collage-4 .sv-collage-item:last-child { grid-column: auto; } }

/* lightbox */
.sv-lightbox { border: 0; padding: 0; background: transparent; max-width: 96vw; max-height: 96vh; overflow: visible; }
.sv-lightbox::backdrop { background: rgba(12,10,9,.88); }
.sv-lightbox figure { margin: 0; }
.sv-lightbox img { max-width: 92vw; max-height: 84vh; display: block; border-radius: 12px; background: #fff; }
.sv-lightbox figcaption { color: #e7e5e4; text-align: center; margin-top: 8px; font-size: .9rem; }
.sv-lightbox button { position: fixed; border: 0; background: rgba(255,255,255,.14); color: #fff; width: 48px; height: 48px; border-radius: 50%; font-size: 30px; cursor: pointer; }
.sv-lb-close { top: 16px; right: 16px; } .sv-lb-prev { left: 16px; top: 50%; } .sv-lb-next { right: 16px; top: 50%; }
.sv-update-video { width: 100%; border-radius: 16px; background: #000; margin: 10px 0; display: block; }
.sv-slide a { display: block; text-decoration: none !important; border: 0; line-height: 0; }
.sv-collage-item:not(:first-child) .sv-collage-cap { display: none; }

/* linked photo sliders (home "Moments from the ground", event carousel) */
.sv-pslide { position: relative; display: block; overflow: hidden; border-radius: 18px; color: #fff !important; text-decoration: none !important; }
.sv-pslide img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; transition: transform .6s; background: var(--sv-brand-soft); }
.sv-pslide:hover img { transform: scale(1.03); }
.sv-pslide-text { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px clamp(18px, 4vw, 40px) clamp(18px, 3vw, 30px);
	background: linear-gradient(transparent, rgba(28,25,23,.78)); display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.sv-pslide-text b { font: 700 clamp(1.2rem, 2.6vw, 2rem)/1.2 var(--sv-serif); text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.sv-pslide-text small { font-size: .95rem; opacity: .92; }
.sv-pslide-kicker { font: 700 .75rem var(--sv-sans); letter-spacing: .1em; text-transform: uppercase; background: rgba(255,255,255,.18); padding: 4px 10px; border-radius: 999px;
	backdrop-filter: blur(4px); }
.sv-pslide:focus-visible { outline: 3px solid var(--sv-brand); outline-offset: 3px; }
.sv-pslider .sv-slider-btn { top: calc(50% - 38px); }
@media (max-width: 700px) { .sv-pslide img { aspect-ratio: 4 / 3; } .sv-pslide-text { padding-top: 40px; } }
/* several cards per view */
.sv-pslider-cards .sv-slides { gap: 16px; border-radius: 0; }
.sv-pslider-cards .sv-slide { flex: 0 0 calc((100% - 32px) / 3); }
.sv-pslider-cards .sv-pslide img { aspect-ratio: 4 / 3; }
.sv-pslider-cards .sv-pslide-text { padding: 46px 16px 16px; }
.sv-pslider-cards .sv-pslide-text b { font-size: 1.15rem; }
.sv-pslider-cards .sv-pslide-text small { font-size: .85rem; }
@media (max-width: 960px) { .sv-pslider-cards .sv-slide { flex-basis: calc((100% - 16px) / 2); } }
@media (max-width: 600px) { .sv-pslider-cards .sv-slide { flex-basis: 86%; } }
.sv-moments { padding-top: 0; }

/* hero crossfade slider (first slide = the hero illustration) */
.sv-fade .sv-fade-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .9s ease; }
.sv-fade .sv-fade-slide.is-on { opacity: 1; z-index: 1; }
.sv-fade .sv-fade-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-fade .sv-fade-slide.is-on img { animation: sv-kenburns 7s ease-out both; }
@keyframes sv-kenburns { from { transform: scale(1.06); } to { transform: scale(1); } }
.sv-fade-cap { position: absolute; left: 16px; top: 16px; right: 16px; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; max-width: max-content;
	background: rgba(255,255,255,.94); border-radius: 14px; padding: 9px 14px; color: var(--sv-ink) !important; text-decoration: none !important; box-shadow: var(--sv-shadow); }
.sv-fade-cap b { font: 700 .98rem/1.25 var(--sv-serif); }
.sv-fade-cap:hover b { color: var(--sv-brand); }
.sv-fade-kicker { font: 700 .68rem var(--sv-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--sv-brand-2); }
.sv-fade-nav { position: absolute; right: 16px; bottom: 18px; z-index: 3; display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.92);
	border-radius: 999px; padding: 5px 8px; box-shadow: var(--sv-shadow); }
.sv-fade-nav > button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent; font-size: 22px; line-height: 1; cursor: pointer; color: var(--sv-ink); }
.sv-fade-nav > button:hover { background: var(--sv-brand-soft); }
.sv-fade-dots { display: flex; gap: 6px; }
.sv-fade-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: var(--sv-line); cursor: pointer; }
.sv-fade-dots button[aria-current] { background: var(--sv-brand); width: 22px; border-radius: 5px; }
.sv-fade button:focus-visible, .sv-fade-cap:focus-visible { outline: 3px solid var(--sv-brand); outline-offset: 2px; }
.sv-hero2-badge { z-index: 3; }
@media (max-width: 520px) { .sv-fade-dots { display: none; } .sv-hero2-badge { padding: 8px 12px; } .sv-hero2-badge b { font-size: 1.25rem; } .sv-fade-cap b { font-size: .88rem; } }
@media (prefers-reduced-motion: reduce) { .sv-fade .sv-fade-slide { transition: none; } .sv-fade .sv-fade-slide.is-on img { animation: none; } }
@media (max-width: 520px) { .sv-hero2-art.sv-fade { aspect-ratio: 1 / 1; } }
.sv-story-feature { padding-top: 0; padding-bottom: 8px; }
.sv-h-all { font-size: 1.5rem; margin: 0 0 14px; }
/* phones: slide text sits under the picture (not over it) and the arrows centre on the picture */
@media (max-width: 700px) {
	.sv-pslider:not(.sv-pslider-cards) .sv-pslide { background: var(--sv-dark); }
	.sv-pslider:not(.sv-pslider-cards) .sv-pslide-text { position: static; background: none; padding: 14px 16px 16px; }
	.sv-pslider:not(.sv-pslider-cards) .sv-pslide-text b { font-size: 1.12rem; text-shadow: none; }
	.sv-pslider:not(.sv-pslider-cards) .sv-slider-btn { top: calc((100vw - 32px) * .375 - 22px); width: 38px; height: 38px; font-size: 24px; }
}

/* Donate (/donate) */
body .navbar .ml-auto .nav-link[href$="/participate"] { border: 1.5px solid var(--sv-brand); color: var(--sv-brand) !important; padding: 7px 15px; border-radius: 999px; margin-left: 4px; }
body .navbar .ml-auto .nav-link[href$="/participate"]:hover { background: var(--sv-brand-soft); }
.sv-amounts { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
.sv-amounts input { position: absolute; opacity: 0; pointer-events: none; }
.sv-amounts label { position: relative; display: block; text-align: center; font-variant-numeric: tabular-nums; }
.sv-amounts label:has(input:focus-visible) { outline: 2px solid var(--sv-brand); outline-offset: 1px; }
.sv-bank { display: grid; grid-template-columns: max-content 1fr; gap: 6px 18px; margin: 0 0 10px; }
.sv-bank dt { color: var(--sv-ink-2); font-weight: 500; }
.sv-bank dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; word-break: break-all; }

/* Share: photo / video pickers and the in-page recorder */
.sv-share-media { border: 1px solid var(--sv-line); border-radius: 14px; padding: 12px 14px 10px; margin: 0; min-width: 0; }
.sv-share-media legend { font-weight: 600; font-size: .9rem; padding: 0 6px; width: auto; margin: 0; border: 0; }
.sv-share-pick { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.sv-share-btn { margin: 0 !important; cursor: pointer; font-size: .92rem; padding: 9px 16px; }
.sv-share-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sv-share-pick label:has(+ .sv-share-input:focus-visible) { outline: 2px solid var(--sv-brand); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { .sv-share-mobile { display: none !important; } }
.sv-rec { margin: 8px 0; border-radius: 14px; overflow: hidden; background: #111; }
.sv-rec video { display: block; width: 100%; max-height: 420px; background: #000; }
.sv-rec-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; background: #1c1917; }
.sv-rec-bar .sv-btn { margin: 0; padding: 8px 14px; font-size: .9rem; }
.sv-rec-bar .sv-btn-ghost { color: #fff !important; border-color: rgba(255,255,255,.5); }
.sv-rec-time { color: #fff; font-variant-numeric: tabular-nums; margin-right: auto; font-weight: 600; }
.sv-rec-bar #s-rec-stop { background: #dc2626; border-color: #dc2626; }

/* /my/updates/<name>: a volunteer's full view of their own shared update */
.sv-myu { max-width: 1328px; }
.sv-myu-head, .sv-myu-text, .sv-myu > .sv-alert, .sv-myu > .sv-card { max-width: 900px; }
.sv-myu-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.sv-myu-head h1 { font-size: clamp(1.6rem, 4vw, 2.3rem); margin: 6px 0; }
.sv-myu-h2 { font-size: 1.2rem; margin: 26px 0 10px; }
.sv-myu-text { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 14px; padding: 16px 18px; line-height: 1.7; white-space: normal; overflow-wrap: anywhere; }
.sv-myu-media { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.sv-myu-media figure { margin: 0; }
.sv-myu-media img, .sv-myu-media video { width: 100%; max-height: 420px; object-fit: contain; background: #000; border-radius: 12px; display: block; }
.sv-myu-media figcaption { font-size: .82rem; color: var(--sv-ink-2); margin-top: 4px; }
.sv-tag-muted { opacity: .7; }
.sv-share-row a.sv-share-title { color: inherit; text-decoration: none; }
.sv-share-row a.sv-share-title:hover { text-decoration: underline; color: var(--sv-brand); }

/* 16:9 media frame (1280×720 box, YouTube-style): the whole photo / video letterboxed on black, with a full-size button */
.sv-frame { margin: 0 0 18px; max-width: 1280px; }
.sv-frame-box { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; }
.sv-frame-box > img, .sv-frame-box > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; background: #000; }
.sv-frame-box > img { cursor: zoom-in; }
.sv-frame-box:fullscreen { border-radius: 0; }
.sv-frame-box:-webkit-full-screen { width: 100%; height: 100%; }
.sv-frame-full { position: absolute; right: 10px; top: 10px; z-index: 2; border: 0; border-radius: 999px; padding: 6px 12px; font: 600 .82rem var(--sv-sans, sans-serif);
	background: rgba(0,0,0,.62); color: #fff; cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }
.sv-frame-full:hover, .sv-frame-full:focus-visible { background: rgba(0,0,0,.85); outline: 2px solid #fff; outline-offset: 1px; }
.sv-frame-kind { position: absolute; left: 10px; top: 10px; z-index: 2; background: rgba(0,0,0,.62); color: #fff; font-size: .75rem; font-weight: 600;
	padding: 3px 9px; border-radius: 999px; text-transform: uppercase; letter-spacing: .04em; pointer-events: none; }
.sv-frame figcaption { font-size: .82rem; color: var(--sv-ink-2); margin-top: 6px; }
.sv-frames { display: grid; gap: 4px; }
.sv-update-video { width: 100%; max-width: 1280px; aspect-ratio: 16 / 9; object-fit: contain; background: #000; border-radius: 12px; display: block; margin: 0 0 14px; }


/* ================= Ekal Shrihari (2026-10-07): full-bleed hero slider, objectives, presence, people, chapters, contribute ================= */
.sv-hi, .sv .sv-hi { font-family: var(--sv-hindi); font-weight: 400; letter-spacing: 0; }
.sv-hi-lead { font-family: var(--sv-hindi); font-size: 1.15rem; line-height: 1.75; color: var(--sv-ink-2); }
.sv h1 .sv-hi, .sv h2 .sv-hi { font-weight: 400; }

/* hero: the organisation's own banners, full width, crossfading; text panel on the left */
.sv-hero3 { position: relative; height: calc(100svh - 76px); min-height: 460px; max-height: 860px; display: flex; align-items: center; overflow: hidden; background: var(--sv-dark); color: #fff; }
@supports not (height: 100svh) { .sv-hero3 { height: calc(100vh - 76px); } }
.sv-hero3 .sv-fade { position: absolute; inset: 0; z-index: 0; }
.sv-hero3 .sv-fade-slide img { object-position: center 30%; }
.sv-hero3::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	background: linear-gradient(90deg, rgba(26, 12, 6, .88) 0%, rgba(26, 12, 6, .72) 36%, rgba(26, 12, 6, .18) 68%, rgba(26, 12, 6, .05) 100%),
	linear-gradient(180deg, rgba(26, 12, 6, .15), rgba(26, 12, 6, 0) 30%, rgba(26, 12, 6, .55) 100%); }
.sv-hero3-in { position: relative; z-index: 2; padding: 28px 16px 84px; }
@media (min-width: 768px) { .sv-hero3-in { padding: 36px 28px 90px; } }
.sv-hero3-text { max-width: 640px; }
.sv-hero3 .sv-kicker { color: var(--sv-gold); }
.sv-hero3 h1 { color: #fff; font-size: clamp(2rem, 4.2vw, 3.4rem); max-width: 16ch; margin-bottom: 10px; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.sv-hero3 h1 em { font-style: normal; color: var(--sv-gold); }
.sv-hero3 .sv-hi-lead { color: #fde7d3; font-size: clamp(1rem, 1.5vw, 1.2rem); margin: 0 0 8px; }
.sv-hero3 .sv-lead { color: rgba(255, 255, 255, .88); font-size: clamp(.95rem, 1.3vw, 1.05rem); max-width: 54ch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: .6em; }
.sv-hero3 .sv-cta-row { margin: 16px 0 6px; }
.sv-hero3 .sv-trust { margin-top: 10px; }
@media (max-height: 700px) { .sv-hero3 .sv-lead, .sv-hero3 .sv-trust { display: none; } .sv-hero3 h1 { font-size: clamp(1.8rem, 3.6vw, 2.6rem); } }
.sv-hero3 .sv-btn-ghost { color: #fff !important; border-color: rgba(255, 255, 255, .7); }
.sv-hero3 .sv-btn-ghost:hover { background: rgba(255, 255, 255, .12); }
.sv-hero3 .sv-trust { color: rgba(255, 255, 255, .78); }
.sv-hero3 .sv-trust span::before { color: var(--sv-gold); }
.sv-hero3 .sv-fade-nav { right: auto; left: 50%; transform: translateX(-50%); bottom: 22px; background: rgba(26, 12, 6, .55); backdrop-filter: blur(6px); }
.sv-hero3 .sv-fade-nav > button { color: #fff; }
.sv-hero3 .sv-fade-nav > button:hover { background: rgba(255, 255, 255, .15); }
.sv-hero3 .sv-fade-dots button { background: rgba(255, 255, 255, .45); }
.sv-hero3 .sv-fade-dots button[aria-current] { background: var(--sv-gold); }
.sv-hero3 .sv-fade-cap { display: none; }
@media (max-width: 760px) { .sv-hero3 { height: auto; min-height: 0; max-height: none; } .sv-hero3-in { padding: 36px 16px 76px; } .sv-hero3 .sv-lead { -webkit-line-clamp: 4; } .sv-hero3 .sv-fade-slide img { object-position: center top; }
	.sv-hero3::before { background: linear-gradient(180deg, rgba(26, 12, 6, .72) 0%, rgba(26, 12, 6, .84) 45%, rgba(26, 12, 6, .94) 100%); }
	.sv-hero3 h1 { font-size: clamp(1.9rem, 9vw, 2.6rem); max-width: none; } .sv-hero3 .sv-lead { font-size: .98rem; } .sv-hero3 .sv-hi-lead { font-size: 1.05rem; } }

/* headline figures: the organisation's published numbers */
.sv-figures { position: relative; z-index: 3; margin-top: -54px; }
.sv-figures-in { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 22px; box-shadow: var(--sv-shadow); display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; }
.sv-figures-in > a, .sv-figures-in > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 24px 14px; border-right: 1px solid var(--sv-line); color: var(--sv-ink) !important; text-decoration: none !important; }
.sv-figures-in > *:last-child { border-right: 0; }
.sv-figures-in b { display: block; font: 700 clamp(1.5rem, 2.6vw, 2.2rem)/1.05 var(--sv-serif); color: var(--sv-brand); font-variant-numeric: tabular-nums; }
.sv-figures-in span { display: block; font-size: .95rem; font-weight: 600; line-height: 1.3; }
.sv-figures-in small { display: block; font-size: .78rem; color: var(--sv-ink-3); }
.sv-figures-in .sv-hi { font-size: .88rem; color: var(--sv-ink-2); }
@media (max-width: 900px) { .sv-figures-in { grid-template-columns: repeat(2, 1fr); } .sv-figures-in > * { border-bottom: 1px solid var(--sv-line); }
	.sv-figures-in > *:nth-child(2n) { border-right: 0; } .sv-figures-in > *:last-child:nth-child(odd) { grid-column: 1 / -1; border-bottom: 0; } .sv-figures { margin-top: -40px; } }

/* about teaser + objectives */
.sv-about-grid { display: grid; grid-template-columns: 380px 1fr; gap: 48px; align-items: start; }
.sv-about-art { border-radius: 22px; overflow: hidden; box-shadow: var(--sv-shadow); background: var(--sv-surface); }
.sv-about-art img { display: block; width: 100%; height: auto; }
.sv-about-art figcaption { font-size: .82rem; color: var(--sv-ink-3); padding: 10px 14px; }
@media (max-width: 960px) {
	.sv-about-grid { grid-template-columns: 1fr; gap: 28px; }
	.sv-about-grid > .sv-about-art { order: 2; max-width: 300px; margin: 0 auto; }
	.sv-about-grid > div { order: 1; }
	.sv-award { flex-direction: column; align-items: flex-start; gap: 6px; }
	.sv-award b { font-size: 1.05rem; }
}
.sv-objectives { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 22px; }
.sv-objective { background: var(--sv-surface); border: 1px solid var(--sv-line); border-top: 4px solid var(--sv-brand); border-radius: 16px; padding: 20px; }
.sv-objective b { display: block; font: 700 1.6rem/1.1 var(--sv-serif); color: var(--sv-brand); margin-bottom: 4px; }
.sv-objective h3 { font-size: 1.08rem; margin: 0 0 6px; }
.sv-objective p { margin: 0; color: var(--sv-ink-2); font-size: .93rem; }
.sv-objective .sv-hi { display: block; color: var(--sv-ink-3); font-size: .9rem; margin-top: 8px; }
@media (max-width: 760px) { .sv-objectives { grid-template-columns: 1fr; } }
.sv-award { display: flex; gap: 14px; align-items: center; background: var(--sv-gold-soft); border: 1px solid color-mix(in srgb, var(--sv-gold) 50%, transparent); border-radius: 14px; padding: 14px 18px; margin-top: 18px; }
.sv-award b { font-family: var(--sv-serif); }
.sv-award span { color: var(--sv-ink-2); font-size: .92rem; }

/* programmes (yojana) cards with the organisation's photographs */
.sv-sector-img { aspect-ratio: 4 / 3; }
.sv-sector-body .sv-hi { color: var(--sv-ink-3); font-size: .92rem; }
.sv-prog-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.sv-prog-cover { border-radius: 24px; overflow: hidden; box-shadow: var(--sv-shadow); aspect-ratio: 4 / 3; background: var(--sv-brand-soft); }
.sv-prog-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 900px) { .sv-prog-hero { grid-template-columns: 1fr; } }
.sv-hindi-box { background: var(--sv-surface); border: 1px solid var(--sv-line); border-left: 4px solid var(--sv-gold); border-radius: 0 16px 16px 0; padding: 22px 26px; }
.sv-hindi-box h2 { font-family: var(--sv-hindi); font-weight: 400; font-size: 1.6rem; }
.sv-hindi-box p { font-family: var(--sv-hindi); font-size: 1.1rem; line-height: 1.8; color: var(--sv-ink-2); }

/* our presence */
.sv-presence { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; }
.sv-presence-map { border-radius: 22px; overflow: hidden; border: 1px solid var(--sv-line); background: #fff; }
.sv-presence-map img { display: block; width: 100%; height: auto; }
.sv-presence-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sv-presence-card { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 16px; padding: 18px; }
.sv-presence-card b { display: block; font: 700 1.9rem/1 var(--sv-serif); color: var(--sv-brand); }
.sv-presence-card h3 { font-size: 1rem; margin: 6px 0 4px; }
.sv-presence-card p { margin: 0; font-size: .88rem; color: var(--sv-ink-2); }
@media (max-width: 900px) { .sv-presence { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .sv-presence-cards { grid-template-columns: 1fr; } }
.sv-centres { display: flex; flex-wrap: wrap; gap: 10px; }
.sv-centres span { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 999px; padding: 8px 16px; font-weight: 600; font-size: .92rem; }
.sv-centres span::before { content: "◆"; color: var(--sv-gold); margin-right: 8px; font-size: .75em; vertical-align: 1px; }

/* people: office bearers */
.sv-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px; }
.sv-person { text-align: center; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 18px; padding: 16px 12px 14px; }
.sv-person-photo { width: 118px; height: 118px; border-radius: 50%; overflow: hidden; margin: 0 auto 12px; background: var(--sv-brand-soft); border: 3px solid var(--sv-gold); display: grid; place-items: center; }
.sv-person-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sv-person-photo span { font: 700 2rem var(--sv-serif); color: var(--sv-brand); }
.sv-person b { display: block; font-family: var(--sv-serif); font-size: 1.02rem; line-height: 1.25; }
.sv-person small { display: block; color: var(--sv-brand-2); font-weight: 600; font-size: .8rem; margin-top: 4px; letter-spacing: .02em; }
.sv-region { margin-top: 44px; }
.sv-region-head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; border-bottom: 2px solid var(--sv-brand); padding-bottom: 8px; margin-bottom: 20px; }
.sv-region-head h2 { margin: 0; }
.sv-region-head .sv-hi { color: var(--sv-ink-3); font-size: 1.1rem; }
.sv-chapter { margin: 26px 0 0; }
.sv-chapter-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.sv-chapter-head h3 { margin: 0; font-size: 1.25rem; }
.sv-chapter-head .sv-tag { --c: var(--sv-accent); }
.sv-chapter-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.sv-chapter-nav a { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 999px; padding: 6px 14px; font-weight: 600; font-size: .88rem; color: var(--sv-ink) !important; }
.sv-chapter-nav a:hover { border-color: var(--sv-brand); color: var(--sv-brand) !important; text-decoration: none; }

/* chapter / office cards (contact & organisation) */
.sv-offices { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.sv-office { display: grid; grid-template-columns: 76px 1fr; gap: 14px; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 18px; padding: 16px; }
.sv-office-photo { width: 76px; height: 76px; border-radius: 50%; overflow: hidden; background: var(--sv-brand-soft); border: 2px solid var(--sv-gold); display: grid; place-items: center; }
.sv-office-photo img { width: 100%; height: 100%; object-fit: cover; }
.sv-office-photo span { font: 700 1.5rem var(--sv-serif); color: var(--sv-brand); }
.sv-office h3 { margin: 0 0 2px; font-size: 1.12rem; }
.sv-office .sv-office-person { font-weight: 600; }
.sv-office .sv-office-role { color: var(--sv-brand-2); font-size: .8rem; font-weight: 600; letter-spacing: .03em; }
.sv-office address { font-style: normal; color: var(--sv-ink-2); font-size: .9rem; margin: 8px 0 6px; white-space: pre-line; line-height: 1.5; }
.sv-office .sv-office-links { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .88rem; }
.sv-office .sv-office-links a { font-weight: 600; }
.sv-office-nat { grid-column: 1 / -1; grid-template-columns: 110px 1fr; background: linear-gradient(120deg, var(--sv-brand-soft), var(--sv-surface)); }
.sv-office-nat .sv-office-photo { width: 110px; height: 110px; }
@media (max-width: 560px) { .sv-office-nat { grid-template-columns: 76px 1fr; } .sv-office-nat .sv-office-photo { width: 76px; height: 76px; } }

/* bulletin / publications with covers */
.sv-pubs { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px; }
.sv-pub { display: block; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 16px; overflow: hidden; color: var(--sv-ink) !important; text-decoration: none !important; }
.sv-pub:hover { box-shadow: var(--sv-shadow); transform: translateY(-2px); }
.sv-pub-cover { aspect-ratio: 1 / 1.3; background: var(--sv-gold-soft); overflow: hidden; }
.sv-pub-cover img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.sv-pub-cover.sv-pub-doc { display: grid; place-items: center; font: 700 .8rem var(--sv-sans); letter-spacing: .1em; color: var(--sv-brand-2); }
.sv-pub-body { padding: 12px 14px 14px; }
.sv-pub-body h3 { font-size: .98rem; margin: 0 0 4px; line-height: 1.3; }
.sv-pub-body .sv-hi { font-size: 1rem; }
.sv-pub-body span { font-size: .8rem; color: var(--sv-ink-3); }

/* events with posters */
.sv-posters { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.sv-poster { display: block; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 18px; overflow: hidden; color: var(--sv-ink) !important; text-decoration: none !important; }
.sv-poster:hover { box-shadow: var(--sv-shadow); }
.sv-poster-img { aspect-ratio: 1 / 1.25; background: var(--sv-brand-soft); overflow: hidden; }
.sv-poster-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.sv-poster-body { padding: 12px 14px 14px; }
.sv-poster-body h3 { font-size: 1rem; margin: 6px 0 2px; }
.sv-poster-body .sv-meta { margin: 0; }

/* partner organisations: the Ekal Abhiyan family */
.sv-family { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; }
.sv-family-strip img { width: 100%; height: auto; display: block; }
.sv-family-logos { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 14px; }
.sv-family-logos img { width: 92px; height: 92px; border-radius: 50%; border: 2px solid var(--sv-line); background: #fff; object-fit: cover; }
@media (max-width: 860px) { .sv-family { grid-template-columns: 1fr; } }

/* contribute: bank accounts per chapter */
.sv-banks { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.sv-bank-card { background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 18px; padding: 18px 20px; }
.sv-bank-card h3 { margin: 0 0 10px; display: flex; align-items: center; gap: 10px; }
.sv-bank-card h3 .sv-tag { --c: var(--sv-accent); }
.sv-bank-card .sv-bank { margin: 0; font-size: .95rem; }
.sv-bank-card .sv-bank dd { font-variant-numeric: tabular-nums; }
.sv-upi { display: flex; gap: 16px; align-items: center; margin-top: 12px; }
.sv-upi img { width: 140px; height: auto; border-radius: 10px; border: 1px solid var(--sv-line); }
.sv-80g { background: var(--sv-gold-soft); border: 1px solid color-mix(in srgb, var(--sv-gold) 55%, transparent); border-radius: 18px; padding: 22px 26px; }
.sv-80g h2 { margin-top: 0; }

/* Hindi page */
.sv-hindi-page { font-family: var(--sv-hindi); font-size: 1.12rem; line-height: 1.85; }
.sv-hindi-page h1, .sv-hindi-page h2, .sv-hindi-page h3 { font-family: var(--sv-hindi); font-weight: 400; }
.sv-hindi-page h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); }
.sv-hindi-page h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); color: var(--sv-brand-2); }
.sv-hindi-page .sv-objective p, .sv-hindi-page .sv-presence-card p { font-family: var(--sv-hindi); font-size: 1rem; }
.sv-hindi-page .sv-btn { font-family: var(--sv-hindi); font-weight: 400; font-size: 1.1rem; }
.sv-lang-switch { display: inline-flex; gap: 6px; background: var(--sv-surface); border: 1px solid var(--sv-line); border-radius: 999px; padding: 4px; }
.sv-lang-switch a, .sv-lang-switch span { padding: 6px 14px; border-radius: 999px; font-weight: 600; font-size: .9rem; }
.sv-lang-switch span { background: var(--sv-brand); color: #fff; }
body .navbar .navbar-nav .nav-link[href$="/hi"] { font-family: var(--sv-hindi); font-size: 1.05rem; padding-top: 7px; padding-bottom: 7px; }
.sv-foot-social a { font-weight: 600; }

.sv-stats-wide { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
.sv-stats-wide .sv-stat b { font-size: clamp(1.4rem, 2.2vw, 1.9rem); overflow-wrap: anywhere; }
.sv-stats-wide .sv-stat span { font-size: .88rem; }
.sv-person-mail { display: block; font-size: .74rem; color: var(--sv-ink-3); margin-top: 6px; overflow-wrap: anywhere; }
.sv-person-mail:hover { color: var(--sv-brand); }

/* ---- header lockup: the three original marks (Ekal Abhiyan · Shri Hari seal · 25 years) + wordmark ---- */
.sv-brand-row { display: inline-flex; align-items: center; gap: 9px; line-height: 1; }
body .navbar .navbar-brand img.sv-brand-mark { height: 50px; max-height: none; width: auto; display: block; margin: 0; }
body .navbar .navbar-brand img.sv-brand-seal { height: 52px; }
.sv-brand-line { white-space: nowrap; }
body .navbar .navbar-brand .sv-brand-name { margin-left: 6px; font: 800 1.2rem/1 "Martel", "Fraunces", Georgia, serif; letter-spacing: .02em; color: var(--sv-ink); display: flex; flex-direction: column; white-space: nowrap; }
body .navbar .navbar-brand .sv-brand-name small { display: block; width: 100%; font: 600 .5rem/1.2 var(--sv-sans); letter-spacing: .02em; text-transform: uppercase; color: var(--sv-ink-3); margin-top: 4px; text-align: justify; text-align-last: justify; white-space: nowrap; }
body .navbar .navbar-brand .sv-brand-name { display: inline-grid; justify-items: stretch; width: max-content; }
body .navbar .navbar-brand .sv-brand-name .sv-brand-line { display: block; }
.sv-brand-ekal-txt { color: var(--sv-brand); }
@media (max-width: 1279.98px) { body .navbar .navbar-brand img.sv-brand-mark { height: 42px; } body .navbar .navbar-brand img.sv-brand-seal { height: 44px; } body .navbar .navbar-brand .sv-brand-name { font-size: 1.05rem; } }
@media (max-width: 575.98px) { .sv-brand-row { gap: 6px; } body .navbar .navbar-brand img.sv-brand-mark { height: 36px; } body .navbar .navbar-brand img.sv-brand-seal { height: 38px; }
	body .navbar .navbar-brand .sv-brand-name { font-size: .95rem; margin-left: 4px; } body .navbar .navbar-brand .sv-brand-name small { display: none; } }
@media (max-width: 379.98px) { body .navbar .navbar-brand img.sv-brand-25 { display: none; } }
/* social icons: inherit the colour of the surface they sit on */
.sv-social { display: flex; gap: 10px; margin: 10px 0 0; }
.sv-social a { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #fde7d3 !important; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); }
.sv-social a:hover { background: var(--sv-brand); color: #fff !important; border-color: var(--sv-brand); text-decoration: none; }
.sv-social svg { width: 18px; height: 18px; }
.sv-social-light a { color: var(--sv-brand) !important; background: var(--sv-brand-soft); border-color: transparent; }
.sv-social-light a:hover { color: #fff !important; }

/* partner logos (cut from the organisation's partner strip) */
.sv-partner-logos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; justify-items: center; max-width: 420px; }
.sv-partner-logos img { width: 100%; max-width: 120px; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; background: #fff; box-shadow: var(--sv-shadow); object-fit: cover; }
.sv-partner-logo { display: flex; gap: 12px; align-items: center; }
.sv-partner-logo img { width: 56px; height: 56px; border-radius: 50%; background: #fff; flex: none; border: 1px solid var(--sv-line); }
.sv-family-logos { display: none; }

/* ---- hero v4: the organisation's banners shown whole, each with its own caption that changes with the picture ---- */
.sv-hero4 { background: var(--sv-dark); }
.sv-hero4-fade { position: relative; width: 100%; height: calc(100vw / 2.025); min-height: 320px; overflow: hidden; background: var(--sv-dark); }
.sv-hero4 .sv-fade-slide { position: absolute; inset: 0; margin: 0; display: block; }
.sv-hero4 .sv-fade-slide::before { content: ""; position: absolute; inset: -40px; background: var(--bg) center/cover no-repeat; filter: blur(22px) brightness(.55) saturate(1.1); z-index: 0; }
.sv-hero4 .sv-fade-slide img { position: relative; z-index: 1; }
.sv-hero4 .sv-fade-slide img { background: transparent; }
.sv-hero4 .sv-fade-slide img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.sv-hero4 .sv-fade-slide.is-on img { animation: none; }
.sv-hero4-cap { position: absolute; z-index: 2; left: clamp(16px, 4vw, 56px); top: clamp(16px, 4vw, 48px); max-width: min(46%, 520px); display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
	background: transparent; border-left: 4px solid var(--sv-gold); padding: 6px 18px 6px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, .9), 0 4px 22px rgba(0, 0, 0, .7); }
.sv-hero4-kicker { color: var(--sv-gold); font-size: 1.05rem; }
.sv-hero4 .sv-fade-slide[data-pos="bl"] .sv-hero4-cap { top: auto; bottom: clamp(56px, 8vh, 80px); }
.sv-hero4-cap b { font: 700 clamp(1.3rem, 2.4vw, 2rem)/1.15 var(--sv-serif); }
.sv-hero4-text { font-size: .95rem; line-height: 1.5; color: rgba(255, 255, 255, .9); }
.sv-hero4-cap .sv-btn { margin-top: 8px; text-shadow: none; box-shadow: 0 4px 18px rgba(0, 0, 0, .35); }
.sv-hero4 .sv-fade-nav { left: auto; right: clamp(16px, 4vw, 56px); top: clamp(16px, 4vw, 48px); bottom: auto; transform: none; background: rgba(26, 12, 6, .6); backdrop-filter: blur(6px); }
.sv-hero4 .sv-fade-nav > button { color: #fff; }
.sv-hero4 .sv-fade-dots button { background: rgba(255, 255, 255, .45); }
.sv-hero4 .sv-fade-dots button[aria-current] { background: var(--sv-gold); }
.sv-intro { background: linear-gradient(180deg, #fff7ed 0%, var(--sv-bg) 100%); border-bottom: 1px solid var(--sv-line); padding: 34px 0 38px; }
.sv-intro-in { display: grid; grid-template-columns: 1.05fr 1fr; gap: 36px; align-items: center; }
.sv-intro h1 { font-size: clamp(1.9rem, 3.6vw, 3rem); margin-bottom: 8px; }
.sv-intro h1 em { font-style: normal; color: var(--sv-brand); }
.sv-intro .sv-lead { color: var(--sv-ink-2); font-size: 1rem; margin: 0; }
.sv-intro .sv-hi-lead { margin: 0; font-size: 1.1rem; }
.sv-figures { margin-top: 24px; }
@media (max-width: 900px) { .sv-intro-in { grid-template-columns: 1fr; gap: 16px; } }
@media (max-width: 760px) {
	.sv-hero4-fade { height: auto; min-height: 0; max-height: none; }
	.sv-hero4 .sv-fade-slide { position: relative; inset: auto; display: none; }
	.sv-hero4 .sv-fade-slide.is-on { display: block; }
	.sv-hero4 .sv-fade-slide img { height: auto; aspect-ratio: 2.025 / 1; object-fit: contain; }
	.sv-hero4 .sv-fade-slide::before { display: none; }
	.sv-hero4-cap { text-shadow: none; border-left-width: 4px; padding: 14px 16px 54px; }
	.sv-hero4-cap { position: static; max-width: none; border-radius: 0; background: var(--sv-dark); backdrop-filter: none; padding: 14px 16px 54px; }
	.sv-hero4 .sv-fade-nav { top: auto; bottom: 10px; right: auto; left: 50%; transform: translateX(-50%); }
}

/* phones: text before pictures in the presence / partner blocks, compact cards, two-column event posters */
.sv-family-home { grid-template-areas: "intro strip" "cards strip"; grid-template-columns: 1fr 1fr; align-items: start; }
.sv-family-home .sv-family-intro { grid-area: intro; }
.sv-family-home .sv-family-cards { grid-area: cards; }
.sv-family-home .sv-family-strip { grid-area: strip; }
@media (max-width: 860px) {
	.sv-family-home { grid-template-areas: "intro" "strip" "cards"; grid-template-columns: 1fr; gap: 22px; }
	.sv-family-home .sv-family-strip img:first-child { max-width: 420px; }
	.sv-partner-logos { max-width: none; }
}
@media (max-width: 900px) {
	.sv-presence > .sv-presence-map { order: 2; max-width: 440px; margin: 0 auto; }
	.sv-presence > div:not(.sv-presence-map) { order: 1; }
}
@media (max-width: 480px) {
	.sv-presence-cards { grid-template-columns: 1fr 1fr; gap: 10px; }
	.sv-presence-card { padding: 14px; }
	.sv-presence-card b { font-size: 1.6rem; }
	.sv-presence-card p { font-size: .82rem; }
}
@media (max-width: 600px) {
	.sv-posters { grid-template-columns: 1fr 1fr; gap: 12px; }
	.sv-poster-body { padding: 10px 12px 12px; }
	.sv-poster-body h3 { font-size: .9rem; }
	.sv-poster-body .sv-meta { font-size: .78rem; }
}