/* Sakar Bharat v6 — one clean stylesheet (owner 12-Nov-2026: "lots of bugs in the CSS — rewrite it in the best way").
   Mobile-first, design tokens, Grid/Flex, logical properties, no !important, Devanagari-safe line heights,
   dark mode + reduced motion, ad slots with reserved sizes (no layout shift). Shared base for home / article / category / ePaper. */

/* ---------- tokens ---------- */
:root {
  color-scheme: only light;
  --paper: #fff;
  --paper-2: #f6f5f1;
  --ink: #161616;
  --ink-2: #4a4a4a;
  --muted: #5f5f5f;
  --line: #e6e3dd;
  --red: #b51f2b;
  --red-ink: #fff;
  --c-cg: #18734a;
  --c-pol: #8a3d69;
  --c-biz: #8a5a10;
  --c-sport: #1a5296;
  --c-ent: #a52f68;
  --c-dharm: #9a520f;
  --font: "Noto Sans Devanagari", "Mukta", "Hind", "Nirmala UI", "Mangal", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-xs: .75rem;
  --fs-s: .875rem;
  --fs-m: 1rem;
  --fs-l: clamp(1.06rem, .98rem + .4vw, 1.2rem);
  --fs-xl: clamp(1.3rem, 1.1rem + 1vw, 1.65rem);
  --fs-xxl: clamp(1.55rem, 1.2rem + 1.8vw, 2.25rem);
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --r: 8px;
  --max: 1240px;
  --gut: clamp(12px, 3.5vw, 24px);
  --nav-h: 46px;
}

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-block-start: calc(var(--nav-h) + 8px); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 var(--fs-m)/1.6 var(--font); -webkit-font-smoothing: antialiased; overflow-wrap: break-word; }
img { display: block; max-inline-size: 100%; block-size: auto; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--red); }
h1, h2, h3, h4 { margin: 0; line-height: 1.45; font-weight: 700; overflow-wrap: break-word; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button, input { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; border-radius: 4px; }
.v6-skip { position: absolute; inset-inline-start: 8px; inset-block-start: -60px; z-index: 50; background: var(--ink); color: var(--paper); padding: 10px 14px; border-radius: var(--r); }
.v6-skip:focus { inset-block-start: 8px; }
.v6-wrap { inline-size: min(var(--max), calc(100% - 2 * var(--gut))); margin-inline: auto; }
.v6-sr { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ---------- top bar + masthead ---------- */
.v6-top { background: var(--paper-2); border-block-end: 1px solid var(--line); font-size: var(--fs-xs); color: var(--ink-2); }
.v6-top .v6-wrap { display: flex; align-items: center; gap: var(--s3); min-block-size: 32px; }
.v6-top__cities { display: none; gap: var(--s3); }
.v6-top__end { margin-inline-start: auto; display: flex; gap: var(--s3); align-items: center; }
.v6-top a { font-weight: 600; }
.v6-pill { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 999px; background: var(--red); color: var(--red-ink); font-weight: 700; }
.v6-pill:hover { color: var(--red-ink); filter: brightness(1.08); }

.v6-mast { border-block-end: 1px solid var(--line); }
.v6-mast .v6-wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); padding-block: var(--s3); }
.v6-logo { display: grid; line-height: 1.25; }
.v6-logo__name { line-height: 1.3; }
.v6-logo__name { font-size: clamp(1.9rem, 1.4rem + 2.6vw, 2.9rem); font-weight: 800; letter-spacing: -.5px; color: var(--ink); }
.v6-logo__name b { color: var(--red); }
.v6-logo__tag { font-size: var(--fs-xs); color: var(--muted); margin-block-start: 4px; }
.v6-mast__aside { display: none; text-align: end; font-size: var(--fs-s); color: var(--ink-2); }

/* ---------- sticky nav ---------- */
.v6-nav { position: sticky; inset-block-start: 0; z-index: 20; background: var(--paper); border-block-end: 2px solid var(--ink); }
.v6-nav .v6-wrap { display: flex; align-items: center; gap: var(--s2); block-size: var(--nav-h); }
.v6-nav__row { display: flex; gap: var(--s1); overflow-x: auto; scrollbar-width: none; flex: 1; min-inline-size: 0; -webkit-mask-image: linear-gradient(90deg, #000 88%, transparent); mask-image: linear-gradient(90deg, #000 88%, transparent); }
.v6-nav__row::-webkit-scrollbar { display: none; }
.v6-nav__row a { flex: none; padding: 10px 10px; font-weight: 700; font-size: var(--fs-s); white-space: nowrap; border-block-end: 3px solid transparent; }
.v6-nav__row a[aria-current="page"], .v6-nav__row a:hover { border-color: var(--red); color: var(--red); }
.v6-nav__search { flex: none; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: 50%; }
.v6-nav__search:hover { background: var(--paper-2); }

/* ---------- breaking ticker (CSS only) ---------- */
.v6-brk { background: var(--paper-2); border-block-end: 1px solid var(--line); }
.v6-brk .v6-wrap { display: flex; align-items: center; gap: var(--s3); block-size: 40px; overflow: hidden; }
.v6-brk__tag { flex: none; background: var(--red); color: #fff; font-weight: 800; font-size: var(--fs-xs); padding: 3px 10px; border-radius: 4px; }
.v6-brk__track { flex: 1; overflow: hidden; min-inline-size: 0; }
.v6-brk__track ul { display: flex; gap: var(--s6); inline-size: max-content; animation: v6-tick 60s linear infinite; }
.v6-brk__track:hover ul, .v6-brk__track:focus-within ul { animation-play-state: paused; }
.v6-brk__track li { white-space: nowrap; font-size: var(--fs-s); font-weight: 600; }
.v6-brk__track li::before { content: "•"; color: var(--red); margin-inline-end: 10px; }
@keyframes v6-tick { to { transform: translateX(-50%); } }

/* ---------- section heads ---------- */
.v6-sec { margin-block: var(--s6); }
.v6-hd { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); border-block-start: 3px solid var(--sec, var(--ink)); padding-block-start: var(--s2); margin-block-end: var(--s4); }
.v6-hd h2 { font-size: var(--fs-xl); color: var(--sec, var(--ink)); }
.v6-hd a { font-size: var(--fs-s); font-weight: 700; color: var(--muted); white-space: nowrap; }
.v6-hd a:hover { color: var(--red); }
[data-c="cg"] { --sec: var(--c-cg); }
[data-c="politics"] { --sec: var(--c-pol); }
[data-c="business"] { --sec: var(--c-biz); }
[data-c="sports"] { --sec: var(--c-sport); }
[data-c="entertainment"] { --sec: var(--c-ent); }
[data-c="religion"] { --sec: var(--c-dharm); }
[data-c="raipur"], [data-c="national"] { --sec: var(--red); }

/* ---------- media frames (fixed ratio = no CLS) ---------- */
.v6-fr { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--r); background: var(--paper-2); }
.v6-fr img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.v6-fr--sq { aspect-ratio: 1; }
.v6-fr--ph { display: grid; place-items: center; color: var(--muted); font-weight: 800; }
.v6-k { display: inline-block; font-size: var(--fs-xs); font-weight: 800; color: var(--sec, var(--red)); }
.v6-tm { font-size: var(--fs-xs); color: var(--muted); }

/* ---------- hero ---------- */
.v6-hero { display: grid; gap: var(--s5); margin-block: var(--s4) var(--s5); }
.v6-lead { display: grid; gap: var(--s2); }
.v6-lead h1 { font-size: var(--fs-xxl); line-height: 1.42; }
.v6-lead p { color: var(--ink-2); font-size: var(--fs-l); line-height: 1.6; }
.v6-tops h2 { font-size: var(--fs-l); margin-block-end: var(--s2); padding-block-end: var(--s2); border-block-end: 2px solid var(--ink); }
.v6-tops li + li { border-block-start: 1px solid var(--line); }
.v6-tops a { display: grid; grid-template-columns: 1fr 96px; gap: var(--s3); padding-block: var(--s3); align-items: start; }
.v6-tops h3 { font-size: var(--fs-m); line-height: 1.45; }
.v6-tops .v6-fr { aspect-ratio: 4 / 3; }

/* ---------- card grids ---------- */
.v6-grid { display: grid; gap: var(--s5) var(--s3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v6-grid .v6-card h3 { font-size: var(--fs-m); }
.v6-card { display: grid; gap: var(--s2); align-content: start; }
.v6-card h3 { font-size: var(--fs-l); line-height: 1.42; }
.v6-mini { display: grid; grid-template-columns: 112px 1fr; gap: var(--s3); align-items: start; }
.v6-mini h4 { font-size: var(--fs-m); line-height: 1.45; }
.v6-mini .v6-fr { aspect-ratio: 4 / 3; }
.v6-cat { display: grid; gap: var(--s4); }
.v6-cat__lead p { color: var(--ink-2); font-size: var(--fs-s); }
.v6-cat__minis { display: grid; gap: var(--s4); }

/* ---------- ePaper block ---------- */
.v6-ep { display: grid; grid-template-columns: 96px 1fr; gap: var(--s4); align-items: center; padding: var(--s4); border: 1px solid var(--line); border-radius: calc(var(--r) * 1.5); background: linear-gradient(135deg, var(--paper-2), var(--paper)); }
.v6-ep .v6-fr { aspect-ratio: 3 / 4; box-shadow: 0 6px 18px rgb(0 0 0 / .14); }
.v6-ep__k { font-size: var(--fs-xs); font-weight: 800; color: var(--red); letter-spacing: .3px; }
.v6-ep h2 { font-size: var(--fs-l); margin-block: 2px 4px; }
.v6-ep p { font-size: var(--fs-s); color: var(--ink-2); }
.v6-btn { display: inline-flex; align-items: center; gap: 6px; margin-block-start: var(--s2); padding: 8px 16px; border-radius: 999px; background: var(--ink); color: var(--paper); font-weight: 700; font-size: var(--fs-s); }
.v6-btn:hover { color: var(--paper); background: var(--red); }

/* ---------- trending ---------- */
.v6-trend ol { counter-reset: t; display: grid; gap: var(--s3); }
.v6-trend li { counter-increment: t; display: grid; grid-template-columns: 36px 1fr; gap: var(--s2); align-items: start; padding-block-end: var(--s3); border-block-end: 1px solid var(--line); }
.v6-trend li::before { content: counter(t); font-size: 1.6rem; font-weight: 800; line-height: 1.1; color: var(--red); opacity: .85; }
.v6-trend a { font-weight: 700; line-height: 1.45; }

/* ---------- rails (photos, stories, apps) ---------- */
.v6-rail { display: grid; grid-auto-flow: column; grid-auto-columns: 72%; gap: var(--s3); overflow-x: auto; scroll-snap-type: x mandatory; padding-block-end: var(--s2); scrollbar-width: thin; }
.v6-rail > * { scroll-snap-align: start; }
.v6-rail--story { grid-auto-columns: 42%; }
.v6-photo figcaption, .v6-story figcaption { margin-block-start: var(--s2); font-size: var(--fs-s); font-weight: 700; line-height: 1.45; }
.v6-story .v6-fr { aspect-ratio: 9 / 16; }

/* ---------- ads (all sizes reserved; light cards that pop off the page) ---------- */
.v6-ad { position: relative; contain: layout paint; }
.v6-ad-strip { --paper-ad: #fffbf2; --tint: color-mix(in srgb, var(--paper-ad) 72%, var(--ac, #f1c453));
  block-size: 62px; margin-block: var(--s5); border-radius: 14px; overflow: hidden; color: #14100a;
  background: linear-gradient(90deg, var(--paper-ad), var(--tint)); border: 1px solid color-mix(in srgb, var(--ac, #f1c453) 70%, transparent);
  box-shadow: 0 6px 18px -6px color-mix(in srgb, var(--ac, #f1c453) 70%, transparent); }
.v6-ad-strip__art { position: absolute; inset-block: 0; inset-inline-end: 0; inline-size: min(55%, 260px); block-size: 100%; object-fit: cover;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 45%); mask-image: linear-gradient(90deg, transparent, #000 45%); opacity: .9; }
.v6-ad-strip a { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 10px; block-size: 100%; padding-inline: 8px; color: inherit; }
.v6-ad-strip a:hover { color: inherit; }
.v6-ad-strip__ic { inline-size: 44px; block-size: 44px; border-radius: 11px; object-fit: cover; background: #fff; }
.v6-ad-strip__t { min-inline-size: 0; display: grid; }
.v6-ad-strip__t b { font-size: 13.5px; font-weight: 800; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #14100a; }
.v6-ad-lines { position: relative; block-size: 1.55em; overflow: hidden; font-size: 11.5px; font-weight: 600; color: var(--bg, #1a222e); }
.v6-ad-lines span { position: absolute; inset-inline: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transform: translateY(100%); transition: opacity .38s ease, transform .38s ease; }
.v6-ad-lines span.on { opacity: 1; transform: none; }
.v6-ad-lines span.out { opacity: 0; transform: translateY(-100%); transition-duration: .3s; }
.v6-ad-cta { padding: 6px 12px; border-radius: 999px; background: var(--bg, var(--ink)); color: #fff; font-size: 12px; font-weight: 800; white-space: nowrap; }
.v6-ad-strip .v6-ad-cta { animation: v6-breathe 2.2s ease-in-out infinite; }
@keyframes v6-breathe { 50% { transform: scale(1.06); } }
.v6-ad__lb { position: absolute; inset-block-start: 2px; inset-inline-end: 4px; z-index: 1; display: flex; align-items: center; gap: 3px; font-size: 9px; color: rgb(0 0 0 / .6); }
.v6-ad__x { inline-size: 24px; block-size: 24px; margin: -4px -4px -4px 0; border: 0; border-radius: 50%; padding: 0; background: rgb(0 0 0 / .13); color: rgb(0 0 0 / .7); font-size: 9px; line-height: 1; cursor: pointer; }
.v6-ad.is-hidden { display: none; }
.v6-ad-card { border-radius: var(--r); border: 1px dashed color-mix(in srgb, var(--ac, #f1c453) 60%, var(--line)); background: color-mix(in srgb, var(--ac, #f1c453) 8%, var(--paper)); padding: var(--s2); }
.v6-ad-card a { display: grid; gap: var(--s2); }
.v6-ad-card .v6-fr { aspect-ratio: 16 / 9; }
.v6-ad-card h3 { font-size: var(--fs-m); line-height: 1.42; }
.v6-ad-card p { font-size: var(--fs-xs); color: var(--ink-2); }
.v6-ad-card .v6-ad-cta { justify-self: start; }
.v6-ad-card.is-mini a { grid-template-columns: 112px 1fr; align-items: start; }
.v6-ad-card.is-mini .v6-fr { aspect-ratio: 4 / 3; }

/* ---------- our apps band ---------- */
.v6-apps .v6-rail { grid-auto-columns: 64%; }
.v6-app { display: grid; gap: var(--s2); padding: var(--s3); border-radius: 14px; background: var(--paper-2); border: 1px solid var(--line); }
.v6-app h3 { font-size: var(--fs-m); }
.v6-app p { font-size: var(--fs-xs); color: var(--ink-2); }

/* ---------- cities, past issues, follow ---------- */
.v6-cities { display: flex; gap: var(--s2); align-items: center; overflow-x: auto; scrollbar-width: none; padding-block: var(--s3) 0; font-size: var(--fs-s); }
.v6-cities::-webkit-scrollbar { display: none; }
.v6-cities > span { flex: none; color: var(--muted); font-weight: 700; }
.v6-cities a { flex: none; padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px; font-weight: 600; }
.v6-cities a.is-mine { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.v6-past { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: var(--fs-xs); }
.v6-past span { color: var(--muted); font-weight: 700; margin-inline-end: 4px; }
.v6-past a { padding: 3px 9px; border-radius: 6px; background: var(--paper-2); border: 1px solid var(--line); font-weight: 600; }
.v6-follow { display: grid; gap: var(--s2); padding: var(--s4); border: 1px solid var(--line); border-radius: calc(var(--r) * 1.5); }
.v6-follow b { font-size: var(--fs-m); }
.v6-fbtn { display: block; text-align: center; padding: 10px; border-radius: 10px; font-weight: 700; font-size: var(--fs-s); color: #fff; }
.v6-fbtn:hover { color: #fff; filter: brightness(1.08); }
.v6-fbtn--g { background: #1967d2; }
.v6-fbtn--w { background: #0a7a3c; }

/* ---------- show only on phone / only on desktop ---------- */
@media (min-width: 1024px) { .v6-only-m { display: none; } }
@media (max-width: 1023.98px) { .v6-only-d { display: none; } }


/* =================== inner pages (article, lists, static) — same tokens, space-saving =================== */
.v6-mast--slim .v6-wrap { padding-block: 6px; }
.v6-mast--slim .v6-logo__name { font-size: clamp(1.45rem, 1.2rem + 1.2vw, 1.9rem); }
.v6-mast__tag { font-size: var(--fs-xs); color: var(--muted); text-align: end; }
.v6-page { padding-block: var(--s4) var(--s5); }
.v6-page__main { min-inline-size: 0; }
.v6-page h1, .v6-page .h1 { font-size: var(--fs-xxl); line-height: 1.42; margin-block: var(--s2) var(--s3); }
.v6-page h2.h2 { font-size: var(--fs-xl); margin-block: var(--s4) var(--s3); }
.v6-page p { margin-block: 0 var(--s3); }
.v6-page input[type=search], .v6-page input[name=q], .v6-page textarea, .v6-page input[type=text], .v6-page input[type=email] { inline-size: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); }
.v6-page button, .v6-page .btn { padding: 10px 16px; border: 0; border-radius: 10px; background: var(--ink); color: var(--paper); font-weight: 700; cursor: pointer; }
.searchbar { display: flex; gap: var(--s2); margin-block: var(--s3); }

/* breadcrumbs */
.listing-breadcrumb, .sb-bread { display: flex; flex-wrap: wrap; gap: 6px; font-size: var(--fs-xs); color: var(--muted); }
.listing-breadcrumb a:hover, .sb-bread a:hover { color: var(--red); }
.sb-bread > span:last-child { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-inline-size: 60ch; }

/* lists (category, tag, city, search) */
.listing-hero { border-block-end: 3px solid var(--ink); padding-block-end: var(--s3); margin-block-end: var(--s4); }
.listing-hero__intro { color: var(--ink-2); font-size: var(--fs-s); }
.listing-subcats, .listing-hero__links { display: flex; flex-wrap: wrap; gap: 6px; margin-block-start: var(--s2); align-items: center; }
.listing-subcats__label { font-size: var(--fs-xs); font-weight: 800; color: var(--muted); margin-inline-end: 4px; }
.listing-subcats__links { display: flex; flex-wrap: wrap; gap: 6px; }
.listing-subcats a, .listing-hero__links a { padding: 3px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: var(--fs-s); font-weight: 600; }
.listing-rail__head { display: flex; justify-content: space-between; align-items: baseline; }
.listing-empty { color: var(--muted); }
.cards { display: grid; gap: var(--s3) var(--s5); grid-template-columns: 1fr; margin-block: var(--s3); }
.cards--rail { grid-auto-flow: column; grid-auto-columns: 70%; overflow-x: auto; }
.v6-lcard { padding-block-end: var(--s3); border-block-end: 1px solid var(--line); }
.v6-lcard .v6-mini { grid-template-columns: 112px 1fr; }
.v6-lcard__t { font-size: var(--fs-m); line-height: 1.45; margin-block: 2px; }
.cards > .v6-ad-card { margin-block: 0; }
@media (min-width: 640px) { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .v6-lcard .v6-mini { grid-template-columns: 140px 1fr; } }

/* article */
.sb-layout__grid { display: grid; gap: var(--s5); }
.sb-layout__content { min-inline-size: 0; }
.sb-post-head { margin-block-end: var(--s3); }
.sb-post-kicker { display: flex; gap: var(--s3); align-items: center; margin-block: var(--s2) 0; font-size: var(--fs-xs); }
.sb-post-cat { color: var(--red); font-weight: 800; }
.sb-post-kicker__read { color: var(--muted); }
.sb-title { font-size: var(--fs-xxl); line-height: 1.38; margin-block: var(--s2); }
.sb-title-rule { display: none; }
.sb-webstory-chip { margin-block: var(--s1) var(--s2); }
.sb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--muted); }
.sb-meta-author, .sb-meta-author__link { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--ink); }
.sb-meta-author__avatar img { inline-size: 28px; block-size: 28px; border-radius: 50%; object-fit: cover; }
.sb-hero { margin: 0 0 var(--s3); }
.sb-hero__img-wrap { position: relative; aspect-ratio: var(--sb-hero-ratio, 16 / 9); border-radius: var(--r); overflow: hidden; background: var(--paper-2); }
.sb-hero__img-wrap img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.sb-hero__cat-bar { position: absolute; inset-inline-start: 8px; inset-block-end: 8px; }
.sb-hero__cat-pill { background: var(--red); color: #fff; font-size: var(--fs-xs); font-weight: 800; padding: 2px 10px; border-radius: 999px; }
.sb-hero__caption-bar, .sb-hero figcaption { font-size: var(--fs-xs); color: var(--muted); padding-block: 6px; border-block-end: 1px solid var(--line); }
.sb-hero--video video { inline-size: 100%; border-radius: var(--r); background: #000; }
.sb-article-main { display: grid; gap: var(--s3); }
.sb-share-rail { display: flex; align-items: center; gap: var(--s2); }
.sb-share-rail__label { font-size: var(--fs-xs); font-weight: 800; color: var(--muted); }
.sb-share-rail__btn { display: grid; place-items: center; inline-size: 36px; block-size: 36px; border-radius: 50%; background: var(--paper-2); border: 1px solid var(--line); }
.sb-share-rail__btn svg { inline-size: 18px; block-size: 18px; }
.sb-share-rail__btn--wa { color: #128c4b; } .sb-share-rail__btn--fb { color: #1877f2; } .sb-share-rail__btn--tg { color: #229ed9; }
.sb-content { font-size: clamp(1.02rem, .98rem + .25vw, 1.12rem); line-height: 1.75; color: var(--ink); }
.sb-content > * + * { margin-block-start: var(--s3); }
.sb-content p { margin: 0; }
.sb-content h2 { font-size: var(--fs-xl); margin-block-start: var(--s5); }
.sb-content h3 { font-size: var(--fs-l); margin-block-start: var(--s4); }
.sb-content a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.sb-content img, .sb-content video, .sb-content iframe { max-inline-size: 100%; block-size: auto; border-radius: var(--r); }
.sb-content iframe { aspect-ratio: 16 / 9; inline-size: 100%; }
.sb-content figure { margin: 0; }
.sb-content figcaption { font-size: var(--fs-xs); color: var(--muted); margin-block-start: 4px; }
.sb-content blockquote { margin: 0; padding: var(--s3) var(--s4); border-inline-start: 4px solid var(--red); background: var(--paper-2); border-radius: 0 var(--r) var(--r) 0; }
.sb-content ul, .sb-content ol { padding-inline-start: 1.3em; list-style: revert; }
.sb-content li + li { margin-block-start: 6px; }
.sb-content table { inline-size: 100%; border-collapse: collapse; display: block; overflow-x: auto; font-size: var(--fs-s); }
.sb-content th, .sb-content td { border: 1px solid var(--line); padding: 6px 8px; text-align: start; }
.sb-content .v6-ad { margin-block: var(--s4); }
.sb-post-section { margin-block: var(--s5); }
.sb-tags__title, .sb-explore__title, .sb-related-title { font-size: var(--fs-l); margin-block-end: var(--s2); }
.sb-tags__list, .sb-explore__list { display: flex; flex-wrap: wrap; gap: 6px; }
.sb-tags__item, .sb-explore__link { display: inline-block; padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: var(--fs-s); font-weight: 600; }
.sb-related { margin-block: var(--s5); }
.sb-related__head { border-block-start: 3px solid var(--ink); padding-block-start: var(--s2); }
.sb-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4) var(--s3); }
.sb-related-card { display: grid; gap: 6px; align-content: start; }
.sb-related-card__img { inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r); background: var(--paper-2); }
.sb-related-cat { font-size: var(--fs-xs); font-weight: 800; color: var(--red); }
.sb-related-card__title { font-size: var(--fs-s); line-height: 1.45; }
.sb-related-grid > .v6-ad-card { grid-column: span 2; }
.sb-authorbox { display: grid; gap: var(--s2); padding: var(--s4); border: 1px solid var(--line); border-radius: calc(var(--r) * 1.5); margin-block: var(--s5); }
.sb-authorbox .row { display: flex; gap: var(--s3); align-items: center; }
.sb-authorbox .pic img { inline-size: 56px; block-size: 56px; border-radius: 50%; object-fit: cover; }
.sb-authorbox .bio { font-size: var(--fs-s); color: var(--ink-2); }
.sb-authorbox__eyebrow { font-size: var(--fs-xs); color: var(--muted); font-weight: 700; }
.sb-authorbox .chip { display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--line); font-size: var(--fs-xs); margin-inline-end: 4px; }
.sb-engagement { border: 1px solid var(--line); border-radius: calc(var(--r) * 1.5); overflow: hidden; }
.sb-engagement__header, .sb-comments__toggle { display: flex; inline-size: 100%; justify-content: space-between; align-items: center; gap: var(--s2); padding: var(--s3) var(--s4); background: var(--paper-2); border: 0; text-align: start; cursor: pointer; color: var(--ink); }
.sb-engagement__heading { display: grid; }
.sb-engagement__summary { font-size: var(--fs-xs); color: var(--ink-2); }
.sb-engagement__body { padding: var(--s3) var(--s4); display: grid; gap: var(--s3); }
.sb-engagement__title { font-size: var(--fs-m); }
.sb-reactions__row { display: flex; flex-wrap: wrap; gap: 6px; }
.sb-reactions__btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--paper); color: var(--ink); font-size: var(--fs-s); cursor: pointer; }
.sb-reactions__btn[aria-pressed="true"] { border-color: var(--red); color: var(--red); }
.sb-reactions__count { font-weight: 800; }
.sb-comments__form { display: grid; gap: var(--s2); }
.sb-comments__hp { position: absolute; inset-inline-start: -9999px; }
.sb-comment { padding-block: var(--s2); border-block-end: 1px solid var(--line); font-size: var(--fs-s); }
.sb-post-nav { display: grid; gap: var(--s3); }
.sb-post-nav__item { display: grid; grid-template-columns: 96px 1fr; gap: var(--s3); align-items: center; padding: var(--s2); border: 1px solid var(--line); border-radius: var(--r); }
.sb-post-nav__thumb img { inline-size: 96px; block-size: 72px; object-fit: cover; border-radius: 6px; }
.sb-post-nav__label { display: block; font-size: var(--fs-xs); color: var(--muted); font-weight: 700; }
.sb-post-nav__title { font-weight: 700; font-size: var(--fs-s); line-height: 1.45; }
.sb-post-foot { display: none; }
@media (min-width: 1024px) {
  .sb-layout__grid { grid-template-columns: minmax(0, 1fr) 320px; gap: var(--s6); }
  .sb-article-main { grid-template-columns: 44px minmax(0, 1fr); }
  .sb-share-rail { flex-direction: column; align-self: start; }
  .sb-share-rail__label { writing-mode: vertical-rl; }
  .sb-post-nav { grid-template-columns: 1fr 1fr; }
  .sb-related-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sb-related-grid > .v6-ad-card { grid-column: span 1; }
}
@media (max-width: 1023.98px) { .sb-layout__sidebar { display: none; } }

/* static / trust pages */
.sb-static-page { max-inline-size: 72ch; }
.sb-static-page__body { line-height: 1.75; }
.sb-static-page__body h2 { font-size: var(--fs-xl); margin-block: var(--s5) var(--s2); }
.sb-masthead__table { inline-size: 100%; border-collapse: collapse; font-size: var(--fs-s); }
.sb-masthead__table td, .sb-masthead__table th { border-block-end: 1px solid var(--line); padding: 6px 4px; text-align: start; }
.container { max-inline-size: 100%; }

/* 404 */
.v6-404 { padding-block: var(--s5); }
.v6-404__code { font-size: 4rem; font-weight: 800; color: var(--red); line-height: 1; margin: 0; }
.v6-404__links { display: flex; gap: var(--s2); flex-wrap: wrap; }

/* ---------- footer ---------- */
.v6-foot { margin-block-start: var(--s7); background: #111; color: #ddd; padding-block: var(--s6) var(--s5); font-size: var(--fs-s); }
.v6-foot a:hover { color: #fff; }
.v6-foot__grid { display: grid; gap: var(--s5); }
.v6-foot h2 { font-size: var(--fs-m); color: #fff; margin-block-end: var(--s2); }
.v6-foot ul { display: grid; gap: 6px; }
.v6-foot__brand .v6-logo__name { color: #fff; font-size: 2rem; }
.v6-foot__brand .v6-logo__name b { color: #ff6b6b; }
.v6-foot__brand p { margin-block-start: var(--s2); color: #aaa; line-height: 1.6; }
.v6-foot__legal { margin-block-start: var(--s5); padding-block-start: var(--s4); border-block-start: 1px solid #2c2c2c; color: #999; font-size: var(--fs-xs); display: flex; flex-wrap: wrap; gap: var(--s3); justify-content: space-between; }

/* ---------- tablet ---------- */
@media (min-width: 640px) {
  .v6-grid--4 { grid-template-columns: repeat(2, 1fr); }
  .v6-rail { grid-auto-columns: 40%; }
  .v6-rail--story { grid-auto-columns: 24%; }
  .v6-apps .v6-rail { grid-auto-columns: 32%; }
  .v6-cat { grid-template-columns: 1.15fr 1fr; align-items: start; }
  .v6-top__cities { display: flex; }
  .v6-foot__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- desktop ---------- */
@media (min-width: 1024px) {
  :root { --nav-h: 50px; }
  .v6-mast__aside { display: block; }
  .v6-hero { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
  .v6-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--s6); align-items: start; }
  .v6-side { display: grid; gap: var(--s5); align-self: start; min-inline-size: 0; }
  .v6-grid--4 { grid-template-columns: repeat(4, 1fr); }
  .v6-cat__minis { grid-template-columns: 1fr; }
  .v6-rail { grid-auto-columns: calc((100% - 3 * var(--s3)) / 4); }
  .v6-rail--story { grid-auto-columns: calc((100% - 5 * var(--s3)) / 6); }
  .v6-apps .v6-rail { grid-auto-columns: calc((100% - 4 * var(--s3)) / 5); }
  .v6-foot__grid { grid-template-columns: 1.4fr repeat(3, 1fr); }
  .v6-ad-strip { block-size: 68px; }
}


/* ---------- motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .v6-brk__track ul { animation: none; }
  .v6-ad-lines span { transition: none; }
  .v6-ad-strip .v6-ad-cta { animation: none; }
  * { scroll-behavior: auto; }
}

/* Dabang Awaz app bar — Android phones only (class set before paint, so no layout shift) */
.v6-dab { display: none; }
.v6-dab-on .v6-dab { display: block; background: #fff4f2; border-block-end: 1px solid #f3cfc9; }
.v6-dab .v6-wrap { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; min-block-size: 56px; }
.v6-dab img { inline-size: 40px; block-size: 40px; border-radius: 10px; }
.v6-dab__t { display: grid; line-height: 1.35; min-inline-size: 0; }
.v6-dab__t b { font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1b0f0d; }
.v6-dab__t span { font-size: 11.5px; color: #8a2a1f; }
.v6-dab__go { padding: 7px 14px; border-radius: 999px; background: #c8102e; color: #fff; font-weight: 800; font-size: 13px; white-space: nowrap; text-decoration: none; }
.v6-dab__go:hover { color: #fff; }
.v6-dab__x { inline-size: 28px; block-size: 28px; border: 0; border-radius: 50%; background: rgb(0 0 0 / .08); color: #444; cursor: pointer; padding: 0; }
.v6-dab--ep { background: #fff8e8; }
.v6-dab-on .v6-dab--ep { background: linear-gradient(90deg, #fff8e8, #ffeccc); }
.v6-dab--ep .v6-wrap { min-block-size: 64px; }
.v6-dab--ep .v6-dab__t b { font-size: 14.5px; }

/* interface language toggle */
.v6-ui { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; }
.v6-ui a { padding: 1px 6px; border-radius: 6px; color: var(--muted, #666); }
.v6-ui__hi { background: var(--ink, #161616); color: var(--paper, #fff); }
.ui-en .v6-ui__hi { background: none; color: var(--muted, #666); }
.ui-en .v6-ui__en { background: var(--ink, #161616); color: var(--paper, #fff); }
.v6-top a.v6-ui__hi, .v6-top a.v6-ui__en { text-decoration: none; }

/* ---------- home: band ad as a full row; longer desktop side column (12-Nov) ---------- */
.v6-cat > .v6-ad-card { grid-column: 1 / -1; }
.v6-sidelist ul { display: grid; gap: var(--s3); list-style: none; margin: 0; padding: 0; }
.v6-sidelist li { display: grid; gap: 2px; padding-block-end: var(--s3); border-block-end: 1px solid var(--line); }
.v6-sidelist li a { font-weight: 700; line-height: 1.45; }
.v6-sidecat { display: grid; gap: var(--s3); }
.v6-sidecat .v6-mini { grid-template-columns: 96px 1fr; }
.v6-sidecat .v6-mini h4 { font-size: var(--fs-s); }
.v6-sidecity { display: grid; gap: var(--s2); }
.v6-sidecity div { display: flex; flex-wrap: wrap; gap: 6px; }
.v6-sidecity a { padding: 4px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: var(--fs-s); font-weight: 600; }
@media (min-width: 1024px) {
  .v6-layout > .v6-side { align-self: stretch; display: flex; flex-direction: column; }
  .v6-side__seg { flex: 1 0 auto; }
  .v6-side__in { position: sticky; inset-block-start: 64px; display: grid; gap: var(--s5); max-block-size: calc(100vh - 76px); overflow: auto; scrollbar-width: thin; }
}

/* ===== 12-Nov-2026 phone pass: always the light paper look · compact header · 2-column footer ===== */
.v6-mast__act { display: none; }
@media (max-width: 1023.98px) {
  :root { --gut: 12px; --nav-h: 44px; }
  .v6-top { display: none; }
  .v6-mast .v6-wrap, .v6-mast--slim .v6-wrap { padding-block: 6px; gap: var(--s2); min-block-size: 48px; }
  .v6-logo__name, .v6-mast--slim .v6-logo__name { font-size: 1.6rem; }
  .v6-logo__tag, .v6-mast__tag, .v6-mast__aside { display: none; }
  .v6-mast__act { display: flex; align-items: center; gap: 8px; margin-inline-start: auto; font-size: var(--fs-xs); }
  .v6-mast__act .v6-pill { padding: 4px 10px; font-size: var(--fs-xs); }
  .v6-nav .v6-wrap { block-size: 44px; }
  .v6-nav__row a { padding: 8px 9px; }
  .v6-dab .v6-wrap { min-block-size: 48px; grid-template-columns: 32px minmax(0, 1fr) auto auto; gap: 8px; }
  .v6-dab img { inline-size: 32px; block-size: 32px; border-radius: 8px; }
  .v6-foot { margin-block-start: var(--s5); padding-block: var(--s4) var(--s3); }
  .v6-foot__grid { grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s4); }
  .v6-foot__brand, .v6-foot__grid > nav:last-child { grid-column: 1 / -1; }
  .v6-foot__brand .v6-logo__name { font-size: 1.45rem; }
  .v6-foot__brand p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-block-start: 2px; font-size: var(--fs-xs); line-height: 1.55; }
  .v6-foot h2 { font-size: var(--fs-s); margin-block-end: 4px; }
  .v6-foot ul { display: flex; flex-wrap: wrap; gap: 0 12px; }
  .v6-foot li a { font-size: var(--fs-xs); line-height: 2; }
  .v6-foot__legal { margin-block-start: var(--s3); padding-block-start: var(--s2); }
}

/* section heads everywhere: a short accent bar (section colour) + bold title + hairline */
.v6-hd { border-block-start: 0; padding-block: 0 6px; border-block-end: 1px solid var(--line); }
.v6-hd h2 { display: flex; align-items: center; gap: 8px; color: var(--ink); }
.v6-hd h2::before { content: ""; flex: none; inline-size: 4px; block-size: 1.05em; border-radius: 2px; background: var(--sec, var(--red)); }
.v6-fr { border-radius: 10px; }

/* phones: use the screen — 12 px gutters, 16 px rhythm, compact rows, no boxes */
@media (max-width: 600px) {
  .v6-sec { margin-block: var(--s4); }
  .v6-hd { margin-block-end: var(--s2); }
  .v6-hd h2 { font-size: var(--fs-l); }
  .v6-brk .v6-wrap { block-size: 34px; }
  .v6-cities { padding-block: 8px 0; }
  .v6-cities a { padding: 2px 10px; }
  .v6-hero { gap: var(--s2); margin-block: var(--s3) var(--s2); }
  .v6-lead h1 { font-size: 1.3rem; line-height: 1.42; }
  .v6-lead p { display: none; }
  .v6-tops h2 { display: none; }
  .v6-tops a { grid-template-columns: 1fr; padding-block: 8px; }
  .v6-tops .v6-fr { display: none; }
  .v6-tops h3 { font-size: .97rem; line-height: 1.45; display: flex; gap: 8px; }
  .v6-tops h3::before { content: ""; flex: none; inline-size: 6px; block-size: 6px; margin-block-start: .6em; border-radius: 50%; background: var(--red); }
  .v6-grid--4 { grid-template-columns: 1fr; gap: 0; }
  .v6-grid--4 > .v6-card { grid-template-columns: 104px minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: var(--s3); row-gap: 2px; padding-block: 10px; border-block-end: 1px solid var(--line); }
  .v6-grid--4 > .v6-card > .v6-fr { grid-row: 1 / span 3; aspect-ratio: 4 / 3; }
  .v6-grid--4 > .v6-card h3 { font-size: .95rem; line-height: 1.45; }
  .v6-cat { gap: var(--s3); }
  .v6-cat__minis { gap: 0; }
  .v6-mini { grid-template-columns: 104px minmax(0, 1fr); padding-block: 10px; border-block-end: 1px solid var(--line); }
  .v6-mini h4 { font-size: .95rem; }
  .v6-lcard .v6-mini { grid-template-columns: 104px minmax(0, 1fr); padding-block: 0; border: 0; }
  .cards { gap: 0; margin-block: var(--s2); }
  .v6-lcard { padding-block: 10px; }
  .v6-ad-card { border: 0; padding: 10px 0; background: none; border-block-end: 1px solid var(--line); border-radius: 0; }
  .sb-authorbox, .sb-post-section, .sb-post-nav__item { border: 0; border-radius: 0; }
  .sb-authorbox { padding: 12px 0; border-block: 1px solid var(--line); }
  .sb-post-nav__item { padding: 8px 0; border-block-end: 1px solid var(--line); }
  .vgp2 { border-radius: 0; margin-inline: calc(-1 * var(--gut)); }
}
@media (max-width: 600px) {
  .v6-nav .v6-wrap { block-size: 42px; }
  .v6-lead > .v6-tm { display: none; }
  .v6-tops a { padding-block: 6px; }
  .v6-cities { padding-block: 6px 0; }
}
@media (max-width: 600px) {
  .v6-brk .v6-wrap { block-size: 32px; }
  .v6-tops a { padding-block: 5px; }
  .v6-tops h3 { font-size: .92rem; line-height: 1.4; }
  .v6-hero { margin-block-start: var(--s2); }
  .v6-lead h1 { font-size: 1.22rem; }
}
@media (min-width: 601px) { .v6-tops li:nth-child(n+6) { display: none; } }

/* article: older stories on the same subject (internal links) */
.sb-older { border: 0; }
.sb-older__title { font-size: var(--fs-l); display: flex; align-items: center; gap: 8px; margin-block-end: var(--s2); }
.sb-older__title::before { content: ""; inline-size: 4px; block-size: 1.05em; border-radius: 2px; background: var(--red); }
.sb-older__list { display: grid; list-style: none; margin: 0; padding: 0; }
.sb-older__list li { padding-block: 8px; border-block-end: 1px solid var(--line); line-height: 1.5; }
.sb-older__list a { font-weight: 700; }
.sb-older__list a:hover { color: var(--red); }
.sb-older__list .v6-tm { white-space: nowrap; }
span.sb-tags__item { color: var(--ink-2); cursor: default; }
/* numbered pages under category / city / latest lists */
.sb-pager { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; margin-block: var(--s5); }
.sb-pager a, .sb-pager span { min-inline-size: 40px; block-size: 40px; display: inline-grid; place-items: center; padding-inline: 10px; border-radius: 999px; border: 1px solid var(--line); font-weight: 700; font-size: var(--fs-s); }
.sb-pager a:hover { border-color: var(--red); color: var(--red); }
.sb-pager [aria-current="page"] { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.sb-pager .sb-pager__gap { border: 0; min-inline-size: 16px; padding: 0; }

/* author card (13-Nov-2026) */
.sb-authorbox{margin:20px 0 6px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#fff8f0,#fdf1ec);border:0}
.sb-au{display:flex;align-items:center;gap:12px}
.sb-au__pic{flex:0 0 60px;inline-size:60px;block-size:60px;border-radius:50%;overflow:hidden;background:#f3d9cf;box-shadow:0 0 0 3px #fff,0 0 0 4.5px #c8102e33;display:grid;place-items:center}
.sb-au__pic img{inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 20%;display:block}
.sb-au__pic span{font-size:26px;font-weight:800;color:#a31424}
.sb-au__who{display:grid;gap:1px;min-inline-size:0}
.sb-au__k{font-size:11.5px;font-weight:700;color:#a31424;letter-spacing:.02em}
.sb-au__name{font-size:18px;font-weight:800;line-height:1.3;color:#1b0f0d;text-decoration:none}
a.sb-au__name:hover{color:#c8102e}
.sb-au__role{font-size:12.5px;color:#6b5d55}
.sb-au__bio{margin:10px 0 0;font-size:14px;line-height:1.65;color:#3d3330}
.sb-au__acts{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sb-au__go{display:inline-flex;align-items:center;min-block-size:38px;padding:0 16px;border-radius:999px;background:#c8102e;color:#fff !important;font-size:13.5px;font-weight:700;text-decoration:none}
.sb-au__go:hover{background:#a30d25}
.sb-au__soc{display:inline-flex;align-items:center;min-block-size:34px;padding:0 12px;border-radius:999px;background:#fff;color:#3d3330;font-size:12.5px;font-weight:600;text-decoration:none}
.sb-authorbox .sb-au__bio{margin:10px 0 0 !important;padding:0 !important}
.sb-authorbox .sb-au__acts{margin:12px 0 0 !important}

/* footer: address + app stores (13-Nov-2026) */
.v6-foot__addr{margin-block-start:12px;font-style:normal;display:grid;gap:7px;color:#cfcfcf;font-size:13.5px;line-height:1.5}
.v6-foot__row{display:flex;gap:8px;align-items:flex-start}
.v6-foot__row svg{flex:0 0 16px;inline-size:16px;block-size:16px;margin-block-start:2px;fill:#ff6b6b}
.v6-foot__addr a{color:#eee}
.v6-foot__rni{color:#8f8f8f;font-size:12px;padding-inline-start:24px}
.v6-foot__appnote{margin:0 0 10px;color:#aaa;font-size:13px;line-height:1.5}
.v6-stores{display:grid;gap:8px;margin-block-end:10px;max-inline-size:220px}
.v6-store{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:#000;border:1px solid #444;color:#fff !important;min-block-size:48px}
.v6-store:hover{border-color:#888}
.v6-store svg{flex:0 0 24px;inline-size:24px;block-size:24px}
.v6-store span{display:grid;line-height:1.15}
.v6-store small{font-size:11px;color:#bbb}
.v6-store b{font-size:16px;font-weight:700;letter-spacing:.01em}
@media (max-width:639px){
  .v6-foot__addr{font-size:12.5px;gap:5px;margin-block-start:8px}
  .v6-stores{grid-template-columns:1fr 1fr;max-inline-size:none}
  .v6-store{padding:7px 10px;min-block-size:46px}
  .v6-store b{font-size:14.5px}
  .v6-foot__appnote{font-size:12px;margin-block-end:8px}
}
/* footer "भरोसा" list: two short columns, smaller text (owner 13-Nov-2026: "make it little small") */
@media (min-width:640px){
  .v6-foot nav[aria-label="हमारे बारे में"] ul,.v6-foot nav[aria-label="About us"] ul{grid-template-columns:repeat(2,max-content);gap:4px 22px}
  .v6-foot nav[aria-label="हमारे बारे में"] li a,.v6-foot nav[aria-label="About us"] li a{font-size:13px;line-height:1.7;color:#bdbdbd}
}
@media (max-width:639px){
  .v6-foot nav[aria-label="हमारे बारे में"] li a{font-size:11.5px;line-height:1.85;color:#bdbdbd}
  .v6-foot nav[aria-label="हमारे बारे में"] ul{gap:0 10px}
}
/* footer spacing — one rhythm for every column (owner 13-Nov-2026: "properly arrange the spacing") */
@media (min-width:1024px){ .v6-foot .v6-foot__grid{grid-template-columns:1.35fr .9fr 1.15fr 1fr;gap:28px 40px;align-items:start} }
@media (min-width:640px){
  .v6-foot .v6-foot__grid h2{font-size:16px;line-height:1.3;margin:0 0 12px}
  .v6-foot .v6-foot__grid ul{display:grid;grid-template-columns:repeat(2,max-content);gap:8px 26px}
  .v6-foot .v6-foot__grid li a,.v6-foot nav[aria-label="हमारे बारे में"] li a,.v6-foot nav[aria-label="About us"] li a{font-size:14px;line-height:1.5;color:#c9c9c9}
  .v6-foot .v6-foot__grid li a:hover{color:#fff}
  .v6-foot .v6-foot__brand p{font-size:14px;line-height:1.6;margin:10px 0 0}
  .v6-foot .v6-foot__addr{font-size:14px;line-height:1.5;gap:8px;margin-top:14px}
  .v6-foot .v6-foot__appnote{font-size:13.5px;line-height:1.5;margin:0 0 12px}
  .v6-foot .v6-stores{max-inline-size:210px;gap:8px;margin:0 0 14px}
  .v6-foot .v6-store{min-block-size:44px;padding:6px 12px;border-radius:10px}
  .v6-foot .v6-store b{font-size:15px}
  .v6-foot .v6-store small{font-size:10.5px}
  .v6-foot .v6-foot__grid ul.v6-foot__ads{grid-template-columns:1fr;gap:8px}
  .v6-foot .v6-foot__legal{margin-top:28px;padding-top:16px;font-size:13px}
}
@media (min-width:640px){ .v6-foot .v6-foot__grid li{margin:0;line-height:1.5;padding:0} .v6-foot .v6-foot__grid li a{display:inline-block;line-height:1.5 !important} }

/* article typography (13-Nov-2026) */
.sb-content{font-family:"Noto Sans Devanagari",var(--font);font-size:clamp(1.06rem,1rem + .3vw,1.18rem);line-height:1.85;color:#1f1f1f;letter-spacing:0}
.sb-content > * + *{margin-block-start:1em}
.sb-content em,.sb-content i{font-style:normal;color:#3a2a22}
.sb-content strong,.sb-content b{font-weight:700;color:#111}
.sb-content h2{font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem);line-height:1.4;font-weight:700;margin-block:1.6em .5em;color:#111}
.sb-content h3{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem);line-height:1.45;font-weight:700;margin-block:1.3em .4em}
.sb-content h2 + p,.sb-content h3 + p{margin-block-start:0}
.sb-title{font-family:"Noto Sans Devanagari",var(--font);font-weight:700;line-height:1.35;letter-spacing:0}
body{font-family:"Noto Sans Devanagari",var(--font)}

/* side column: more to read, and the lower half stays in view while a long story scrolls */
.v6-side__stick{position:sticky;inset-block-start:64px;display:grid;gap:var(--s4)}
.v6-mread ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v6-mread li a{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start;color:inherit;text-decoration:none}
.v6-mread img{inline-size:84px;block-size:56px;object-fit:cover;border-radius:8px;background:var(--paper-2)}
.v6-mread b{font-size:14px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v6-mread li a:hover b{color:var(--red)}
.v6-svg{background:#faf6f2;border-radius:14px;padding:12px}
.v6-svg__hd{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
.v6-svg__hd b{font-size:15px}
.v6-svg__hd small{font-size:11px;color:#8a7a6a;background:#efe5d3;border-radius:999px;padding:1px 8px}
.v6-svg__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v6-svg__c{display:grid;gap:4px;background:#fff;border-radius:10px;padding:6px;color:inherit;text-decoration:none}
.v6-svg__c img{inline-size:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff}
.v6-svg__c span{font-size:12.5px;line-height:1.35;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-block-size:2.7em}
.v6-svg__c em{font-style:normal;font-size:13.5px;font-weight:800;color:#a31424}
.v6-sapp{display:grid;gap:8px;background:#111;color:#eee;border-radius:14px;padding:12px}
.v6-sapp b{font-size:15px;color:#fff}
.v6-sapp p{margin:0;font-size:12.5px;color:#bbb}
.v6-sapp div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.v6-sapp a{display:flex;align-items:center;justify-content:center;gap:6px;min-block-size:38px;border-radius:9px;background:#000;border:1px solid #444;color:#fff !important;font-size:13px;font-weight:700;text-decoration:none}
.v6-sapp svg{inline-size:18px;block-size:18px}
/* side column really follows the scroll: the column is as tall as the story and the lower block sticks (13-Nov-2026) */
@media (min-width:1024px){
  .sb-layout__sidebar,.v6-layout > aside{align-self:stretch !important}
  .sb-layout__sidebar > .v6-side,.v6-layout > aside > .v6-side{display:flex !important;flex-direction:column;gap:var(--s5);min-block-size:100%;align-self:stretch !important}
}
/* Google ads: labelled, quiet, and gone when there is no ad (AdSense not approved yet / no fill) */
.sb-ad{margin-block:var(--s4);text-align:center}
.sb-ad .sb-ad-label{font-size:11px;color:var(--muted);margin-block-end:4px;letter-spacing:.02em}
.sb-ad-side{margin:0;background:#fff;border-radius:12px;padding:6px;min-block-size:0}
/* related stories: never a lonely card on the last row (owner 13-Nov-2026: "remove one") */
@media (max-width:1023.98px){ /* the ad card fills a whole row on phones, so count only the story cards */ .sb-related-grid > a.sb-related-card:nth-of-type(2n+1):last-of-type{display:none} }
@media (min-width:1024px){
  .sb-related-grid > :nth-child(3n+1):last-child,
  .sb-related-grid > :nth-child(3n+1):nth-last-child(2),
  .sb-related-grid > :nth-child(3n+1):nth-last-child(2) + *{display:none}
}
/* article font, softer (owner 13-Nov-2026 on the phone: "correct the fonts") — semibold instead of heavy bold, even colour */
.sb-content strong,.sb-content b{font-weight:600;color:#111}
.sb-content em,.sb-content i{color:inherit}
.sb-content h2,.sb-content h3,.sb-title{font-weight:700}
@media (max-width:639px){
  .sb-content{font-size:17px;line-height:1.75}
  .sb-content h2{font-size:20px;line-height:1.4}
  .sb-content h3{font-size:18px}
  .sb-title{font-size:25px;line-height:1.38}
}
/* no Google ad yet → hide the empty Google box, keep the Vastu Guruji banner (13-Nov-2026) */
.sb-ad ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important}
/* until Google sends an ad, the whole box stays away — the old house pictures (a motorbike photo) were wrong for these spots */
.sb-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none !important}
.sb-ad .sb-ad-label{font-size:0}.sb-ad .sb-ad-label::after{content:"विज्ञापन";font-size:11px}