/*
Theme Name: Apna News Reader
Description: Reader-first theme for apnanews.ca implementing the 2026 static design handoff: navy/red editorial system, region-first homepage (Surrey, Metro Vancouver, B.C.), English-first with Punjabi access. Built 2026-10-21 from the approved static design package.
Version: 0.1.9
Author: Apna News
*/
:root {
  color-scheme: light;
  --ink: #0d1d29;
  --ink-soft: #304956;
  --navy: #10263c;
  --navy-deep: #071522;
  --red: #1668b4;
  --red-deep: #0f4e86;
  --paper: #f4f8fb;
  --paper-warm: #e5f0f4;
  --surface: #ffffff;
  --line: #cad8df;
  --line-dark: #365061;
  --muted: #506571;
  --gold: #d7f76a;
  --signal-cyan: #54dff4;
  --signal-lime: #d7f76a;
  --signal-ink: #075d75;
  --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --gurmukhi: "Noto Sans Gurmukhi", "Raavi", "Nirmala UI", sans-serif;
  font-family: var(--sans);
  color: var(--ink);
  background: var(--paper);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 1.5rem; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.55; }
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .16em; }
a:hover { color: var(--red-deep); }
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #e2a728; outline-offset: 3px; }
button, input { font: inherit; }
.wrap { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; inset: 8px auto auto 8px; transform: translateY(-160%); background: var(--surface); color: var(--ink); padding: .75rem 1rem; border: 2px solid var(--red); }
.skip-link:focus { transform: translateY(0); }
.preview-note { padding: .46rem 24px; background: #f0dfb9; color: #423218; text-align: center; font-size: .77rem; letter-spacing: .015em; }
.preview-note span { color: #7b2a21; font-weight: 800; letter-spacing: .12em; margin-right: .5rem; }

.site-header { background: var(--paper); border-bottom: 1px solid var(--line); }
.masthead { min-height: 102px; display: grid; grid-template-columns: minmax(190px, 1fr) minmax(170px, .75fr) auto; gap: 24px; align-items: center; }
.wordmark { display: inline-flex; align-items: baseline; width: max-content; color: var(--navy); text-decoration: none; letter-spacing: -.065em; line-height: .88; }
.wordmark > span { font-family: var(--serif); font-size: 3rem; font-weight: 700; }
.wordmark b { font-size: .83rem; letter-spacing: .15em; margin-left: .34rem; }
.wordmark i { color: var(--red); font-size: 2.4rem; font-style: normal; line-height: .5; margin-left: .02rem; }
.masthead-note { display: flex; flex-direction: column; gap: .12rem; color: var(--muted); font-family: var(--serif); font-size: .96rem; }
.masthead-kicker { color: var(--red); font-family: var(--sans); font-size: .65rem; font-weight: 800; letter-spacing: .16em; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 15px; }
.search-form { min-width: 0; display: flex; align-items: center; border: 1px solid var(--line); border-radius: 99px; background: var(--surface); padding: 0 .3rem 0 .85rem; }
.search-form input { width: 145px; max-width: 14vw; min-width: 70px; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: .82rem; padding: .52rem 0; }
.search-form input:focus-visible { outline-offset: -2px; }
.search-form button { width: 31px; height: 31px; flex: 0 0 auto; border: 0; border-radius: 50%; background: var(--paper-warm); color: var(--navy); font-size: 1.35rem; line-height: 1; cursor: pointer; }
.language-switch { display: flex; gap: .2rem; align-items: center; padding: .2rem; border-radius: 99px; background: #eeece6; white-space: nowrap; }
.language-switch a { padding: .38rem .62rem; color: var(--ink-soft); border-radius: 99px; text-decoration: none; font-size: .72rem; font-weight: 650; }
.language-switch a[lang="pa"] { font-family: var(--gurmukhi); font-size: .78rem; }
.language-switch .language-current { background: var(--surface); color: var(--navy); box-shadow: 0 1px 4px #18263118; }
.advertise-link { padding: .57rem .9rem; border: 1px solid var(--red); color: var(--red-deep); font-weight: 750; font-size: .78rem; text-decoration: none; white-space: nowrap; }
.advertise-link:hover { color: white; background: var(--red); }
.navigation-band { background: var(--navy); color: white; border-bottom: 3px solid var(--red); }
.nav-wrap { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.primary-navigation { min-width: 0; display: flex; align-items: stretch; gap: clamp(14px, 2.2vw, 30px); }
.primary-navigation a { position: relative; display: flex; align-items: center; min-height: 48px; padding: 0 .05rem; color: #f6f7f5; font-size: .8rem; font-weight: 650; text-decoration: none; white-space: nowrap; }
.primary-navigation a:hover, .primary-navigation a[aria-current="page"] { color: white; }
.primary-navigation a[aria-current="page"]::after, .primary-navigation a:hover::after { position: absolute; right: 0; bottom: -3px; left: 0; height: 3px; background: var(--gold); content: ""; }
.nav-edition { color: #c9d1d4; font-size: .61rem; font-weight: 750; letter-spacing: .15em; white-space: nowrap; }
.menu-toggle { display: none; }
.page-main { padding-top: 27px; padding-bottom: 78px; }
.page-kicker-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.eyebrow { margin: 0; color: var(--muted); font-size: .68rem; line-height: 1.35; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow-dot { display: inline-block; width: 8px; height: 8px; margin-right: .38rem; border-radius: 50%; background: var(--red); vertical-align: .03em; }
.edition-date { color: var(--muted); font-size: .75rem; }
.lead-grid { display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(275px, .82fr); gap: 31px; align-items: stretch; }
.lead-story { min-width: 0; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line); }
.lead-art { position: relative; display: block; aspect-ratio: 16 / 8.4; overflow: hidden; background: linear-gradient(135deg, #1b4759 0%, #456c76 48%, #c69c66 100%); text-decoration: none; }
.art-skyline { background: linear-gradient(158deg, #bbd1d0 0 34%, #e3c28d 35% 56%, #355666 57% 75%, #1d3948 76%); }
.art-label { position: absolute; z-index: 3; top: 15px; left: 16px; padding: .37rem .53rem; background: #112b3be8; color: white; font-size: .75rem; font-weight: 800; line-height: 1.3; letter-spacing: .05em; }
.art-sun { position: absolute; top: 15%; right: 18%; width: 17%; aspect-ratio: 1; border-radius: 50%; background: #e9cf9a; box-shadow: 0 0 42px #fff0c76b; }
.art-horizon { position: absolute; right: -5%; bottom: 24%; left: -5%; height: 2px; transform: rotate(-2deg); background: #fff8dc9c; }
.art-building { position: absolute; bottom: 0; border: 1px solid #f5e6c74c; background: linear-gradient(90deg, #132c3a, #24485a); box-shadow: inset 0 14px 0 #ffffff0c; }
.art-building-a { left: 9%; width: 18%; height: 35%; clip-path: polygon(7% 0, 100% 9%, 92% 100%, 0 100%); }
.art-building-b { left: 35%; width: 24%; height: 50%; clip-path: polygon(0 13%, 35% 0, 100% 8%, 93% 100%, 6% 100%); }
.art-building-c { right: 9%; width: 21%; height: 31%; clip-path: polygon(0 10%, 80% 0, 100% 100%, 4% 100%); }
.lead-copy { padding: 21px 25px 22px; }
.story-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: var(--muted); font-size: .75rem; }
.tag { display: inline-flex; align-items: center; padding: .32rem .5rem; font-size: .72rem; font-weight: 850; letter-spacing: .07em; }
.tag-red { background: #f8e8e6; color: var(--red-deep); }
h1, h2, h3, p { overflow-wrap: anywhere; }
.lead-copy h2 { max-width: 760px; margin: .62rem 0 .48rem; font-family: var(--serif); font-size: clamp(2rem, 3.7vw, 3.35rem); font-weight: 650; line-height: 1.03; letter-spacing: -.038em; }
.lead-copy h2 a, .support-copy h2 a { text-decoration: none; }
.lead-summary { max-width: 660px; margin: 0; color: var(--ink-soft); font-size: .95rem; }
.byline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 17px; color: var(--muted); font-size: .78rem; }
.byline-mark { display: inline-grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-size: .68rem; font-weight: 800; }
.meta-divider { color: var(--red); }
.supporting-stories { display: flex; min-width: 0; flex-direction: column; gap: 13px; }
.support-story { display: grid; min-width: 0; grid-template-columns: 136px minmax(0, 1fr); gap: 14px; padding: 0 0 12px; border-bottom: 1px solid var(--line); }
.story-thumb { position: relative; display: block; min-height: 107px; overflow: hidden; background: var(--paper-warm); text-decoration: none; }
.thumb-caption { position: absolute; z-index: 2; right: 6px; bottom: 6px; left: 6px; padding: .3rem; background: #132a39e8; color: white; text-align: center; font-size: .75rem; font-weight: 800; line-height: 1.3; letter-spacing: .03em; }
.art-community { background: linear-gradient(145deg, #eed4a2 0 45%, #b55b43 46% 64%, #285d5c 65%); }
.art-civic { background: linear-gradient(140deg, #d5e0de 0 41%, #8ba4a0 42% 59%, #344e5b 60%); }
.art-shape { position: absolute; display: block; border-radius: 50%; }
.art-shape-one { top: 18%; left: 22%; width: 38%; aspect-ratio: 1; background: #9b5038; box-shadow: 24px 20px 0 #234849; }
.art-shape-two { right: 15%; bottom: -18%; width: 45%; aspect-ratio: 1; background: #e7c178; }
.art-shape-three { top: 22%; left: 15%; width: 32%; height: 85%; border-radius: 48% 48% 0 0; background: #244654; }
.art-shape-four { right: 10%; bottom: -9%; width: 41%; height: 67%; border-radius: 45% 45% 0 0; background: #acb4a3; }
.support-copy { align-self: center; min-width: 0; }
.support-copy .eyebrow { font-size: .72rem; }
.support-copy h2 { margin: .35rem 0 .42rem; font-family: var(--serif); font-size: clamp(1.02rem, 1.4vw, 1.36rem); line-height: 1.13; letter-spacing: -.02em; }
.story-date { margin: 0; color: var(--muted); font-size: .75rem; }
.all-coverage { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: .78rem .05rem; color: var(--red-deep); border-bottom: 1px solid var(--line); font-size: .77rem; font-weight: 750; text-decoration: none; }
.all-coverage span { font-size: 1.1rem; }

.ad-slot { position: relative; color: var(--muted); }
.ad-slot-wide { margin: 28px 0 55px; padding: 15px 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ad-label { display: block; margin-bottom: 8px; color: var(--muted); font-size: .75rem; font-weight: 850; line-height: 1.4; letter-spacing: .12em; text-align: center; }
.ad-slot-inner { min-height: 112px; display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 17px 6%; background: linear-gradient(105deg, #f0ece3, #f8f7f3 48%, #eae7df); }
.ad-monogram { display: grid; width: 52px; height: 52px; flex: 0 0 auto; place-items: center; border: 1px solid #c9bda6; color: var(--red); font-family: var(--serif); font-size: 1.75rem; }
.ad-slot-inner > div { margin-right: auto; }
.ad-slot-inner strong { color: var(--ink); font-family: var(--serif); font-size: 1.15rem; }
.ad-slot-inner p { margin: .1rem 0 0; font-size: .77rem; }
.ad-format { color: var(--muted); font-size: .72rem; font-weight: 750; letter-spacing: .08em; }

.region-section { margin-bottom: 62px; }
.region-section-priority { margin-bottom: 36px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-bottom: 15px; border-bottom: 2px solid var(--ink); }
.section-heading h1, .section-heading h2, .section-title-line h2 { margin: .35rem 0 0; font-family: var(--serif); font-size: clamp(1.75rem, 2.5vw, 2.3rem); font-weight: 600; line-height: 1.08; letter-spacing: -.035em; }
.section-heading > p { max-width: 390px; margin: 0; color: var(--muted); font-size: .78rem; }
.region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-top: 17px; }
.region-card { position: relative; min-height: 128px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 16px 19px; color: white; text-decoration: none; background: var(--navy); transition: transform .18s ease, background-color .18s ease; }
.region-card-surrey { border-bottom: 3px solid var(--red); }
.region-card:hover { color: white; transform: translateY(-3px); }
.region-card::before, .region-card::after { position: absolute; content: ""; pointer-events: none; }
.region-card::before { inset: 0; opacity: .8; background: linear-gradient(105deg, #132a39, #244452 58%, #435d62); }
.region-card::after { top: -42px; right: -20px; width: 155px; height: 155px; border: 1px solid #ffffff36; border-radius: 50%; box-shadow: 0 0 0 22px #ffffff08, 0 0 0 46px #ffffff08; }
.region-card-metro::before { background: linear-gradient(108deg, #162b37, #37535a 55%, #aa7762); }
.region-card-bc::before { background: linear-gradient(108deg, #162b37, #375449 60%, #a5a574); }
.region-number, .region-label, .region-subtitle, .region-arrow { position: relative; z-index: 1; }
.region-number { align-self: flex-start; margin-bottom: auto; color: #e6c37f; font-family: var(--serif); font-size: 1.06rem; }
.region-label { font-size: .8rem; font-weight: 850; letter-spacing: .13em; }
.region-subtitle { margin-top: .15rem; color: #e2e8e6; font-size: .75rem; line-height: 1.35; }
.region-arrow { position: absolute; right: 17px; bottom: 17px; color: #f1d89d; font-size: 1.15rem; }
.region-card:hover .region-arrow { transform: translate(2px, -2px); }

.content-columns { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(250px, .72fr); gap: 42px; align-items: start; }
.news-sections { display: grid; gap: 46px; min-width: 0; }
.story-list-section { min-width: 0; }
.section-title-line { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.section-title-line > a { color: var(--red-deep); font-size: .75rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.section-title-line > a span { font-size: 1rem; }
.story-row { display: grid; grid-template-columns: 115px minmax(0, 1fr); gap: 17px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.row-image { min-height: 82px; background: linear-gradient(135deg, #bdc7bc, #dec49a 54%, #526c6c); }
.art-row-one { background: linear-gradient(135deg, #d4d6c7, #b99267 45%, #375265 46%); }
.art-row-two { background: linear-gradient(145deg, #d7c6a2, #d6a568 41%, #8d5946 42%, #294552); }
.art-row-three { background: linear-gradient(135deg, #afc1ba, #e0d0aa 45%, #546c6a 46%); }
.story-row h3 { margin: .25rem 0; font-family: var(--serif); font-size: 1.24rem; line-height: 1.16; letter-spacing: -.018em; }
.story-row h3 a { text-decoration: none; }
.story-row p { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.4; }
.story-category { color: var(--red-deep); font-size: .75rem; font-weight: 850; letter-spacing: .08em; }
.reader-rail { display: grid; gap: 17px; }
.rail-card { padding: 21px; background: var(--surface); border: 1px solid var(--line); }
.rail-card h2 { margin: .48rem 0 .36rem; font-family: var(--serif); font-size: 1.5rem; line-height: 1.1; }
.rail-card p:not(.eyebrow) { margin: .5rem 0; color: var(--ink-soft); font-size: .79rem; }
.rail-card-dark { background: var(--navy); color: white; border-color: var(--navy); }
.rail-card-dark .eyebrow { color: #d6bd85; }
.rail-card-dark h2 { font-family: var(--gurmukhi); font-size: 1.6rem; }
.rail-card-dark p:not(.eyebrow) { color: #e0e5e4; }
.rail-link { display: inline-flex; gap: 12px; align-items: center; margin-top: .4rem; color: #f0d092; font-size: .77rem; font-weight: 750; text-decoration: none; }
.rail-card-newsletter { position: relative; overflow: hidden; background: var(--paper-warm); border-color: #e5dac3; }
.newsletter-icon { position: absolute; top: 12px; right: 17px; color: #d8bd86; font-family: var(--serif); font-size: 2.5rem; font-weight: 700; opacity: .8; }
.rail-card-newsletter .eyebrow { color: var(--red-deep); }
.text-link { display: inline-flex; align-items: center; gap: 10px; margin-top: .55rem; color: var(--red-deep); font-size: .76rem; font-weight: 800; text-decoration: none; }
.rail-ad { padding-top: 8px; border-top: 1px solid var(--line); }
.rail-ad-box { aspect-ratio: 1.2; display: grid; place-items: center; background: linear-gradient(145deg, #ece9e0, #f8f7f3); border: 1px dashed #b9c8d2; color: var(--muted); text-align: center; font-size: .66rem; font-weight: 800; letter-spacing: .1em; }
.rail-card-ad { border-top: 3px solid var(--red); }
.rail-card-ad .button { margin-top: .6rem; }
.button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: .68rem 1rem; border: 0; text-decoration: none; font-size: .75rem; font-weight: 800; }
.button-dark { background: var(--navy); color: white; }
.button-dark:hover { background: var(--red-deep); color: white; }
.button-red { background: var(--red); color: white; }
.button-red:hover { background: var(--red-deep); color: white; }
.button-light { background: white; color: var(--navy); }
.button-light:hover { background: var(--paper-warm); color: var(--navy); }

.community-feature { min-width: 0; display: grid; grid-template-columns: minmax(170px, .85fr) minmax(0, 1.15fr); background: var(--paper-warm); border: 1px solid #e7decf; }
.community-art { position: relative; min-height: 210px; overflow: hidden; background: linear-gradient(145deg, #315d5c, #b26c4e 60%, #e4c68f 61%); }
.community-sun { position: absolute; top: 15%; left: 24%; width: 72px; aspect-ratio: 1; border-radius: 50%; background: #f2dba8; }
.community-arch { position: absolute; right: 11%; bottom: -16%; left: 23%; height: 79%; border: 12px solid #f5e3bf; border-bottom: 0; border-radius: 50% 50% 0 0; background: #9d513d; }
.community-stamp { position: absolute; z-index: 2; top: 14px; left: 14px; color: white; font-family: var(--serif); font-size: .7rem; font-weight: 700; line-height: 1; letter-spacing: .1em; }
.community-copy { align-self: center; padding: 25px; }
.community-copy h2 { margin: .42rem 0; font-family: var(--serif); font-size: clamp(1.35rem, 2vw, 1.9rem); line-height: 1.1; letter-spacing: -.025em; }
.community-copy > p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .79rem; }

.site-footer { background: var(--navy-deep); color: white; }
.footer-grid { display: grid; grid-template-columns: 1.2fr .7fr .7fr 1fr; gap: 35px; padding-top: 42px; padding-bottom: 35px; }
.wordmark-footer { color: white; }
.wordmark-footer > span { font-size: 2.2rem; }
.wordmark-footer i { font-size: 1.8rem; }
.footer-grid p:not(.footer-heading) { color: #c0ccce; font-size: .75rem; }
.footer-heading { margin: 0 0 12px; color: #e7ca8e; font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.footer-grid > div:not(:first-child) > a { display: block; width: max-content; max-width: 100%; margin: .4rem 0; color: #e3e8e6; font-size: .75rem; text-decoration: none; }
.footer-grid > div:not(:first-child) > a:hover { color: white; text-decoration: underline; }
.footer-note { display: flex; flex-direction: column; gap: .48rem; align-self: center; padding-left: 18px; border-left: 1px solid var(--line-dark); color: #c5d0d0; font-size: .75rem; }
.footer-bottom { background: #081924; color: #aebcbe; font-size: .75rem; }
.footer-bottom > div { display: flex; justify-content: space-between; gap: 18px; padding-top: 12px; padding-bottom: 12px; }

.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 25px; color: var(--muted); font-size: .75rem; }
.breadcrumbs a { color: var(--red-deep); font-weight: 700; text-decoration: none; }
.breadcrumbs > span:last-child { color: var(--ink); }
.archive-heading { max-width: 850px; padding: 21px 0 31px; border-bottom: 2px solid var(--ink); }
.archive-heading h1 { margin: .42rem 0 .3rem; font-family: var(--serif); font-size: clamp(2.45rem, 5vw, 4.5rem); line-height: .98; letter-spacing: -.045em; }
.archive-heading > p:last-child { max-width: 680px; margin: .75rem 0 0; color: var(--ink-soft); font-size: .94rem; }
.region-jump { display: flex; gap: 12px; margin: 19px 0 57px; }
.region-jump a { flex: 1; display: flex; gap: 12px; align-items: center; padding: .75rem 1rem; border: 1px solid var(--line); background: white; text-decoration: none; font-size: .75rem; }
.region-jump a > b { color: var(--navy); font-size: .78rem; }
.region-jump a:first-child { border-color: var(--red); box-shadow: inset 0 3px var(--red); }
.region-archive-block { padding-top: 12px; margin-bottom: 63px; scroll-margin-top: 16px; }
.archive-count { color: var(--muted); font-size: .75rem; }
.archive-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; padding-top: 18px; }
.archive-card { min-width: 0; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.archive-image { display: block; aspect-ratio: 1.55; margin-bottom: 13px; }
.archive-card h3 { margin: .33rem 0; font-family: var(--serif); font-size: 1.35rem; line-height: 1.12; }
.archive-card p:last-child { margin: .35rem 0; color: var(--muted); font-size: .75rem; }

.article-layout { display: grid; grid-template-columns: minmax(0, 790px) minmax(230px, 300px); gap: 45px; align-items: start; justify-content: center; }
.article-main { min-width: 0; }
.article-main > h1 { max-width: 850px; margin: .68rem 0 .5rem; font-family: var(--serif); font-size: clamp(2.45rem, 5vw, 4.65rem); font-weight: 600; line-height: .99; letter-spacing: -.045em; }
.article-deck { max-width: 740px; margin: .8rem 0; color: var(--ink-soft); font-family: var(--serif); font-size: 1.22rem; line-height: 1.38; }
.article-byline { margin: 17px 0 25px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-image { margin: 0 0 27px; }
.image-placeholder { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.article-image figcaption { margin-top: .4rem; color: var(--muted); font-size: .75rem; }
.article-body-placeholder { max-width: 690px; margin: 0 auto; font-family: var(--serif); font-size: 1.12rem; line-height: 1.8; }
.article-body-placeholder .eyebrow { font-family: var(--sans); }
.article-language-note { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 13px; max-width: 690px; margin: 35px auto; padding: 15px; background: #eef1ee; border-left: 3px solid var(--navy); }
.language-note-mark { display: grid; width: 39px; height: 39px; place-items: center; background: var(--navy); color: white; font-family: var(--gurmukhi); font-size: 1.2rem; }
.article-language-note p { margin: 0; color: var(--ink-soft); font-size: .76rem; }
.article-language-note b { color: var(--ink); }
.article-related { max-width: 690px; margin: 42px auto 0; padding-bottom: 24px; }
.article-related > a { display: inline-block; margin-top: 16px; color: var(--red-deep); font-weight: 750; font-size: .8rem; text-decoration: none; }
.article-sidebar { display: grid; gap: 18px; padding-top: 8px; }
.article-sidebar .ad-slot { position: sticky; top: 20px; }

.advertise-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); align-items: center; gap: 52px; padding: 25px 0 50px; border-bottom: 2px solid var(--ink); }
.advertise-page [id] { scroll-margin-top: 6rem; }
.advertise-section-nav { position: sticky; top: 8px; z-index: 30; display: flex; align-items: center; gap: .25rem; margin: -23px 0 26px; padding: .35rem; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid rgb(84 223 244 / 35%); border-radius: 999px; background: rgb(16 38 60 / 96%); box-shadow: 0 14px 30px rgb(7 21 34 / 20%); scrollbar-width: thin; }
.advertise-section-nav > span { flex: 0 0 auto; padding: 0 .7rem; color: var(--signal-cyan); font-size: .62rem; font-weight: 850; letter-spacing: .1em; }
.advertise-section-nav a { flex: 0 0 auto; display: inline-flex; min-height: 44px; align-items: center; padding: 0 .78rem; border-radius: 999px; color: #f4f8fb; font-size: .76rem; font-weight: 740; text-decoration: none; white-space: nowrap; }
.advertise-section-nav a:hover { background: rgb(84 223 244 / 14%); color: white; }
.advertise-section-nav a:focus-visible { outline: 3px solid var(--signal-lime); outline-offset: -2px; }
.advertise-hero h1 { max-width: 720px; margin: .65rem 0 .75rem; font-family: var(--serif); font-size: clamp(2.7rem, 5.1vw, 4.7rem); line-height: .98; letter-spacing: -.045em; }
.advertise-intro { max-width: 590px; margin: 0 0 22px; color: var(--ink-soft); font-size: 1rem; }
.advertise-art { position: relative; min-height: 278px; overflow: hidden; background: var(--navy); }
.advertise-art::before { position: absolute; inset: 0; background: linear-gradient(138deg, #132a39 0 38%, #294d58 39% 68%, #b52c32 69%); content: ""; }
.ad-art-label { position: absolute; z-index: 1; top: 29px; left: 27px; color: #fff; font-family: var(--serif); font-size: 1.9rem; line-height: .9; letter-spacing: -.03em; }
.ad-art-circle { position: absolute; top: 24%; right: 13%; width: 128px; aspect-ratio: 1; border: 1px solid #ffffff7c; border-radius: 50%; box-shadow: 0 0 0 19px #ffffff12, 0 0 0 40px #ffffff0a; }
.ad-art-lines { position: absolute; right: 6%; bottom: 15%; width: 48%; height: 4px; background: #f1d79d; box-shadow: 0 -15px #f1d79d99, 0 -30px #f1d79d55; transform: rotate(-11deg); }
.ad-art-red { position: absolute; right: 0; bottom: 0; width: 35%; height: 33%; background: linear-gradient(135deg, #c44345, #842933); clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%); }
.package-section { padding: 49px 0 55px; }
.package-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.package-card { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 23px; background: white; border: 1px solid var(--line); }
.package-card-featured { border-top: 4px solid var(--red); padding-top: 20px; }
.package-index { position: absolute; top: 16px; right: 19px; color: var(--muted); font-family: var(--serif); font-size: 1.5rem; }
.package-card h3 { margin: .38rem 0 .4rem; font-family: var(--serif); font-size: 1.52rem; line-height: 1.06; }
.package-card > p:not(.eyebrow) { min-height: 3.5rem; margin: 0; color: var(--ink-soft); font-size: .8rem; }
.package-card ul { padding: 15px 0 15px 1.1rem; margin: 0 0 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: .75rem; }
.package-card li { margin: .36rem 0; }
.package-card > a { margin-top: auto; padding-top: 13px; border-top: 1px solid var(--line); color: var(--red-deep); font-size: .75rem; font-weight: 800; text-decoration: none; }
.campaign-details { display: grid; grid-template-columns: minmax(230px, .85fr) minmax(0, 1.15fr); gap: 60px; padding: 43px 0; border-top: 1px solid var(--line); }
.campaign-details h2 { margin: .4rem 0 .45rem; font-family: var(--serif); font-size: 2rem; line-height: 1.08; }
.campaign-details > div:first-child > p:last-child { max-width: 450px; color: var(--ink-soft); font-size: .83rem; }
.detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 25px; }
.detail-list > div { display: grid; grid-template-columns: 28px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.detail-list > .detail-version { grid-column: 1 / -1; }
.detail-list > div > span { color: var(--red); font-family: var(--serif); font-size: .95rem; }
.detail-list p { margin: 0; color: var(--muted); font-size: .75rem; }
.detail-list b { color: var(--ink); }
.advertise-cta { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 8px; padding: 25px 29px; background: var(--navy); color: white; }
.advertise-cta .eyebrow { color: #e7ca8e; }
.advertise-cta h2 { margin: .35rem 0; font-family: var(--serif); font-size: 1.9rem; }
.advertise-cta p:not(.eyebrow) { max-width: 630px; margin: 0; color: #d6dedd; font-size: .77rem; }
.advertise-cta .button { flex: 0 0 auto; }

@media (max-width: 980px) {
  .masthead { grid-template-columns: minmax(170px, .75fr) minmax(0, 1fr); }
  .masthead-note { display: none; }
  .primary-navigation { gap: 16px; }
  .nav-edition { display: none; }
  .lead-grid { grid-template-columns: minmax(0, 1.4fr) minmax(250px, .9fr); gap: 22px; }
  .content-columns { gap: 26px; }
  .support-story { grid-template-columns: 110px minmax(0, 1fr); gap: 10px; }
  .story-thumb { min-height: 88px; }
  .footer-grid { gap: 22px; }
  .article-layout { gap: 27px; }
}

@media (max-width: 760px) {
  .wrap { width: min(100% - 32px, 640px); }
  .preview-note { padding-inline: 16px; font-size: .75rem; }
  .masthead { min-height: auto; grid-template-columns: 1fr auto; gap: 10px; padding-top: 17px; padding-bottom: 15px; }
  .wordmark > span { font-size: 2.5rem; }
  .wordmark b { font-size: .72rem; }
  .wordmark i { font-size: 1.9rem; }
  .header-actions { grid-column: 1 / -1; justify-content: space-between; gap: 8px; }
  .search-form { flex: 1 1 auto; max-width: 230px; }
  .search-form input { width: 100%; max-width: none; }
  .language-switch { margin-left: auto; }
  .advertise-link { padding: .52rem .7rem; }
  .nav-wrap { min-height: 45px; align-items: center; flex-wrap: wrap; padding-top: 5px; padding-bottom: 5px; }
  .menu-toggle { display: inline-flex; min-height: 36px; align-items: center; gap: 9px; padding: .35rem .15rem; border: 0; background: transparent; color: white; font-size: .78rem; font-weight: 750; cursor: pointer; }
  .menu-icon { width: 19px; display: grid; gap: 4px; }
  .menu-icon i { height: 2px; display: block; background: currentColor; }
  .primary-navigation { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
  .js-enabled .primary-navigation:not(.is-open) { display: none; }
  .primary-navigation a { min-height: 44px; white-space: normal; border-top: 1px solid #ffffff20; }
  .primary-navigation a[aria-current="page"]::after, .primary-navigation a:hover::after { bottom: 0; }
  .page-main { padding-top: 19px; padding-bottom: 52px; }
  .page-kicker-row { align-items: start; }
  .edition-date { text-align: right; }
  .lead-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lead-art { aspect-ratio: 1.52; }
  .lead-copy { padding: 17px; }
  .lead-copy h2 { font-size: clamp(2rem, 9vw, 3.1rem); }
  .lead-summary { font-size: .86rem; }
  .supporting-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .support-story { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 8px; padding-bottom: 12px; }
  .story-thumb { min-height: auto; aspect-ratio: 1.45; }
  .support-copy .eyebrow { font-size: .72rem; }
  .support-copy h2 { font-size: 1.12rem; }
  .all-coverage { grid-column: 1 / -1; margin-top: 0; }
  .ad-slot-wide { margin: 20px 0 43px; }
  .ad-slot-inner { min-height: 94px; padding: 12px; gap: 12px; }
  .ad-slot-inner strong { font-size: 1rem; }
.ad-slot-inner p { font-size: .75rem; }
  .ad-format { display: none; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 10px; }
  .region-section-priority { margin-bottom: 31px; }
  .region-section-priority .region-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .region-section-priority .region-card { min-height: 108px; padding: 12px 10px; }
  .region-section-priority .region-number { margin-bottom: auto; font-size: .83rem; }
  .region-section-priority .region-label { padding-right: 2px; font-size: .78rem; letter-spacing: .08em; }
  .region-section-priority .region-subtitle { padding-right: 4px; font-size: .75rem; line-height: 1.35; }
  .region-section-priority .region-arrow { right: 8px; bottom: 8px; font-size: .9rem; }
  .content-columns { grid-template-columns: minmax(0, 1fr); gap: 31px; }
  .news-sections { gap: 34px; }
  .reader-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
  .rail-ad, .rail-card-ad { min-width: 0; }
  .rail-card { padding: 16px; }
  .rail-card h2 { font-size: 1.3rem; }
  .rail-card-dark h2 { font-size: 1.35rem; }
  .rail-card p:not(.eyebrow) { font-size: .75rem; }
  .rail-ad-box { aspect-ratio: .95; }
  .rail-card-ad .button { width: 100%; padding-inline: .55rem; }
  .community-feature { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .community-art { min-height: 185px; }
  .community-copy { padding: 16px; }
  .community-copy h2 { font-size: 1.4rem; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 32px; }
  .footer-note { min-height: 65px; padding-left: 12px; }
  .breadcrumbs { margin-bottom: 18px; }
  .region-jump { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-bottom: 39px; }
  .region-jump a { display: grid; gap: 3px; padding: .6rem; }
  .archive-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .region-archive-block { margin-bottom: 44px; }
  .article-layout { grid-template-columns: minmax(0, 1fr); }
  .article-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .article-sidebar .ad-slot { position: static; }
  .advertise-hero { grid-template-columns: minmax(0, 1fr); gap: 23px; padding-top: 10px; padding-bottom: 33px; }
  .advertise-hero h1 { font-size: clamp(2.55rem, 11vw, 3.8rem); }
  .advertise-art { min-height: 200px; }
  .package-grid { grid-template-columns: minmax(0, 1fr); }
  .package-card > p:not(.eyebrow) { min-height: 0; }
  .campaign-details { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-block: 30px; }
  .detail-list { gap: 8px 15px; }
  .advertise-cta { align-items: start; flex-direction: column; padding: 21px; }
}

@media (max-width: 440px) {
  .wrap { width: calc(100% - 28px); }
  .preview-note { font-size: .75rem; }
  .preview-note span { display: block; margin: 0 0 .12rem; }
  .header-actions { flex-wrap: wrap; }
  .search-form { max-width: none; flex-basis: 100%; }
  .language-switch { margin-left: 0; }
  .page-kicker-row { display: block; }
  .edition-date { display: block; margin-top: .32rem; text-align: left; }
  .supporting-stories { grid-template-columns: minmax(0, 1fr); }
  .support-story { grid-template-columns: 112px minmax(0, 1fr); }
  .story-thumb { aspect-ratio: auto; min-height: 91px; }
  .support-copy h2 { font-size: 1.04rem; }
  .reader-rail { grid-template-columns: minmax(0, 1fr); }
  .community-feature { grid-template-columns: minmax(0, 1fr); }
  .community-art { min-height: 155px; }
  .footer-grid { gap: 18px; }
  .footer-bottom > div { flex-direction: column; gap: 5px; }
  .section-title-line { align-items: start; flex-direction: column; }
  .section-title-line > a { white-space: normal; }
  .region-jump { grid-template-columns: minmax(0, 1fr); }
  .region-jump a { display: flex; }
  .archive-story-grid { grid-template-columns: minmax(0, 1fr); }
  .article-sidebar { grid-template-columns: minmax(0, 1fr); }
  .article-main > h1 { font-size: 2.55rem; }
  .detail-list { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Standalone research and design-review page */
.preview-research-link { display: inline-block; margin-left: .75rem; color: #6d241d; font-weight: 800; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.research-date { color: var(--muted); font-size: .72rem; white-space: nowrap; }
.research-page { max-width: 1160px; }
.research-hero { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .8fr); gap: 38px; align-items: center; padding: 52px 0 59px; border-bottom: 1px solid var(--line); }
.research-hero h1 { max-width: 760px; margin: 12px 0 15px; font-family: var(--serif); font-size: clamp(2.7rem, 5.1vw, 4.8rem); font-weight: 600; line-height: .99; letter-spacing: -.055em; }
.research-deck { max-width: 680px; color: var(--ink-soft); font-size: 1.05rem; }
.research-byline { display: flex; gap: 12px; align-items: center; margin-top: 24px; color: var(--muted); font-size: .76rem; }
.research-snapshot { padding: 22px 24px; border: 1px solid var(--line); background: var(--surface); box-shadow: 0 12px 32px #1826310b; }
.research-snapshot > .eyebrow { margin-bottom: 12px; }
.snapshot-line { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); }
.snapshot-number { color: var(--red); font-family: var(--serif); font-size: 1.16rem; }
.snapshot-line b, .snapshot-line span:not(.snapshot-number) { display: block; }
.snapshot-line b { font-size: .83rem; }
.snapshot-line div span { margin-top: 2px; color: var(--muted); font-size: .7rem; }
.evidence-pill { display: inline-flex; align-items: center; min-height: 24px; padding: .2rem .52rem; border: 1px solid transparent; border-radius: 99px; font-size: .57rem; font-weight: 850; letter-spacing: .08em; }
.evidence-verified { color: #245143; background: #e6f0e9; border-color: #c8ded0; }
.evidence-observed { color: #264a5c; background: #e9f0f3; border-color: #cedde3; }
.evidence-recommendation { color: #725014; background: #f6eedc; border-color: #e8d7ad; }
.evidence-unverified { color: #7a2727; background: #f6e9e6; border-color: #e7c9c2; }
.research-section { padding: 52px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 18px; }
.research-section-head { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 22px; }
.research-section-head h2 { margin: .28rem 0 0; font-family: var(--serif); font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.04; letter-spacing: -.035em; }
.research-section-head > p { max-width: 440px; margin: 0 0 2px; color: var(--muted); font-size: .79rem; }
.decision-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.decision-card { position: relative; min-height: 260px; padding: 21px; border: 1px solid var(--line); background: var(--surface); }
.decision-index { display: inline-grid; width: 29px; height: 29px; place-items: center; color: white; background: var(--navy); font-family: var(--serif); }
.decision-card h3 { margin: 17px 0 8px; font-family: var(--serif); font-size: 1.31rem; line-height: 1.08; }
.decision-card p { margin: 0; color: var(--ink-soft); font-size: .76rem; }
.decision-flow { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin-top: 15px; color: var(--navy); font-size: .57rem; font-weight: 800; }
.decision-flow i { color: var(--red); font-style: normal; }
.language-example { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 15px; color: var(--navy); font-size: .79rem; font-weight: 700; }
.language-example [lang="pa"] { font-family: var(--gurmukhi); }
.language-example small { flex-basis: 100%; color: var(--muted); font-size: .75rem; font-weight: 500; }
.language-divider { color: var(--red); }
.edition-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.edition-pills span { padding: .32rem .45rem; border: 1px solid #d7dfd9; background: #f1f5f1; color: #315143; font-size: .57rem; font-weight: 750; }
.muted-pills span { color: #675942; border-color: #e4dac5; background: #f6f1e6; }
.visual-audit-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 15px; }
.audit-card { min-width: 0; padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.audit-card-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.audit-tag { color: var(--muted); font-size: .63rem; }
.current-visual { position: relative; height: 191px; margin: 17px 0 18px; padding: 12px; overflow: hidden; background: #f4f1eb; border: 1px solid var(--line); }
.mini-topline { height: 15px; background: #e6e3dd; }
.mini-nav { height: 28px; margin-top: 7px; background: #15212a; border-bottom: 3px solid var(--red); }
.mini-breaking { height: 11px; margin-top: 5px; background: #c74642; }
.mini-ad { height: 28px; margin-top: 8px; background: #b8c1c2; }
.mini-content { position: absolute; left: 12px; right: 65px; top: 105px; display: grid; grid-template-columns: 1.55fr 1fr 1fr; gap: 6px; height: 65px; }
.mini-content i { background: linear-gradient(145deg, #435e67, #c49a6c 58%, #d7d5c7 59%); }
.mini-content i:first-child { background: linear-gradient(125deg, #213b49, #55746f 55%, #d0ad77 56%); }
.mini-rail { position: absolute; right: 12px; top: 105px; width: 43px; height: 66px; background: repeating-linear-gradient(to bottom,#dfd8c9 0 9px,#f9f7f1 9px 14px); }
.audit-card h3 { margin: 0 0 8px; font-family: var(--serif); font-size: 1.42rem; line-height: 1.08; }
.audit-card > p { color: var(--ink-soft); font-size: .76rem; }
.audit-implication { margin: 13px 0 0; padding: 11px 12px; border-left: 3px solid var(--red); background: #f6f1e8; }
.audit-implication b { color: var(--red-deep); }
.pattern-list { display: grid; gap: 0; margin: 13px 0 14px; }
.pattern-row { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.pattern-row b, .pattern-row small { display: block; }
.pattern-row b { font-size: .7rem; }
.pattern-row small { color: var(--muted); font-size: .64rem; line-height: 1.4; }
.pattern-mark { width: 7px; height: 100%; min-height: 28px; background: var(--red); }
.mark-blue { background: #507c95; }.mark-gold { background: #d2a44a; }.mark-green { background: #758e73; }.mark-photo { background: #aa775f; }.mark-neutral { background: #777b7d; }
.visual-direction-card { display: grid; grid-template-columns: minmax(0, 1.38fr) minmax(300px, .8fr); gap: 25px; align-items: center; margin-top: 15px; padding: 27px 29px; background: var(--navy); color: white; }
.visual-direction-card .eyebrow { color: #e5c47e; }
.direction-copy h3 { max-width: 620px; margin: 8px 0 10px; font-family: var(--serif); font-size: clamp(1.7rem, 2.5vw, 2.45rem); line-height: 1.04; }
.direction-copy > p:not(.eyebrow) { max-width: 620px; color: #e1e6e4; font-size: .78rem; }
.direction-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.direction-chips span { padding: .34rem .54rem; border: 1px solid #ffffff44; color: #f2e7d0; font-size: .59rem; }
.palette-board { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.palette-swatch { min-height: 75px; display: flex; flex-direction: column; justify-content: end; gap: 1px; padding: 10px; font-size: .61rem; }
.palette-swatch b { font-family: ui-monospace, Consolas, monospace; font-size: .57rem; }
.swatch-paper { color: var(--ink); background: #f4f8fb; }.swatch-ink { color: #f4f8fb; background: #10263c; border: 1px solid #54dff4; }.swatch-cyan { color: var(--navy-deep); background: #54dff4; }.swatch-lime { color: var(--navy-deep); background: #d7f76a; }
.design-principles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-top: 15px; }
.design-principles article { padding: 16px; border-top: 2px solid var(--red); background: #f3f0e9; }
.design-principles article span { display: block; color: var(--red); font-family: var(--serif); font-size: .88rem; }
.design-principles b { display: block; margin-top: 8px; font-family: var(--serif); font-size: 1.03rem; }
.design-principles p { margin: 5px 0 0; color: var(--muted); font-size: .67rem; }
.competitor-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: var(--surface); }
.competitor-table { width: 100%; border-collapse: collapse; font-size: .75rem; line-height: 1.48; }
.competitor-table th, .competitor-table td { padding: 12px 13px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.competitor-table thead th { color: white; background: var(--navy); font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.competitor-table tbody th { min-width: 155px; font-size: .7rem; }
.competitor-table tbody td { min-width: 185px; color: var(--ink-soft); }
.competitor-table tbody tr:last-child th, .competitor-table tbody tr:last-child td { border-bottom: 0; }
.research-footnote { margin: 12px 0 0; color: var(--muted); font-size: .75rem; }
.search-engine-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.engine-card { min-height: 165px; padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.engine-name { display: inline-block; margin-right: 7px; font-family: var(--serif); font-size: 1.35rem; font-weight: 700; }
.engine-tag { color: var(--red-deep); font-size: .55rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.engine-card p { margin: 12px 0 0; color: var(--ink-soft); font-size: .69rem; }
.engine-apple { background: #f2eee5; }
.search-findings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 13px; }
.evidence-panel { padding: 19px 22px; border: 1px solid var(--line); background: var(--surface); }
.evidence-panel ul { display: grid; gap: 9px; margin: 13px 0 0; padding-left: 18px; color: var(--ink-soft); font-size: .75rem; }
.evidence-panel li::marker { color: var(--red); }
.evidence-panel-action { background: #f2f5f1; border-color: #d9e2d8; }
.evidence-panel-action li::marker { color: #527761; }
.search-caution { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 13px; margin-top: 13px; padding: 17px; border: 1px solid #cfdde6; background: #e9f1f6; }
.caution-mark { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: white; background: #8f6322; font-family: var(--serif); font-weight: 800; }
.search-caution b { font-size: .81rem; }
.search-caution p { margin: 3px 0 0; color: #5d5140; font-size: .75rem; }
.ad-package-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; }
.ad-package { padding: 18px; border: 1px solid var(--line); background: var(--surface); }
.package-pending { background: #f4f1eb; }
.package-topline { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.package-icon { display: grid; width: 30px; height: 30px; place-items: center; color: white; background: var(--navy); font-family: var(--serif); font-size: .79rem; }
.package-stage { color: var(--red-deep); font-size: .75rem; font-weight: 850; letter-spacing: .06em; text-align: right; }
.ad-package > .eyebrow { margin: 15px 0 0; }
.ad-package h3 { margin: 3px 0 12px; font-family: var(--serif); font-size: 1.28rem; line-height: 1.06; }
.placement-diagram { min-height: 102px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 7px; padding: 9px; border: 1px dashed #aeb4b0; background: #f4f3ef; color: var(--muted); text-align: center; font-size: .53rem; letter-spacing: .05em; }
.placement-diagram i { min-width: 75%; padding: 9px 5px; color: white; background: #607c7d; font-style: normal; font-weight: 800; }
.feature-diagram { background: white; border-style: solid; }.feature-diagram span { color: var(--red-deep); font-size: .55rem; font-weight: 850; }.feature-diagram b { font-family: var(--serif); font-size: 1rem; }.feature-diagram small, .newsletter-diagram small { max-width: 180px; color: var(--muted); font-size: .55rem; letter-spacing: 0; }
.language-diagram { flex-direction: row; flex-wrap: wrap; }.language-diagram span { padding: 6px 8px; background: white; color: var(--navy); font-size: .62rem; font-weight: 800; }.language-diagram [lang="pa"] { font-family: var(--gurmukhi); }.language-diagram small { flex-basis: 100%; color: var(--muted); font-size: .52rem; text-align: center; }
.newsletter-diagram i { min-width: 0; padding: 6px 12px; color: #433318; background: #e5c681; font-size: .6rem; font-style: normal; font-weight: 850; }
.ad-package > p:not(.eyebrow) { min-height: 88px; color: var(--ink-soft); font-size: .75rem; }
.ad-package > a { display: inline-block; color: var(--red-deep); font-size: .75rem; font-weight: 800; text-decoration: none; }
.ad-proof-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 12px; margin-top: 14px; }
.ad-proof-main, .metric-card { padding: 21px; border: 1px solid var(--line); background: var(--surface); }
.ad-proof-main h3 { margin: 5px 0 13px; font-family: var(--serif); font-size: 1.55rem; }
.proof-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.proof-list span { padding: 7px 0; border-bottom: 1px solid var(--line); color: var(--ink-soft); font-size: .75rem; }
.proof-list span::before { content: "✓"; margin-right: 8px; color: #4a735e; font-weight: 900; }
.metric-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 15px; }
.metric-flow span { padding: .33rem .46rem; background: #edf0ed; color: var(--navy); font-size: .75rem; font-weight: 750; }
.metric-flow i { color: var(--red); font-style: normal; font-weight: 900; }
.metric-card > p:last-child { color: var(--ink-soft); font-size: .75rem; }
.competitor-ad-evidence { margin-top: 14px; padding: 20px; background: #f1ede4; }
.ad-evidence-items { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.ad-evidence-items p { margin: 8px 0; color: var(--ink-soft); font-size: .75rem; }
.ad-evidence-items b { color: var(--ink); }
.script-comparison { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.script-card { min-height: 245px; padding: 21px; border: 1px solid var(--line); background: var(--surface); }
.script-current { border-top: 3px solid #64846f; }.script-status { color: #426750; font-size: .75rem; font-weight: 850; letter-spacing: .08em; }.script-open { color: #8a6328; }
.script-sample { min-height: 61px; display: flex; align-items: center; margin-top: 10px; color: var(--navy); font-family: var(--gurmukhi); font-size: 2.1rem; }.script-card:nth-child(2) .script-sample { justify-content: flex-start; font-family: "Noto Naskh Arabic", "Nirmala UI", serif; direction: rtl; }.script-roman { font-family: var(--serif); font-style: italic; }
.script-card h3 { margin: 4px 0; font-family: var(--serif); font-size: 1.35rem; }.script-card p { margin: 5px 0 0; color: var(--ink-soft); font-size: .75rem; }
.script-research-note { margin-top: 13px; padding: 17px 19px; border: 1px solid var(--line-dark); border-left: 3px solid var(--signal-cyan); background: linear-gradient(120deg, var(--navy) 0%, #152b46 74%, #302d55 100%); }
.script-research-note p { margin: 0 0 9px; color: #e5f2f5; font-size: .75rem; line-height: 1.65; }
.script-research-note p b { color: #ffffff; }
.script-research-note .script-research-kicker { margin-bottom: 9px; color: var(--signal-cyan); font-size: .75rem; font-weight: 850; letter-spacing: .09em; }
.script-research-note code { color: var(--signal-lime); font-size: .75rem; }
.script-source-links { display: flex; flex-wrap: wrap; gap: 7px 16px; margin-top: 8px; }
.script-source-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--signal-cyan); font-size: .75rem; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.script-source-links a:focus-visible { outline-color: var(--signal-lime); }
.language-rule { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; align-items: center; margin-top: 13px; padding: 17px; border: 1px solid #d9e2d8; background: #f1f5f0; }
.rule-symbol { display: grid; width: 40px; height: 40px; place-items: center; color: white; background: var(--navy); font-family: var(--gurmukhi); font-size: 1.25rem; }.language-rule p { margin: 0; color: var(--ink-soft); font-size: .75rem; }
.check-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.check-columns article { padding: 19px; border: 1px solid var(--line); background: var(--surface); }
.check-columns h3 { margin: 0 0 11px; font-family: var(--serif); font-size: 1.22rem; }.check-columns ul { display: grid; gap: 9px; margin: 0; padding-left: 17px; color: var(--ink-soft); font-size: .67rem; }.check-columns li::marker { color: var(--red); }.check-columns code { overflow-wrap: anywhere; color: var(--red-deep); font-size: .62rem; }
.research-limit-note { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 13px; padding: 15px 17px; background: #f6e9e6; }.research-limit-note p { flex: 1 1 500px; margin: 0; color: #653c35; font-size: .69rem; }
.archive-links { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.archive-links > a { display: grid; grid-template-columns: 29px minmax(0, 1fr) 18px; gap: 10px; align-items: center; padding: 13px; border: 1px solid var(--line); background: var(--surface); text-decoration: none; }.archive-links > a:hover { border-color: #8fb0c4; background: #f8fcfd; }
.archive-links > a > span { color: var(--red); font-family: var(--serif); font-size: .88rem; }.archive-links b, .archive-links small { display: block; }.archive-links b { font-size: .75rem; }.archive-links small { margin-top: 3px; color: var(--muted); font-size: .75rem; line-height: 1.4; }.archive-links i { color: var(--red-deep); font-style: normal; }
.primary-source-links { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }.primary-source-links > p:last-child { display: flex; flex-wrap: wrap; gap: 7px 15px; margin: 8px 0 0; }.primary-source-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--red-deep); font-size: .75rem; font-weight: 700; }
.research-closing { display: flex; justify-content: space-between; gap: 25px; align-items: center; margin: 36px 0 55px; padding: 28px; background: var(--paper-warm); border: 1px solid #e5dac3; }.research-closing h2 { margin: 5px 0; font-family: var(--serif); font-size: clamp(1.65rem, 2.7vw, 2.4rem); line-height: 1.05; }.research-closing p:not(.eyebrow) { max-width: 660px; margin: 7px 0 0; color: var(--ink-soft); font-size: .75rem; }.closing-links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; flex: 0 0 auto; }.closing-links .button { white-space: nowrap; }

@media (max-width: 980px) {
  .decision-grid, .ad-package-grid, .design-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .decision-card { min-height: 225px; }
  .search-engine-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .visual-direction-card { grid-template-columns: minmax(0, 1fr); }
  .palette-board { max-width: 480px; }
}
@media (max-width: 760px) {
  .research-date { white-space: normal; text-align: right; }
  .research-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 35px 0 40px; }
  .research-hero h1 { font-size: clamp(2.65rem, 10vw, 4rem); }
  .research-snapshot { max-width: none; }
  .research-section { padding: 37px 0; }
  .research-section-head { display: block; }
  .research-section-head > p { margin-top: 9px; }
  .visual-audit-grid, .search-findings-grid, .ad-proof-grid { grid-template-columns: minmax(0, 1fr); }
  .competitor-table { min-width: 780px; }
  .script-comparison { grid-template-columns: minmax(0, 1fr); }
  .script-card { min-height: 0; }
  .check-columns { grid-template-columns: minmax(0, 1fr); }
  .research-closing { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .preview-research-link { display: block; margin: .18rem 0 0; }
  .research-date { display: none; }
  .decision-grid, .design-principles, .ad-package-grid, .archive-links, .ad-evidence-items { grid-template-columns: minmax(0, 1fr); }
  .decision-card { min-height: 0; }
  .search-engine-row { grid-template-columns: minmax(0, 1fr); }
  .engine-card { min-height: 0; }
  .research-byline { align-items: flex-start; flex-direction: column; gap: 6px; }
  .visual-direction-card, .audit-card { padding: 18px; }
  .proof-list { grid-template-columns: minmax(0, 1fr); }
  .research-limit-note { align-items: flex-start; flex-direction: column; }
  .research-closing { padding: 19px; }
  .closing-links .button { white-space: normal; }
}
.query-research { margin-top: 14px; padding: 21px; border: 1px solid var(--line); background: #f2efe8; }
.query-title { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, .9fr); gap: 16px; align-items: center; }
.query-title .eyebrow, .query-title h3, .query-title > p:last-child { margin: 0; }
.query-title h3 { font-family: var(--serif); font-size: 1.3rem; line-height: 1.08; }
.query-title > p:last-child { color: var(--muted); font-size: .65rem; }
.query-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 15px; }
.query-grid article { padding: 12px; border: 1px solid var(--line); background: var(--surface); }
.query-grid article > span { color: var(--red-deep); font-size: .52rem; font-weight: 850; letter-spacing: .05em; }
.query-grid p { margin: 5px 0; font-family: var(--serif); font-size: .85rem; font-weight: 700; line-height: 1.2; }
.query-grid small { color: var(--muted); font-size: .61rem; line-height: 1.4; }
.query-context { display: flex; justify-content: space-between; gap: 17px; align-items: start; margin-top: 12px; padding-top: 12px; border-top: 1px solid #dad4c8; }
.query-context p { max-width: 790px; margin: 0; color: var(--ink-soft); font-size: .65rem; }.query-context a { flex: 0 0 auto; color: var(--red-deep); font-size: .62rem; font-weight: 750; }
.palette-caveat { margin: 9px 0 0; color: #e3e8e4; font-size: .58rem; }
.published-offers { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: 12px; padding: 19px; border: 1px solid #d8dfd6; background: #f1f5f0; }
.published-offers h3 { margin: 9px 0 4px; font-family: var(--serif); font-size: 1.4rem; }.published-offers > div:first-child p { margin: 0; color: var(--ink-soft); font-size: .75rem; }
.published-offer-list { display: flex; flex-wrap: wrap; gap: 7px; align-content: start; }
.published-offer-list span { padding: .38rem .5rem; border: 1px solid #d7dfd5; background: white; color: #31483b; font-size: .75rem; font-weight: 700; }
.published-offer-list small { flex-basis: 100%; margin-top: 3px; color: #5e6a60; font-size: .75rem; }
.published-warning { grid-column: 1 / -1; display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding-top: 11px; border-top: 1px solid #d5dfd2; }.published-warning b { color: var(--red-deep); font-size: .75rem; }.published-warning p { margin: 0; color: var(--ink-soft); font-size: .75rem; }
.leadership-proof { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; margin-top: 12px; padding: 16px; border: 1px solid #e4d3b4; background: #f7f0e3; }.leadership-mark { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: white; background: #86632c; font-family: var(--serif); font-size: 1.1rem; font-weight: 800; }.leadership-proof b { font-size: .75rem; }.leadership-proof p { margin: 3px 0 5px; color: #5d5140; font-size: .75rem; }.leadership-proof a { color: #74541d; font-size: .75rem; font-weight: 750; }
@media (max-width: 760px) {
  .query-title { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .query-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .query-context { flex-direction: column; }
  .published-offers { grid-template-columns: minmax(0, 1fr); }
  .published-warning { grid-column: auto; }
}
@media (max-width: 560px) {
  .query-research { padding: 15px; }
  .query-grid { grid-template-columns: minmax(0, 1fr); }
  .published-warning { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .leadership-proof { grid-template-columns: minmax(0, 1fr); }
}
.politics-placeholder { display: flex; justify-content: space-between; gap: 22px; align-items: center; margin: 36px 0; padding: 27px; background: #efe9dd; border-left: 4px solid var(--red); }
.politics-placeholder > div { max-width: 720px; }
.politics-placeholder h2 { margin: .3rem 0 .45rem; font-family: var(--serif); font-size: clamp(1.6rem, 3vw, 2.35rem); line-height: 1.05; }
.politics-placeholder p:not(.eyebrow) { margin: 0 0 12px; color: var(--ink-soft); font-size: .76rem; }
.politics-placeholder .text-link { color: var(--red-deep); font-size: .7rem; font-weight: 750; text-decoration: none; }
.politics-art-label { display: grid; width: 144px; height: 104px; flex: 0 0 auto; place-items: center; color: #fbf8f2; background: linear-gradient(140deg, #182e3b, #6b817b); font-size: .64rem; font-weight: 850; letter-spacing: .13em; text-align: center; }
@media (max-width: 560px) { .politics-placeholder { align-items: flex-start; flex-direction: column; margin: 25px 0; padding: 18px; }.politics-art-label { width: 100%; height: 75px; } }

/* Research-applied reader, language and advertiser components. */
.topic-jump { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: -34px 0 45px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.topic-jump .eyebrow { margin-right: 5px; }
.topic-jump a { min-height: 36px; display: inline-flex; align-items: center; padding: .4rem .7rem; border: 1px solid var(--line); background: white; color: var(--navy); font-size: .7rem; font-weight: 750; text-decoration: none; }
.topic-jump a:hover { border-color: var(--red); color: var(--red-deep); }
.region-scope-note { max-width: 800px; margin: 12px 0 0; color: var(--muted); font-size: .72rem; }
.archive-pagination { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .68rem; }
.archive-pagination a { color: var(--red-deep); font-weight: 750; text-decoration: none; }
.archive-ad-preview { margin-top: -20px; }
.article-topic-list { display: flex; flex-wrap: wrap; gap: 7px; margin: -8px 0 14px; }
.article-topic-list span { padding: .32rem .52rem; border: 1px solid var(--line); border-radius: 2px; background: #f4f1eb; color: #34444d; font-size: .62rem; font-weight: 750; }
.article-topic-list span:first-child { border-color: #d8b9b4; background: #f8eeeb; color: var(--red-deep); }
.update-availability { flex-basis: 100%; margin-left: 32px; color: var(--muted); font-size: .65rem; }
.article-share-preview { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin: 0 0 17px; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-share-preview > b { color: var(--muted); font-size: .58rem; letter-spacing: .12em; }
.share-preview-button { min-height: 32px; display: inline-flex; align-items: center; padding: .35rem .65rem; border: 1px solid var(--line); background: white; color: var(--navy); font-size: .68rem; font-weight: 750; }
.article-share-preview small { color: var(--muted); font-size: .61rem; }
.article-social-preview { max-width: 690px; margin: -2px 0 24px; padding: 14px; border: 1px solid var(--signal-line); border-radius: 9px; background: linear-gradient(145deg, #ffffff, var(--signal-cyan-soft)); }
.article-social-preview-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 11px; margin-bottom: 11px; }
.article-social-preview-heading h2 { margin: .25rem 0 0; color: var(--ink); font-family: var(--serif); font-size: 1.12rem; line-height: 1.15; }
.article-social-preview-heading .status-pill { flex: 0 0 auto; margin: 0; font-size: .61rem; }
.article-social-card { display: grid; grid-template-columns: minmax(130px, .4fr) minmax(0, 1fr); gap: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.article-social-card-image { position: relative; display: grid; min-height: 140px; align-items: end; justify-items: start; overflow: hidden; padding: 10px; background: radial-gradient(circle at 69% 26%, rgb(84 223 244 / 28%), transparent 33%), linear-gradient(145deg, #1b5366, var(--navy-deep)); color: #f4f8fb; }
.article-social-card-image::before { position: absolute; top: 12%; right: 13%; width: 56%; aspect-ratio: 1; border: 1px solid rgb(215 247 106 / 56%); border-radius: 50%; box-shadow: 0 0 0 13px rgb(84 223 244 / 9%), 0 0 0 26px rgb(215 247 106 / 7%); content: ""; }
.article-social-card-image span { position: relative; padding: .32rem .42rem; background: rgb(7 21 34 / 80%); font-size: .53rem; font-weight: 800; letter-spacing: .08em; line-height: 1.35; }
.article-social-card-copy { align-self: center; min-width: 0; padding: 10px 12px 10px 0; }
.article-social-domain { color: var(--signal-ink); font-size: .62rem; font-weight: 750; }
.article-social-card-copy h3 { margin: .24rem 0 .3rem; color: var(--ink); font-family: var(--serif); font-size: 1rem; line-height: 1.15; }
.article-social-card-copy p { margin: 0; color: var(--ink-soft); font-size: .68rem; line-height: 1.42; }
.article-social-preview-note { margin: 9px 0 0; color: var(--muted); font-size: .67rem; line-height: 1.45; }
.inline-ad-preview { margin: 24px 0; padding: 12px; border: 1px solid #d8d5ce; background: #f3f1eb; font-family: var(--sans); }
.inline-ad-preview .ad-label { text-align: left; }
.inline-ad-inner { min-height: 78px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 15px; border: 1px dashed #aaa79e; background: #faf9f6; }
.inline-ad-inner b { color: var(--ink); font-size: .78rem; }
.inline-ad-inner span { color: var(--muted); font-size: .65rem; }
.search-preview-panel { margin: 34px 0 18px; padding: clamp(19px, 4vw, 33px); border: 1px solid var(--line); background: white; }
.search-preview-panel h2 { margin: 0 0 17px; font-family: var(--serif); font-size: 1.5rem; }
.search-page-form label { display: block; margin-bottom: 7px; color: var(--ink-soft); font-size: .78rem; font-weight: 750; }
.search-page-input { display: flex; gap: 9px; }
.search-page-input input { min-width: 0; min-height: 46px; flex: 1 1 auto; padding: .65rem .8rem; border: 1px solid #aeb6b7; background: #fff; color: var(--ink); }
.search-page-input .button { min-width: 112px; cursor: pointer; }
.query-examples { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.query-examples span { padding: .38rem .55rem; border: 1px solid #e3dfd6; background: var(--paper); color: #49565d; font-size: .63rem; }
.search-empty-state { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; align-items: start; margin: 20px 0 28px; padding: 24px; border-left: 3px solid var(--navy); background: #eef1ef; }
.empty-state-mark { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: white; color: var(--navy); font-size: 1.7rem; }
.search-empty-state h2 { margin: .35rem 0; font-family: var(--serif); font-size: 1.45rem; line-height: 1.12; }
.search-empty-state p:last-child { max-width: 740px; margin: .3rem 0 0; color: var(--ink-soft); font-size: .75rem; }
.search-results-concept { margin: 26px 0 30px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--signal-line); border-radius: 12px; background: linear-gradient(145deg, #fff, var(--signal-cyan-soft)); box-shadow: 0 14px 30px rgb(16 38 60 / 6%); }
.search-results-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 17px; }
.search-results-heading h2 { margin: .32rem 0; color: var(--ink); font-family: var(--serif); font-size: clamp(1.35rem, 2.2vw, 1.8rem); line-height: 1.12; }
.search-results-heading > div > p:last-child { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.search-results-heading .status-pill { flex: 0 0 auto; font-size: .72rem; }
.search-result-card { display: grid; grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr); gap: 19px; padding: 13px; border: 1px solid var(--line); border-left: 3px solid var(--signal-cyan); border-radius: 9px; background: #fff; }
.search-result-art { position: relative; display: grid; min-height: 166px; align-items: end; justify-items: start; overflow: hidden; padding: 11px; border-radius: 6px; background: radial-gradient(circle at 70% 28%, rgb(84 223 244 / 30%), transparent 31%), linear-gradient(145deg, #1b5366, var(--navy-deep)); color: #f4f8fb; }
.search-result-art::before { position: absolute; top: 13%; right: 14%; width: 54%; aspect-ratio: 1; border: 1px solid rgb(215 247 106 / 60%); border-radius: 50%; box-shadow: 0 0 0 14px rgb(84 223 244 / 10%), 0 0 0 28px rgb(215 247 106 / 7%); content: ""; }
.search-result-art span { position: relative; padding: .4rem .5rem; background: rgb(7 21 34 / 88%); font-size: .72rem; font-weight: 800; letter-spacing: .06em; line-height: 1.35; }
.search-result-copy { align-self: center; min-width: 0; }
.search-result-copy h3 { margin: .35rem 0 .45rem; font-family: var(--serif); font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.13; }
.search-result-copy h3 a { color: var(--ink); text-decoration: none; text-underline-offset: .16em; }
.search-result-copy h3 a:hover { color: var(--signal-ink); text-decoration: underline; }
.search-result-copy > p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .78rem; }
.search-result-meta { display: flex; flex-wrap: wrap; gap: 5px 15px; margin-top: 10px; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.search-result-open { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; margin-top: 5px; color: var(--signal-ink); font-size: .78rem; font-weight: 780; text-underline-offset: .18em; }
.search-pagination-preview { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 14px; }
.search-pagination-preview > span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 .55rem; border: 1px solid var(--signal-line); border-radius: 5px; background: #fff; color: var(--signal-ink); font-size: .7rem; font-weight: 760; }
.search-pagination-preview > span[aria-current="page"] { border-color: var(--navy); background: var(--navy); color: #f4f8fb; }
.search-pagination-preview small { flex: 1 1 260px; color: var(--muted); font-size: .67rem; }
.search-notes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-bottom: 32px; }
.search-notes > div { display: flex; flex-direction: column; gap: 5px; padding: 15px; border-top: 2px solid var(--red); background: #f3f0e9; }
.search-notes b { color: var(--navy); font-family: var(--serif); font-size: .97rem; }
.search-notes span { color: var(--ink-soft); font-size: .75rem; line-height: 1.5; }
.language-hero { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(120px, .6fr); gap: 24px; align-items: center; margin: 7px 0 43px; padding: clamp(22px, 4vw, 39px); background: var(--navy); color: white; }
.language-hero .eyebrow { color: #e3c98f; }
.language-hero h1 { max-width: 780px; margin: .5rem 0 .8rem; font-family: var(--gurmukhi); font-size: clamp(1.8rem, 4vw, 3.2rem); line-height: 1.3; }
.language-hero > div > p:not(.eyebrow) { max-width: 650px; margin: 0; color: #d8e0df; font-size: .82rem; }
.language-hero-mark { color: #e3c98f; font-family: var(--gurmukhi); font-size: clamp(6rem, 16vw, 12rem); line-height: 1; text-align: center; opacity: .9; }
.language-region-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.language-region-links a { min-height: 38px; display: inline-flex; flex-direction: column; justify-content: center; padding: .42rem .65rem; border: 1px solid #ffffff63; color: white; font-size: .66rem; font-weight: 750; text-decoration: none; }
.language-region-links a:hover { border-color: #f0d092; background: #ffffff10; color: white; }
.language-region-links small { color: #d5dfde; font-size: .55rem; font-weight: 500; }
.language-edition-section { margin-bottom: 37px; }
.language-story-card { display: grid; grid-template-columns: minmax(150px, .38fr) minmax(0, 1fr); gap: 20px; align-items: center; margin-top: 16px; padding: 16px; border: 1px solid var(--line); background: white; }
.language-story-art { min-height: 166px; display: grid; place-items: center; padding: 16px; background: linear-gradient(145deg, #264955, #6c8177 54%, #d0aa71); color: white; text-align: center; }
.language-story-art span { padding: .5rem; border: 1px solid #ffffff8c; font-family: var(--gurmukhi); font-size: 1.08rem; line-height: 1.55; }
.language-story-card h3 { margin: .35rem 0; font-family: var(--gurmukhi); font-size: 1.35rem; line-height: 1.55; }
.language-story-card p:not(.story-category) { max-width: 690px; margin: .35rem 0; color: var(--ink-soft); font-size: .73rem; }
.edition-label { display: inline-flex; margin-top: 9px; padding: .34rem .52rem; background: #eef1ee; color: #354a43; font-size: .61rem; font-weight: 750; }
.language-story-translation .language-story-art { background: linear-gradient(145deg, #602b32, #a4504c 53%, #dfbb83); }
.language-policy-note { display: grid; grid-template-columns: 43px minmax(0, 1fr); gap: 12px 15px; align-items: center; margin: 30px 0 0; padding: 17px; border-left: 3px solid var(--red); background: var(--paper-warm); }
.language-policy-note > span { display: grid; width: 40px; height: 40px; place-items: center; background: var(--navy); color: white; font-family: var(--gurmukhi); font-size: 1.2rem; }
.language-policy-note p { margin: 0; color: var(--ink-soft); font-size: .72rem; }
.language-policy-note p b { color: var(--ink); }
.language-policy-note a { grid-column: 2; color: var(--red-deep); font-size: .68rem; font-weight: 750; text-decoration: none; }
.buyer-goals { padding: 43px 0 46px; }
.buyer-goal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.buyer-goal-card { min-width: 0; display: flex; flex-direction: column; padding: 18px; border: 1px solid var(--line); background: white; }
.buyer-goal-featured { border-top: 4px solid var(--red); padding-top: 15px; }
.buyer-goal-pending { background: #f3f1ec; }
.buyer-goal-number { align-self: flex-end; color: var(--muted); font-family: var(--serif); font-size: 1.4rem; line-height: 1; }
.buyer-goal-card .eyebrow { color: var(--red-deep); font-size: .72rem; }
.buyer-goal-card h3 { margin: .36rem 0; font-family: var(--serif); font-size: 1.32rem; line-height: 1.08; }
.buyer-goal-card > p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.48; }
.buyer-goal-card ul { padding: 10px 0 0 1rem; margin: 9px 0 14px; border-top: 1px solid var(--line); color: #56636a; font-size: .75rem; line-height: 1.48; }
.buyer-goal-card li { margin: .28rem 0; }
.verification-label { margin-top: auto; padding-top: 12px; color: var(--muted); font-size: .75rem; font-weight: 650; line-height: 1.45; }
.sponsor-demo { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; padding: 13px; border-left: 3px solid var(--red); background: #f4f0e9; }
.sponsor-demo > span { color: var(--red-deep); font-size: .55rem; font-weight: 900; letter-spacing: .11em; }
.sponsor-demo b { font-family: var(--serif); font-size: .83rem; }
.sponsor-demo small { color: var(--muted); font-size: .58rem; }
.language-campaign-demo { display: flex; justify-content: space-between; gap: 8px; margin-top: 14px; padding: 13px; background: var(--navy); color: white; font-size: .62rem; font-weight: 800; }
.language-campaign-demo [lang="pa"] { font-family: var(--gurmukhi); font-size: .82rem; }
.pending-service-note { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; padding: 11px; border: 1px dashed #b9c8d2; background: #f4f8fb; }
.pending-service-note b { color: var(--red-deep); font-size: .55rem; letter-spacing: .07em; }
.pending-service-note span { color: var(--ink-soft); font-size: .61rem; }
.placement-register { padding: 25px 0 42px; border-top: 1px solid var(--line); }
.placement-table-wrap { margin-top: 16px; border: 1px solid var(--line); background: white; }
.placement-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .78rem; line-height: 1.48; }
.placement-table th, .placement-table td { padding: 13px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.placement-table thead { background: var(--navy); color: white; }
.placement-table thead th { font-size: .72rem; letter-spacing: .04em; }
.placement-table tbody th { width: 20%; color: var(--red-deep); font-weight: 800; }
.placement-table tbody td { color: var(--ink-soft); }
.placement-table tbody tr:last-child th, .placement-table tbody tr:last-child td { border-bottom: 0; }
.placement-caveat { margin: 10px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.proof-section { padding: 38px 0 45px; border-top: 1px solid var(--line); }
.proof-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 17px; }
.proof-grid article { min-height: 132px; padding: 14px; border-top: 2px solid var(--navy); background: #f2f0eb; }
.proof-grid b { color: var(--navy); font-family: var(--serif); font-size: .9rem; line-height: 1.1; }
.proof-grid p { margin: 7px 0 0; color: var(--ink-soft); font-size: .62rem; }
.metrics-separation { margin: 13px 0; padding: 11px 14px; background: #f8ece8; color: #612a2d; font-size: .68rem; }
.metrics-separation strong { letter-spacing: .01em; }
.campaign-case-study-standard { margin: 18px 0; padding: clamp(16px, 2.8vw, 24px); overflow: hidden; border: 1px solid var(--signal-line); border-radius: 12px; background: radial-gradient(circle at 94% 0, rgb(84 223 244 / 14%), transparent 24%), linear-gradient(145deg, #f7fbfc, #eaf4f6); box-shadow: 0 14px 28px rgb(16 38 60 / 7%); }
.case-study-standard-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .72fr); align-items: end; gap: 18px; }
.case-study-standard-head .eyebrow { color: var(--signal-ink); }
.case-study-standard-head h3 { max-width: 650px; margin: .35rem 0 0; color: var(--navy); font-family: var(--serif); font-size: clamp(1.16rem, 2.2vw, 1.72rem); line-height: 1.08; }
.case-study-standard-head > p { margin: 0; color: var(--ink-soft); font-size: .74rem; line-height: 1.5; }
.case-study-proof-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 17px 0 12px; padding: 0; list-style: none; }
.case-study-proof-step { position: relative; min-height: 139px; padding: 14px 13px 12px 43px; border: 1px solid #d4e2e7; border-top: 2px solid var(--signal-cyan); border-radius: 8px; background: linear-gradient(145deg, #fff, #edf7f8); box-shadow: 0 8px 15px rgb(16 38 60 / 5%); }
.case-study-proof-step > span { position: absolute; top: 13px; left: 12px; display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid var(--signal-cyan); border-radius: 50%; background: var(--navy); color: var(--signal-cyan); font-size: .55rem; font-weight: 850; }
.case-study-proof-step h4 { margin: 2px 0 7px; color: var(--navy); font-family: var(--serif); font-size: .88rem; line-height: 1.12; }
.case-study-proof-step p { margin: 0; color: var(--ink-soft); font-size: .74rem; line-height: 1.48; }
.case-study-proof-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 13px; padding: 12px 14px; border-left: 3px solid var(--signal-lime); background: #f8fcfd; }
.case-study-proof-footer p { margin: 0; color: var(--ink-soft); font-size: .73rem; line-height: 1.48; }
.case-study-proof-footer strong { color: var(--navy); }
.case-study-proof-footer a { color: var(--signal-ink); font-size: .72rem; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.contextual-note { display: grid; grid-template-columns: 165px minmax(0, 1fr); gap: 14px; padding: 15px; border: 1px solid #d4ddd4; background: #eef2ec; }
.contextual-note b { color: #284d3c; font-family: var(--serif); font-size: .91rem; }
.contextual-note span { color: var(--ink-soft); font-size: .68rem; }
.leadership-scorecard { display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 16px; margin: 10px 0 37px; padding: 21px; border: 1px solid #e1d4bd; background: #f5efe4; }
.scorecard-mark { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #806432; color: white; font-family: var(--serif); font-size: 1.1rem; font-weight: 800; }
.leadership-scorecard h2 { margin: .3rem 0 .4rem; font-family: var(--serif); font-size: 1.45rem; line-height: 1.08; }
.leadership-scorecard p:not(.eyebrow) { max-width: 830px; margin: 0; color: var(--ink-soft); font-size: .7rem; }
.scorecard-fields { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.scorecard-fields span { padding: .34rem .5rem; border: 1px solid #cfdde6; background: #f8fcfd; color: #435d67; font-size: .59rem; font-weight: 750; }
.advertise-proof-note { margin: 12px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.45; }
.ad-art-caption { position: absolute; z-index: 1; right: 14px; bottom: 13px; color: #f4e5c6; font-size: .55rem; font-weight: 800; letter-spacing: .11em; }
.implementation-map { margin: 25px 0 43px; padding: clamp(19px, 3vw, 31px); border: 1px solid var(--line); background: white; }
.implementation-map .research-section-head { margin-bottom: 16px; }
.implementation-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.implementation-card-grid a { min-height: 118px; display: flex; flex-direction: column; gap: 6px; padding: 15px; border: 1px solid var(--line); background: var(--paper); text-decoration: none; }
.implementation-card-grid a:hover { border-color: var(--red); transform: translateY(-1px); }
.implementation-card-grid a > span { color: var(--red-deep); font-size: .53rem; font-weight: 850; letter-spacing: .09em; }
.implementation-card-grid b { color: var(--navy); font-family: var(--serif); font-size: .98rem; line-height: 1.1; }
.implementation-card-grid small { color: var(--ink-soft); font-size: .63rem; line-height: 1.4; }

@media (max-width: 980px) {
  .buyer-goal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .proof-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .proof-grid article { min-height: 112px; }
  .case-study-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .implementation-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .topic-jump { margin: -24px 0 32px; }
  .archive-pagination { align-items: flex-start; flex-direction: column; }
  .search-results-heading { align-items: flex-start; flex-direction: column; }
  .search-notes { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .language-hero { grid-template-columns: minmax(0, 1fr) 82px; gap: 12px; margin-bottom: 32px; }
  .language-hero-mark { font-size: 5rem; }
  .case-study-standard-head { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .case-study-proof-footer { grid-template-columns: minmax(0, 1fr); }
  .proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contextual-note { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .placement-table, .placement-table tbody, .placement-table tr, .placement-table th, .placement-table td { display: block; width: 100%; }
  .placement-table thead { display: none; }
  .placement-table tbody tr { padding: 11px 13px; border-bottom: 1px solid var(--line); }
  .placement-table tbody tr:last-child { border-bottom: 0; }
  .placement-table th, .placement-table td { padding: 4px 0; border: 0; }
  .placement-table td::before { display: block; margin-bottom: 2px; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
  .placement-table td:nth-of-type(1)::before { content: "Publicly listed detail"; }
  .placement-table td:nth-of-type(2)::before { content: "Confirm before quoting"; }
}
@media (max-width: 560px) {
  .search-page-input { align-items: stretch; flex-direction: column; }
  .search-page-input .button { width: 100%; }
  .search-empty-state { grid-template-columns: minmax(0, 1fr); padding: 18px; }
  .search-result-card { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .search-result-art { min-height: 138px; }
  .search-result-meta { flex-direction: column; gap: 4px; }
  .article-social-preview-heading { align-items: flex-start; flex-direction: column; }
  .article-social-card { grid-template-columns: minmax(0, 1fr); }
  .case-study-proof-grid { grid-template-columns: minmax(0, 1fr); }
  .article-social-card-image { min-height: 132px; }
  .article-social-card-copy { padding: 12px; }
  .language-hero { grid-template-columns: minmax(0, 1fr); }
  .language-hero-mark { display: none; }
  .language-region-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .language-region-links a { min-width: 0; padding-inline: .4rem; font-size: .59rem; }
  .language-story-card { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .language-story-art { min-height: 130px; }
  .language-policy-note { grid-template-columns: 36px minmax(0, 1fr); padding: 13px; }
  .language-policy-note > span { width: 34px; height: 34px; }
  .buyer-goal-grid { grid-template-columns: minmax(0, 1fr); }
  .proof-grid { grid-template-columns: minmax(0, 1fr); }
  .proof-grid article { min-height: auto; }
  .leadership-scorecard { grid-template-columns: minmax(0, 1fr); padding: 17px; }
  .implementation-card-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Route-mapped newsroom inner pages and dimensional editorial art */
.homepage-identity-hero, .inner-page-hero, .community-intro-grid, .about-hero-grid, .edition-hero-grid, .events-intro-grid, .watch-hero-grid, .contact-hero-grid, .trust-hero-grid, .utility-orbit-hero, .civic-overview-grid, .election-hero-card {
  display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr); align-items: center; gap: clamp(22px, 4vw, 56px); margin: 18px 0 34px;
}
.homepage-identity-hero { min-height: 264px; padding: clamp(20px, 4vw, 42px); overflow: hidden; background: linear-gradient(110deg, var(--paper-warm), #f8fcfd); border: 1px solid var(--line); box-shadow: 0 16px 32px #132a3910; }
.homepage-identity-hero h2, .inner-page-copy h1, .inner-panel h2, .community-story-statement h2, .about-hero-grid h2, .edition-hero-grid h2, .events-intro-grid h2, .watch-hero-grid h2, .contact-hero-grid h2, .trust-hero-grid h2, .utility-orbit-hero h2, .civic-overview-grid h2, .election-hero-card h2 { margin: .48rem 0 .65rem; color: var(--navy); font-family: var(--serif); font-size: clamp(1.55rem, 3vw, 2.65rem); line-height: 1.06; letter-spacing: -.025em; }
.homepage-identity-hero p, .inner-page-copy > p:not(.eyebrow), .community-story-statement > p:not(.eyebrow), .inner-panel > p, .business-story-panel p, .civic-highlight > p:not(.eyebrow), .election-hero-card p, .utility-orbit-hero p, .contact-hero-grid p, .trust-hero-grid p { color: var(--ink-soft); font-size: .88rem; line-height: 1.58; }
.homepage-identity-hero figure, .inner-hero-art, .community-art-frame, .about-art-frame, .edition-art-stack { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #ebe4d7; border: 1px solid #dfd6c7; box-shadow: 0 21px 38px #132a3920; transform: perspective(1100px) rotateY(-3deg) rotateX(1deg); }
.homepage-identity-hero figure { height: 230px; border-radius: 5px; }
.homepage-identity-hero figure img, .inner-hero-art img, .community-art-frame img, .about-art-frame img, .edition-art-stack img, .advertise-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.homepage-identity-hero figcaption, .inner-hero-art figcaption, .community-art-frame figcaption, .about-art-frame figcaption, .edition-art-stack figcaption, .advertise-art figcaption { position: absolute; right: 9px; bottom: 8px; max-width: calc(100% - 18px); padding: 5px 8px; background: #132a39e8; color: white; font-size: .72rem; font-weight: 750; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; }
.inner-page-hero { grid-template-columns: minmax(0, 1.06fr) minmax(240px, .84fr); min-height: 240px; margin: 12px 0 30px; padding: clamp(20px, 3.6vw, 38px); border: 1px solid var(--line); background: linear-gradient(105deg, #f8fcfd 0 54%, #e9f1f6 100%); box-shadow: 0 15px 32px #132a390d; }
.inner-page-copy h1 { max-width: 690px; font-size: clamp(2rem, 4vw, 3.35rem); }
.inner-hero-art { height: 205px; border-radius: 4px; }
.route-chip { display: inline-flex; align-items: center; gap: .35rem; margin-top: .55rem; padding: .38rem .56rem; border: 1px solid #cfdde6; border-radius: 3px; background: #f8fcfd; color: var(--navy); font-size: .62rem; font-weight: 750; line-height: 1.35; }
.preview-boundary-note, .route-footnote { margin: 16px 0 0; padding: 11px 13px; border-left: 3px solid var(--gold, #caa85c); background: #f7f1e6; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.inner-panel { margin: 26px 0 34px; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--line); background: var(--surface); box-shadow: 0 12px 26px #132a3908; }
.inner-panel > p { max-width: 850px; }
.inner-panel h2 { font-size: clamp(1.45rem, 2.5vw, 2.05rem); }
.inner-panel h3 { margin: .38rem 0 .45rem; color: var(--navy); font-family: var(--serif); font-size: 1.12rem; line-height: 1.15; }
.section-title-line { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.section-title-line h2 { margin-bottom: 0; }
.archive-count { color: var(--muted); font-size: .62rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.coverage-deck { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin: 18px 0 28px; perspective: 1000px; }
.coverage-deck-card { position: relative; min-height: 220px; display: flex; flex-direction: column; align-items: flex-start; padding: 21px; overflow: hidden; border: 1px solid #cfdde6; background: linear-gradient(145deg, #f8fcfd, #e9f1f6); color: var(--ink); text-decoration: none; box-shadow: 0 15px 25px #132a3913; transform: perspective(900px) rotateX(2deg); transition: transform .2s ease, box-shadow .2s ease; }
.coverage-deck-card:hover { color: var(--ink); box-shadow: 0 22px 32px #132a3922; transform: perspective(900px) rotateX(0) translateY(-4px); }
.coverage-deck-card::after { position: absolute; right: -30px; bottom: -47px; width: 145px; height: 145px; border: 1px solid #c49b583d; border-radius: 50%; box-shadow: 0 0 0 15px #c49b5810, 0 0 0 31px #c49b5808; content: ""; }
.coverage-metro { background: linear-gradient(145deg, #eff4f0, #fbfaf6); }
.coverage-bc { background: linear-gradient(145deg, #eff2f5, #fbfaf6); }
.coverage-index { color: var(--red-deep); font-size: .68rem; font-weight: 900; letter-spacing: .12em; }
.coverage-tag, .taxonomy-kicker { display: block; margin-top: 20px; color: var(--muted); font-size: .55rem; font-weight: 850; letter-spacing: .12em; }
.coverage-deck-card h2 { margin: .35rem 0 .3rem; color: var(--navy); font-family: var(--serif); font-size: 1.8rem; }
.coverage-deck-card p { max-width: 245px; color: var(--ink-soft); font-size: .72rem; line-height: 1.45; }
.coverage-deck-card .route-chip { position: relative; z-index: 1; margin-top: auto; font-size: .55rem; }
.taxonomy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.taxonomy-card { min-height: 131px; padding: 15px; border: 1px solid var(--line); background: #f8fcfd; color: var(--ink); text-decoration: none; transition: border-color .18s ease, transform .18s ease; }
.taxonomy-card:hover { color: var(--ink); border-color: var(--red); transform: translateY(-3px); }
.taxonomy-card .taxonomy-kicker { margin: 0; }
.taxonomy-card h3 { margin: .47rem 0 .2rem; }
.taxonomy-card p { min-height: 34px; margin: 0 0 .45rem; color: var(--ink-soft); font-size: .68rem; line-height: 1.4; }
.taxonomy-card code, .route-shortcuts code, .utility-grid code { color: var(--red-deep); font-size: .59rem; overflow-wrap: anywhere; }
.route-map-summary { display: grid; grid-template-columns: minmax(0, 1fr) 175px; gap: 14px; margin: 12px 0 22px; }
.route-map-warning { display: flex; flex-direction: column; justify-content: center; gap: 5px; padding: 17px 19px; border-left: 4px solid #b38427; background: #e9f1f6; color: var(--navy); font-size: .76rem; line-height: 1.5; }
.route-map-warning span { color: var(--ink-soft); }
.route-map-stat { display: flex; flex-direction: column; justify-content: center; padding: 15px; background: var(--navy); color: white; }
.route-map-stat b { color: #edcf8d; font-family: var(--serif); font-size: 2rem; line-height: 1; }
.route-map-stat span { margin-top: 7px; color: #eef1f2; font-size: .59rem; line-height: 1.35; }
.route-table-wrap { overflow-x: auto; border: 1px solid var(--line); }
.route-map-table { width: 100%; border-collapse: collapse; background: white; font-size: .72rem; }
.route-map-table th { padding: 10px; background: var(--navy); color: white; text-align: left; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
.route-map-table td { padding: 9px 10px; border-top: 1px solid #e9e6df; color: var(--ink-soft); vertical-align: top; }
.route-map-table tr:nth-child(even) { background: #f4f8fb; }
.route-map-table code { color: var(--red-deep); font-size: .66rem; overflow-wrap: anywhere; }
.route-map-table a { font-weight: 750; }
.route-filter-panel { display: grid; gap: 8px; max-width: 680px; margin: 0 0 14px; padding: 15px; border: 1px solid var(--signal-line); border-radius: 10px; background: linear-gradient(130deg, #eaf7fa, #ffffff); }
.route-filter-panel label { color: var(--navy); font-size: .78rem; font-weight: 800; }
.route-filter-control { display: flex; gap: 8px; }
.route-filter-control input { flex: 1; min-width: 0; min-height: 44px; padding: 9px 11px; border: 1px solid #93b8c4; border-radius: 6px; background: #fff; color: var(--ink); font: inherit; }
.route-filter-control button { min-height: 44px; padding: 8px 13px; border: 1px solid var(--navy); border-radius: 6px; background: var(--navy); color: #f4f8fb; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.route-filter-status, .route-filter-empty, .route-filter-boundary { margin: 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.45; }
.feature-card-row, .utility-grid, .contact-topic-grid, .about-pillar-grid, .trust-grid, .guide-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.feature-note-card, .utility-grid article, .guide-detail-grid article { min-height: 166px; padding: 17px; border: 1px solid var(--line); background: #f8fcfd; box-shadow: 0 10px 18px #132a3908; }
.feature-note-card p, .utility-grid p, .guide-detail-grid p { color: var(--ink-soft); font-size: .7rem; line-height: 1.48; }
.feature-note-card a, .utility-grid a, .guide-detail-grid a { font-size: .68rem; font-weight: 750; }
.feature-icon { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-size: .62rem; font-weight: 850; }
.status-pill { display: inline-flex; margin-top: 9px; padding: .3rem .45rem; border: 1px solid #cfdde6; background: #f7f4ed; color: var(--navy); font-size: .52rem; font-weight: 850; letter-spacing: .08em; }
.preview-slot { display: inline-block; margin-top: 8px; padding: .34rem .45rem; border: 1px dashed #9aa5a8; color: #46555d; font-size: .52rem; font-weight: 800; letter-spacing: .07em; }
.route-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.route-shortcuts a { display: flex; flex-direction: column; gap: 5px; padding: 13px; border: 1px solid var(--line); background: #f8fcfd; color: var(--ink); text-decoration: none; font-size: .75rem; font-weight: 750; }
.route-shortcuts a:hover { border-color: var(--red); }
.business-opportunity-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin: 20px 0 28px; }
.business-story-panel { min-height: 248px; padding: clamp(20px, 3vw, 32px); background: linear-gradient(142deg, var(--navy), #284a5c); color: white; box-shadow: 0 17px 25px #132a391b; transform: perspective(1000px) rotateY(1deg); }
.business-story-panel h2 { max-width: 460px; color: white; font-family: var(--serif); font-size: clamp(1.45rem, 2.6vw, 2rem); line-height: 1.08; }
.business-story-panel p { color: #eef1f2; font-size: .77rem; line-height: 1.5; }
.business-story-panel a { color: #f2d394; font-weight: 750; }
.business-story-panel-alt { background: linear-gradient(145deg, #f4eee1, #fffdfa); color: var(--navy); transform: perspective(1000px) rotateY(-1deg); }
.business-story-panel-alt h2 { color: var(--navy); }
.business-story-panel-alt p { color: var(--ink-soft); }
.business-story-panel-alt .eyebrow { color: var(--red-deep); }
.feature-note-sponsored { border-color: #cfae6c; background: #fbf5e8; }
.business-cta, .election-footer-callout, .newsletter-boundary, .trust-disclosure-band, .submit-event-panel { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 23px; background: #f4f0e7; border: 1px solid #e2dbcf; }
.community-intro-grid { grid-template-columns: minmax(0, 1fr) minmax(250px, .8fr); }
.community-story-statement { padding: 20px 0; }
.community-language-line { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; margin-top: 16px; padding: 12px; border-left: 3px solid var(--red); background: #f7f4ed; color: var(--navy); font-size: .68rem; }
.community-language-line [lang="pa"] { color: var(--red-deep); font-size: .95rem; font-weight: 750; }
.community-art-frame, .about-art-frame { height: 222px; }
.community-pulse-preview { display: grid; grid-template-columns: minmax(0, 1fr) 230px; align-items: center; gap: 22px; margin: 26px 0 34px; padding: clamp(20px, 3vw, 32px); background: var(--navy); color: white; }
.community-pulse-preview h2 { margin: .4rem 0; color: white; font-family: var(--serif); font-size: 1.7rem; }
.community-pulse-preview p:not(.eyebrow) { max-width: 620px; color: #edf0f1; font-size: .76rem; line-height: 1.5; }
.community-pulse-preview .eyebrow { color: #f2d394; }
.pulse-card-3d { position: relative; min-height: 145px; display: grid; place-items: center; overflow: hidden; border: 1px solid #ffffff42; background: linear-gradient(145deg, #e8d5ae, #b64143); color: var(--navy); box-shadow: 0 19px 25px #06121b66; transform: perspective(700px) rotateY(-7deg) rotateX(4deg); }
.pulse-card-3d strong { z-index: 1; font-family: var(--serif); font-size: 1.6rem; line-height: .86; text-align: center; }
.pulse-card-3d small { position: absolute; right: 8px; bottom: 7px; font-size: .46rem; font-weight: 850; letter-spacing: .08em; }
.pulse-orbit { position: absolute; width: 145px; aspect-ratio: 1; border: 1px solid #132a3955; border-radius: 50%; box-shadow: 0 0 0 13px #132a3910, 0 0 0 29px #132a3909; }
.civic-overview-grid { grid-template-columns: minmax(0, 1.05fr) minmax(275px, .95fr); }
.civic-highlight { padding: clamp(20px, 3vw, 32px); background: linear-gradient(140deg, #eef4f8, #f8fcfd); border: 1px solid var(--line); }
.civic-highlight h2 { font-size: clamp(1.65rem, 3vw, 2.4rem); }
.civic-steps { display: flex; flex-direction: column; gap: 9px; }
.civic-steps > div { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--line); background: white; }
.civic-steps > div > b { color: var(--red-deep); font-size: .75rem; }
.civic-steps span { display: flex; flex-direction: column; gap: 3px; }
.civic-steps strong { color: var(--navy); font-size: .73rem; }
.civic-steps small { color: var(--muted); font-size: .62rem; }
.election-hero-card { grid-template-columns: minmax(0, 1fr) 200px; padding: clamp(20px, 3vw, 34px); background: linear-gradient(110deg, var(--navy), #24485a); color: white; }
.election-hero-card h2 { color: white; }
.election-hero-card p:not(.eyebrow) { color: #eef1f2; }
.election-hero-card .eyebrow { color: #f2d394; }
.election-status-strip { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.election-status-strip span { padding: .36rem .47rem; border: 1px solid #ffffff4c; color: white; font-size: .48rem; font-weight: 850; letter-spacing: .05em; }
.ballot-stack-3d { position: relative; min-height: 170px; display: grid; place-items: center; perspective: 800px; }
.ballot-stack-3d span { position: absolute; width: 112px; height: 145px; border: 1px solid #ccaa68; background: #f7efe0; box-shadow: 0 12px 16px #06121b55; transform: rotate(8deg) rotateY(-12deg); }
.ballot-stack-3d span:nth-child(2) { transform: translate(-8px, 6px) rotate(-4deg) rotateY(10deg); background: #eadcc0; }
.ballot-stack-3d span:nth-child(3) { transform: translate(4px, -3px) rotate(2deg); background: #fffaf0; }
.ballot-stack-3d b { z-index: 1; color: var(--red-deep); font-size: 1.2rem; letter-spacing: .12em; transform: rotate(-13deg); }
.guide-anchor-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.guide-anchor-grid a { display: flex; flex-direction: column; gap: 13px; min-height: 100px; padding: 13px; border: 1px solid var(--line); color: var(--navy); font-size: .69rem; text-decoration: none; }
.guide-anchor-grid a:hover { border-color: var(--red); transform: translateY(-2px); }
.guide-anchor-grid b { color: var(--red-deep); font-size: .7rem; }
.guide-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.guide-detail-grid article { scroll-margin-top: 20px; }
.events-intro-grid { grid-template-columns: minmax(0, 1fr) 245px; }
.calendar-art-stack { position: relative; min-height: 170px; perspective: 900px; }
.calendar-back, .calendar-front { position: absolute; inset: 13px 19px 8px 10px; border: 1px solid #c9b685; box-shadow: 0 15px 23px #132a3922; }
.calendar-back { background: #b34340; transform: rotate(8deg) translate(8px, 3px); }
.calendar-front { display: flex; flex-direction: column; justify-content: space-between; padding: 14px; background: #fbf7ed; color: var(--navy); transform: perspective(800px) rotateY(-8deg) rotateX(4deg); }
.calendar-front span { align-self: flex-start; padding: 4px 6px; background: var(--navy); color: white; font-size: .53rem; font-weight: 850; letter-spacing: .12em; }
.calendar-front b { font-family: var(--serif); font-size: 1.2rem; line-height: .95; }
.calendar-front small { color: var(--muted); font-size: .46rem; font-weight: 850; letter-spacing: .08em; }
.filter-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 14px; }
.filter-chips span { padding: .42rem .6rem; border: 1px solid var(--line); border-radius: 999px; color: var(--navy); font-size: .72rem; font-weight: 700; }
.event-list-preview { display: flex; flex-direction: column; gap: 8px; }
.event-list-card { display: grid; grid-template-columns: 82px minmax(0, 1fr) 25px; align-items: center; gap: 13px; padding: 12px; border: 1px solid var(--line); background: #f8fcfd; }
.event-date-placeholder { display: grid; align-content: center; gap: 4px; min-height: 60px; padding: 7px 3px; background: #f5eddd; color: var(--red-deep); font-size: .75rem; line-height: 1.25; text-align: center; }
.event-date-placeholder span { font-size: .68rem; font-weight: 850; letter-spacing: .02em; }
.event-date-placeholder b { color: var(--navy); font-size: .75rem; line-height: 1.2; }
.event-list-card h3 { margin: .35rem 0 .15rem; }
.event-list-card p, .event-list-card small { color: var(--ink-soft); font-size: .72rem; }
.event-list-card p { margin: 0 0 .2rem; }
.event-card-mark { color: var(--red-deep); font-size: .9rem; }
.event-quality-panel { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 22px; margin: 24px 0 34px; padding: clamp(18px, 3vw, 27px); border: 1px solid rgb(84 223 244 / 37%); border-radius: 14px; background: radial-gradient(circle at 94% 0%, rgb(84 223 244 / 11%), transparent 24rem), linear-gradient(130deg, var(--navy), var(--navy-deep)); color: #f4f8fb; box-shadow: 0 18px 36px rgb(7 21 34 / 17%); }
.event-quality-copy .eyebrow { margin-bottom: .35rem; color: var(--signal-cyan); }
.event-quality-copy h2 { margin: .3rem 0 .55rem; color: #f4f8fb; font-family: var(--serif); font-size: clamp(1.35rem, 2.4vw, 1.9rem); line-height: 1.07; }
.event-quality-copy p:last-child { max-width: 38rem; margin: 0; color: #e5f2f5; font-size: .72rem; line-height: 1.52; }
.event-quality-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.event-quality-item { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 12px; border: 1px solid rgb(84 223 244 / 24%); border-radius: 8px; background: rgb(7 21 34 / 32%); }
.event-quality-item span { color: var(--signal-lime); font-size: .58rem; font-weight: 850; letter-spacing: .1em; }
.event-quality-item b { color: #f4f8fb; font-size: .8rem; line-height: 1.25; }
.event-quality-item small { color: #e5f2f5; font-size: .68rem; line-height: 1.4; }
.submit-event-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; color: var(--navy); font-size: .74rem; }
.submit-event-checklist span { padding: 8px; border: 1px solid #cfdde6; background: #f8fcfd; }
.submit-event-checklist a { grid-column: 1 / -1; margin-top: 4px; font-weight: 750; }
.edition-art-stack { height: 180px; }
.edition-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.edition-card { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr) 25px; align-items: center; gap: 13px; min-height: 145px; padding: 16px; border: 1px solid var(--line); background: linear-gradient(140deg, #f8fcfd, #e9f1f6); box-shadow: 0 12px 20px #132a3910; }
.edition-current { border-top: 3px solid var(--red); }
.edition-number { display: grid; width: 67px; height: 83px; place-items: center; background: var(--navy); color: #f2d394; font-family: var(--serif); font-size: 1.7rem; box-shadow: 7px 8px 0 #c6a971; transform: perspective(500px) rotateY(-7deg); }
.edition-card h3 { margin: .25rem 0; }
.edition-card p:not(.eyebrow) { color: var(--ink-soft); font-size: .65rem; line-height: 1.45; }
.edition-card .eyebrow { margin: 0; font-size: .51rem; }
.edition-card > a { color: var(--red-deep); font-size: 1rem; }
.newsletter-boundary { margin: 25px 0 32px; }
.newsletter-signup-preview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); align-items: center; gap: 26px; margin: 28px 0 32px; padding: clamp(20px, 3vw, 32px); border: 1px solid rgb(84 223 244 / 40%); border-radius: 14px; background: radial-gradient(circle at 12% 10%, rgb(84 223 244 / 15%), transparent 25rem), linear-gradient(122deg, var(--navy-deep), #164c63); color: #fff; box-shadow: 0 18px 34px rgb(7 21 34 / 18%); }
.newsletter-signup-message { display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: 16px; }
.newsletter-signup-mark { width: 58px; height: 58px; flex-basis: 58px; }
.newsletter-signup-preview .eyebrow { color: #8de9f7; font-size: .75rem; letter-spacing: .08em; }
.newsletter-signup-preview h2 { margin: .25rem 0 .45rem; color: #fff; font-family: var(--serif); font-size: clamp(1.45rem, 2.5vw, 2rem); line-height: 1.08; }
.newsletter-signup-preview p:not(.eyebrow) { margin: 0; color: #eff7fa; font-size: .78rem; line-height: 1.5; }
.newsletter-signup-controls label { display: block; margin-bottom: 7px; color: #fff; font-size: .75rem; font-weight: 800; }
.newsletter-signup-control-row { display: flex; gap: 8px; }
.newsletter-signup-control-row input { min-width: 0; min-height: 48px; flex: 1; padding: 11px 13px; border: 1px solid #b8dce7; border-radius: 8px; background: #f9fdfe; color: #10263c; font: inherit; font-size: .82rem; }
.newsletter-signup-control-row input:disabled { opacity: 1; cursor: not-allowed; -webkit-text-fill-color: #10263c; }
.newsletter-signup-control-row input::placeholder { color: #566b75; opacity: 1; }
.newsletter-signup-control-row button { min-height: 48px; padding: 10px 18px; border: 1px solid var(--signal-lime); border-radius: 8px; background: var(--signal-lime); color: var(--navy-deep); font: inherit; font-size: .75rem; font-weight: 850; opacity: 1; cursor: not-allowed; }
.newsletter-signup-preview-note { margin: .7rem 0 0 !important; color: #dcebf0 !important; font-size: .75rem !important; line-height: 1.45 !important; }
.newsletter-boundary h2 { margin: .3rem 0; color: var(--navy); font-family: var(--serif); font-size: 1.55rem; }
.newsletter-boundary p:not(.eyebrow) { max-width: 700px; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.newsletter-icon-3d { display: grid; flex: 0 0 75px; height: 65px; place-items: center; background: linear-gradient(145deg, #f1dcae, #c09952); color: var(--navy); font-size: 2rem; box-shadow: 0 12px 17px #132a3925; transform: perspective(500px) rotateY(-12deg) rotateX(4deg); }
.video-stage-3d { position: relative; min-height: 175px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(140deg, #203f51, #102532); box-shadow: 0 17px 27px #132a3928; transform: perspective(800px) rotateY(-5deg); }
.video-stage-3d::before { position: absolute; inset: 10px; border: 1px solid #f1d39285; content: ""; }
.video-stage-ring { position: absolute; width: 145px; aspect-ratio: 1; border: 1px solid #e7c88488; border-radius: 50%; box-shadow: 0 0 0 17px #e7c88411, 0 0 0 35px #e7c8840a; }
.video-play { z-index: 1; display: grid; width: 54px; aspect-ratio: 1; place-items: center; padding-left: 4px; border-radius: 50%; background: #b52c32; color: white; font-size: 1rem; box-shadow: 0 9px 14px #0005; }
.video-stage-3d small { position: absolute; bottom: 12px; color: white; font-size: .49rem; font-weight: 850; letter-spacing: .09em; }
.watch-empty-state { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 15px; align-items: center; padding: 18px; border: 1px dashed #b9c8d2; background: #f4f8fb; }
.watch-empty-state h3 { margin: .25rem 0; }
.watch-empty-state p:not(.eyebrow) { color: var(--ink-soft); font-size: .69rem; line-height: 1.45; }
.empty-state-mark { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--navy); color: white; }
.production-card { background: #f8f3e8; }
.about-stat-line { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.about-stat-line span { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid var(--line); background: white; color: var(--navy); font-size: .6rem; font-weight: 750; }
.about-stat-line b { color: var(--red-deep); }
.about-pillar-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.about-pillar-grid article { padding: 16px; border-top: 2px solid var(--red); background: #f4f8fb; }
.about-pillar-grid span { color: var(--red-deep); font-size: .66rem; font-weight: 850; }
.about-pillar-grid h3 { margin: .45rem 0 .25rem; }
.about-pillar-grid p { color: var(--ink-soft); font-size: .68rem; line-height: 1.45; }
.contact-orbit-card { position: relative; min-height: 190px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg, #e8d6b4, #ad3438); box-shadow: 0 18px 25px #132a3925; transform: perspective(700px) rotateY(-6deg); }
.contact-orbit-card b { z-index: 1; color: var(--navy); font-family: var(--serif); font-size: 1.5rem; line-height: .9; text-align: center; }
.contact-orbit-card small { position: absolute; right: 8px; bottom: 7px; color: var(--navy); font-size: .46rem; font-weight: 850; letter-spacing: .08em; }
.contact-orbit { position: absolute; width: 120px; aspect-ratio: 1; border: 1px solid #132a3966; border-radius: 50%; }
.contact-orbit-one { transform: translate(-28px, -12px); box-shadow: 0 0 0 13px #132a3910; }
.contact-orbit-two { transform: translate(30px, 22px); }
.contact-topic-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.contact-topic-grid article { padding: 15px; border: 1px solid var(--line); background: #f8fcfd; }
.contact-topic-icon { color: var(--red-deep); font-size: 1.2rem; }
.contact-topic-grid h3 { margin: .4rem 0 .25rem; }
.contact-topic-grid p { color: var(--ink-soft); font-size: .66rem; line-height: 1.45; }
.contact-topic-action { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; margin-top: .4rem; color: var(--signal-ink); font-size: .68rem; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.contact-safety-note { display: flex; gap: 10px; margin: 20px 0 32px; padding: 12px; border-left: 3px solid #b38427; background: #e9f1f6; color: var(--ink-soft); font-size: .67rem; }
.contact-safety-note b { flex: 0 0 auto; color: var(--navy); }
.trust-seal-3d { position: relative; min-height: 175px; display: grid; place-items: center; background: linear-gradient(140deg, #e9f1f6, #f8fcfd); }
.seal-ring { position: absolute; width: 138px; aspect-ratio: 1; border: 5px double #b58c45; border-radius: 50%; box-shadow: 0 14px 19px #132a3922, inset 0 0 0 8px #f8fcfd; transform: perspective(500px) rotateX(17deg); }
.seal-core { z-index: 1; color: var(--navy); font-family: var(--serif); font-size: 1.15rem; font-weight: 750; line-height: .95; text-align: center; }
.trust-seal-3d small { position: absolute; bottom: 8px; color: var(--muted); font-size: .45rem; font-weight: 850; letter-spacing: .1em; }
.trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust-grid a { display: flex; min-height: 136px; flex-direction: column; align-items: flex-start; gap: 7px; padding: 13px; border: 1px solid var(--line); background: #f8fcfd; color: var(--ink); text-decoration: none; }
.trust-grid a:hover { border-color: var(--red); transform: translateY(-2px); }
.trust-grid a > span { color: var(--red-deep); font-size: .51rem; font-weight: 850; letter-spacing: .08em; }
.trust-grid h3 { margin: .15rem 0; }
.trust-grid code, .trust-grid small { margin-top: auto; color: var(--ink-soft); font-size: .56rem; overflow-wrap: anywhere; }
.trust-disclosure-band { background: var(--navy); color: white; }
.trust-disclosure-band h2 { margin: .35rem 0; color: white; font-family: var(--serif); font-size: 1.55rem; }
.trust-disclosure-band p:not(.eyebrow) { max-width: 700px; color: #eef1f2; font-size: .7rem; }
.trust-disclosure-band .eyebrow { color: #f2d394; }
.trust-disclosure-band a { color: #f2d394; font-size: .7rem; font-weight: 750; }
.utility-orbit-scene { position: relative; min-height: 180px; display: grid; place-items: center; overflow: hidden; background: var(--navy); box-shadow: 0 17px 25px #132a3926; transform: perspective(800px) rotateY(-5deg); }
.utility-orbit-scene > b { z-index: 1; color: #f4d99d; font-family: var(--serif); font-size: 1.25rem; line-height: .9; text-align: center; }
.utility-orbit-disc { position: absolute; width: 105px; height: 105px; border: 1px solid #f4d99d9c; border-radius: 50%; box-shadow: 0 10px 18px #06121b88; }
.disc-one { transform: translate(-38px, -17px) rotateX(58deg); background: #b52c3266; }
.disc-two { transform: translate(35px, 17px) rotateY(52deg); background: #d2b36a3d; }
.disc-three { width: 138px; height: 78px; transform: translate(0, 4px) rotate(-24deg); border-color: #ffffff55; }
.utility-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.utility-grid article > span { color: var(--red-deep); font-size: .53rem; font-weight: 850; letter-spacing: .08em; }
.utility-grid h3 { margin: .45rem 0 .3rem; }
.utility-boundary { background: #f8f3e8; }
.utility-boundary p:not(.eyebrow) { color: var(--ink-soft); font-size: .74rem; line-height: 1.5; }
.utility-boundary a { font-size: .69rem; font-weight: 750; }
.diwali-rate-snapshot { margin: 25px 0 30px; padding: clamp(18px, 3vw, 28px); border: 1px solid #d9cfbb; background: linear-gradient(130deg, #f8fcfd, #f5eee0); }
.diwali-rate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.diwali-rate-grid article { min-height: 152px; padding: 16px; border: 1px solid #ded7ca; background: white; box-shadow: 0 12px 18px #132a3910; transform: perspective(700px) rotateY(-2deg); }
.diwali-rate-grid .diwali-rate-featured { border-top: 3px solid var(--red); transform: perspective(700px) translateY(-4px) rotateY(1deg); }
.diwali-rate-grid h3 { min-height: 38px; margin: .45rem 0 .35rem; color: var(--navy); font-family: var(--serif); font-size: 1rem; }
.diwali-rate-grid strong { display: block; color: var(--red-deep); font-family: var(--serif); font-size: 1.7rem; line-height: 1; }
.diwali-rate-grid span { display: block; margin-top: 8px; color: var(--ink-soft); font-size: .59rem; }
.rate-snapshot-note { margin: 12px 0 0; color: var(--ink-soft); font-size: .66rem; line-height: 1.5; }
.advertise-art { height: auto; min-height: 180px; overflow: hidden; border: 1px solid var(--line); background: #f3ede1; box-shadow: 0 18px 26px #132a3920; }
.advertise-art img { aspect-ratio: 3 / 2; }
.feature-note-card, .taxonomy-card, .route-shortcuts a, .edition-card, .trust-grid a, .utility-grid article { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.feature-note-card:hover, .edition-card:hover { box-shadow: 0 17px 24px #132a3918; transform: perspective(700px) translateY(-2px) rotateY(-1deg); }
.inner-page-hero, .coverage-deck-card, .business-story-panel, .pulse-card-3d, .election-hero-card, .calendar-front, .video-stage-3d, .contact-orbit-card, .trust-seal-3d, .utility-orbit-scene, .diwali-rate-grid article { transform-style: preserve-3d; }

@media (max-width: 980px) {
  .taxonomy-grid, .utility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .contact-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-anchor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .homepage-identity-hero, .inner-page-hero, .community-intro-grid, .about-hero-grid, .edition-hero-grid, .events-intro-grid, .watch-hero-grid, .contact-hero-grid, .trust-hero-grid, .utility-orbit-hero, .civic-overview-grid, .election-hero-card { grid-template-columns: minmax(0, 1fr); }
  .homepage-identity-hero figure { height: 190px; }
  .inner-hero-art { height: 180px; }
  .coverage-deck { grid-template-columns: minmax(0, 1fr); }
  .coverage-deck-card { min-height: 165px; }
  .feature-card-row, .about-pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .business-opportunity-grid, .edition-grid { grid-template-columns: minmax(0, 1fr); }
  .route-map-summary { grid-template-columns: minmax(0, 1fr); }
  .route-filter-control { flex-direction: column; }
  .route-filter-control button { align-self: flex-start; }
  .route-map-stat { min-height: 90px; }
  .route-table-wrap { margin-inline: -3px; }
  .route-map-table { min-width: 650px; }
  .community-pulse-preview { grid-template-columns: minmax(0, 1fr) 150px; }
  .contact-topic-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .diwali-rate-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .diwali-rate-grid article { padding: 12px; }
  .diwali-rate-grid h3 { font-size: .86rem; }
}
@media (max-width: 560px) {
  .homepage-identity-hero { padding: 16px; }
  .homepage-identity-hero figure { height: 155px; }
  .inner-page-hero { padding: 17px; }
  .event-quality-panel { grid-template-columns: minmax(0, 1fr); }
  .taxonomy-grid, .feature-card-row, .utility-grid, .contact-topic-grid, .about-pillar-grid, .trust-grid, .guide-anchor-grid, .guide-detail-grid, .route-shortcuts { grid-template-columns: minmax(0, 1fr); }
  .section-title-line { align-items: flex-start; flex-direction: column; gap: 7px; }
  .business-cta, .election-footer-callout, .newsletter-boundary, .trust-disclosure-band, .submit-event-panel { align-items: flex-start; flex-direction: column; }
  .newsletter-signup-preview { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 21px; }
  .newsletter-signup-message { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; }
  .newsletter-signup-mark { width: 50px; height: 50px; flex-basis: 50px; }
  .newsletter-signup-control-row { flex-direction: column; }
  .newsletter-signup-control-row button { width: 100%; }
  .community-pulse-preview { grid-template-columns: minmax(0, 1fr); }
  .pulse-card-3d { min-height: 115px; }
  .election-hero-card { padding: 18px; }
  .ballot-stack-3d { min-height: 140px; }
  .calendar-art-stack { min-height: 145px; }
  .event-list-card { grid-template-columns: 82px minmax(0, 1fr); gap: 9px; }
  .event-card-mark { display: none; }
  .edition-card { grid-template-columns: 60px minmax(0, 1fr); padding: 12px; }
  .edition-number { width: 54px; height: 70px; font-size: 1.3rem; }
  .edition-card > a { display: none; }
  .route-map-table { min-width: 600px; }
  .contact-safety-note { flex-direction: column; }
  .diwali-rate-grid { grid-template-columns: minmax(0, 1fr); }
  .diwali-rate-grid article, .diwali-rate-grid .diwali-rate-featured { min-height: auto; transform: none; }
  .diwali-rate-grid h3 { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .coverage-deck-card:hover, .taxonomy-card:hover, .guide-anchor-grid a:hover, .trust-grid a:hover, .feature-note-card:hover, .edition-card:hover { transform: none; }
}

/* Apna News future newsroom: recognizable editorial type with dimensional signal cues. */
body {
  background:
    radial-gradient(ellipse at 92% 0%, rgb(84 223 244 / 12%), transparent 31rem),
    var(--paper);
}
a:focus-visible, button:focus-visible, input:focus-visible { outline-color: var(--signal-ink); }
.preview-note { background: var(--signal-cyan-soft); color: var(--signal-ink); }
.preview-note span, .preview-research-link { color: var(--signal-ink); }
.preview-note span { color: var(--signal-ink); }
.preview-note a { color: var(--signal-ink); font-weight: 700; text-underline-offset: .18em; }
.audit-implication { border: 1px solid var(--signal-line); border-left: 3px solid var(--signal-ink); border-radius: 7px; background: var(--signal-cyan-soft); }
.audit-implication b { color: var(--signal-ink); }
.site-header { background: rgb(244 248 251 / 94%); }
.network-strip { background: linear-gradient(105deg, var(--navy-deep), #12334b 68%, #164c63); color: #f4f8fb; }
.network-strip-inner { min-height: 49px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; }
.network-context { display: inline-flex; align-items: center; gap: 9px; color: #d7e9ed; font-size: .59rem; font-weight: 800; letter-spacing: .16em; }
.network-context::before { width: 7px; height: 7px; border-radius: 50%; background: var(--signal-cyan); box-shadow: 0 0 13px rgb(84 223 244 / 80%); content: ""; }
.social-links { display: inline-flex; align-items: center; gap: 5px; }
.social-links::before { margin-right: 6px; color: #d7e9ed; content: "FOLLOW APNA"; font-size: .55rem; font-weight: 800; letter-spacing: .13em; }
.social-link { width: 44px; height: 44px; min-width: 44px; min-height: 44px; display: grid; place-items: center; border: 1px solid rgb(255 255 255 / 24%); border-radius: 50%; background: rgb(255 255 255 / 5%); color: #f4f8fb; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.social-link svg { width: 17px; height: 17px; fill: currentColor; }
.social-instagram svg { fill: none; }
.social-instagram svg circle:last-child { fill: currentColor; }
.social-link:hover { transform: translateY(-2px); border-color: var(--signal-cyan); background: rgb(84 223 244 / 15%); color: white; box-shadow: 0 0 20px rgb(84 223 244 / 20%); }
.social-link:focus-visible { outline-color: var(--signal-lime); }
.social-facebook:is(:hover, :focus-visible) { border-color: #8dbaff; box-shadow: 0 0 0 2px rgb(141 186 255 / 24%), 0 0 21px rgb(141 186 255 / 36%); }
.social-x:is(:hover, :focus-visible) { border-color: #e5f2f5; box-shadow: 0 0 0 2px rgb(229 242 245 / 20%), 0 0 21px rgb(229 242 245 / 28%); }
.social-whatsapp:is(:hover, :focus-visible) { border-color: #78e8ad; box-shadow: 0 0 0 2px rgb(120 232 173 / 24%), 0 0 21px rgb(120 232 173 / 36%); }
.social-instagram:is(:hover, :focus-visible) { border-color: #dfb2ff; box-shadow: 0 0 0 2px rgb(223 178 255 / 24%), 0 0 21px rgb(223 178 255 / 36%); }
.wordmark { color: var(--navy); }
.wordmark i { color: var(--signal-ink); }
.navigation-band { background: linear-gradient(100deg, var(--navy-deep), var(--navy) 58%, #173b54); border-bottom-color: var(--signal-lime); }
.primary-navigation a[aria-current="page"]::after, .primary-navigation a:hover::after { background: var(--signal-lime); }
.homepage-identity-hero { position: relative; isolation: isolate; border-color: #bad6df; border-radius: 14px; background: linear-gradient(112deg, #e2f1f5, #f6fbfc 52%, #e4edf8); box-shadow: 0 22px 48px rgb(16 38 60 / 11%); }
.homepage-identity-hero::before { position: absolute; z-index: 0; inset: 0; background: radial-gradient(circle at 86% 18%, rgb(84 223 244 / 22%), transparent 25%), linear-gradient(130deg, transparent 50%, rgb(215 247 106 / 14%)); content: ""; pointer-events: none; }
.homepage-identity-hero::after { position: absolute; z-index: 0; top: -120px; right: 33%; width: 270px; aspect-ratio: 1; border: 1px solid rgb(7 93 117 / 14%); border-radius: 50%; box-shadow: 0 0 0 24px rgb(7 93 117 / 3%), 0 0 0 58px rgb(7 93 117 / 3%); content: ""; pointer-events: none; }
.homepage-identity-hero > div, .homepage-identity-hero > figure { position: relative; z-index: 1; }
.homepage-identity-hero h2 { max-width: 640px; color: var(--navy); font-family: var(--sans); font-size: clamp(2.05rem, 4.4vw, 3.65rem); font-weight: 780; letter-spacing: -.065em; line-height: .98; }
.homepage-identity-hero figure { border: 1px solid #82adbb; border-radius: 14px; background: var(--navy-deep); box-shadow: 0 25px 48px rgb(7 21 34 / 27%), 0 0 0 5px rgb(84 223 244 / 9%); transform: perspective(1100px) rotateY(-4deg) rotateX(1.5deg); }
.homepage-identity-hero figure::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(125deg, rgb(84 223 244 / 17%), transparent 37% 66%, rgb(215 247 106 / 13%)), repeating-linear-gradient(0deg, transparent 0 32px, rgb(255 255 255 / 6%) 33px); content: ""; mix-blend-mode: screen; pointer-events: none; }
.homepage-identity-hero figure::after { position: absolute; z-index: 2; top: 12%; left: 7%; width: 62px; height: 24px; border: 1px solid rgb(235 251 255 / 75%); border-radius: 50%; box-shadow: 0 0 20px rgb(84 223 244 / 45%); content: ""; transform: rotate(-26deg); pointer-events: none; }
.homepage-identity-hero figcaption { z-index: 3; }
.region-card { border: 1px solid rgb(188 226 234 / 22%); border-radius: 12px; box-shadow: 0 16px 26px rgb(7 21 34 / 12%); }
.region-card::before { background: radial-gradient(circle at 88% 10%, rgb(84 223 244 / 25%), transparent 30%), linear-gradient(112deg, #10263c, #153a50 62%, #176078); }
.region-card-metro::before { background: radial-gradient(circle at 88% 10%, rgb(215 247 106 / 22%), transparent 30%), linear-gradient(112deg, #10263c, #24535d 62%, #456d66); }
.region-card-bc::before { background: radial-gradient(circle at 88% 10%, rgb(157 124 244 / 22%), transparent 30%), linear-gradient(112deg, #10263c, #304f65 62%, #526b78); }
.region-card-surrey { border-bottom: 3px solid var(--signal-lime); }
.region-number { color: var(--signal-lime); }
.region-arrow { color: #ffffff; }
.inner-page-hero { border-color: #c3d7df; border-radius: 13px; background: radial-gradient(circle at 92% 8%, rgb(84 223 244 / 13%), transparent 24rem), linear-gradient(112deg, #f5fafc, #e4f0f4 100%); box-shadow: 0 18px 38px rgb(16 38 60 / 9%); }
.inner-hero-art, .community-art-frame, .about-art-frame, .edition-art-stack { border-color: #8eabb7; border-radius: 12px; box-shadow: 0 24px 42px rgb(16 38 60 / 18%), 0 0 0 4px rgb(84 223 244 / 8%); }
.route-chip { border-color: #bdd0d8; border-radius: 999px; background: #f7fcfd; }
.button, .advertise-link { border-radius: 8px; }
.button-red { background: var(--red-deep); }
.button-red:hover { background: #671725; }
.rail-card-dark a:hover { color: var(--signal-lime); }
.section-heading { border-image: linear-gradient(90deg, var(--signal-ink), var(--signal-cyan), transparent) 1; }

@media (max-width: 760px) {
  .network-strip-inner { gap: 4px 10px; }
  .network-context { font-size: .53rem; letter-spacing: .11em; }
  .social-links::before { content: ""; margin-right: 0; }
  .homepage-identity-hero { border-radius: 12px; }
  .homepage-identity-hero figure { border-radius: 11px; transform: none; }
}
@media (max-width: 560px) {
  .network-strip-inner { justify-content: center; }
  .network-context { width: 100%; justify-content: center; padding-top: 5px; }
  .social-links { justify-content: center; width: 100%; padding-bottom: 4px; }
  .region-section-priority .region-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
  .region-section-priority .region-card { min-height: 82px; display: grid; grid-template-columns: 40px minmax(0, 1fr) 30px; grid-template-rows: auto auto; align-items: center; gap: 0 9px; padding: 10px 13px; }
  .region-section-priority .region-number { grid-row: 1 / span 2; align-self: center; margin: 0; font-size: .94rem; }
  .region-section-priority .region-label { grid-column: 2; font-size: .78rem; letter-spacing: .09em; }
  .region-section-priority .region-subtitle { grid-column: 2; margin-top: 2px; font-size: .75rem; line-height: 1.35; }
  .region-section-priority .region-arrow { position: static; grid-row: 1 / span 2; grid-column: 3; justify-self: center; font-size: 1.3rem; }
}
@media (prefers-reduced-motion: reduce) {
  .social-link:hover, .region-card:hover { transform: none; }
}

/* Apna signal icons: crisp line work, luminous surfaces and clear focus on dark bands. */
.navigation-band a:focus-visible, .navigation-band button:focus-visible,
.network-strip a:focus-visible, .site-footer a:focus-visible,
.region-card:focus-visible, .rail-card-dark a:focus-visible,
.button-dark:focus-visible, .button-red:focus-visible, .advertise-cta a:focus-visible,
.language-hero a:focus-visible, .language-region-links a:focus-visible,
.business-story-panel:not(.business-story-panel-alt) a:focus-visible,
.community-pulse-preview a:focus-visible, .election-hero-card a:focus-visible,
.trust-disclosure-band a:focus-visible { outline-color: var(--signal-lime); }
.ui-icon { display: block; width: 21px; height: 21px; }
.ui-icon-search, .ui-icon-mail, .ui-icon-route, .ui-icon-play,
.contact-topic-icon svg, .region-signal svg {
  fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.ui-icon-play { width: 19px; height: 19px; }
.ui-icon-play path { fill: currentColor; stroke: none; }
.search-form button {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  display: grid; place-items: center; border: 1px solid #a4e7ef;
  border-radius: 50%; background: linear-gradient(145deg, #e4fcff, #80e9f4 66%, #50c8d8);
  color: var(--navy-deep); box-shadow: inset 0 1px 0 #ffffffa8, 0 3px 8px #0715221a;
}
.search-form button:hover { background: linear-gradient(145deg, #f2feff, #a4f3f8 66%, #63d4df); }
.region-signal {
  position: absolute; z-index: 1; top: 15px; right: 18px;
  display: grid; width: 42px; height: 42px; place-items: center;
  border: 1px solid rgb(255 255 255 / 32%); border-radius: 12px;
  background: linear-gradient(145deg, rgb(7 21 34 / 76%), rgb(7 21 34 / 60%));
  color: #f4f8fb; box-shadow: inset 0 1px 0 rgb(255 255 255 / 22%), 0 8px 18px rgb(0 0 0 / 15%);
  backdrop-filter: blur(7px); transition: transform .2s ease, border-color .2s ease;
}
.region-signal::after { position: absolute; right: 5px; bottom: 5px; width: 5px; height: 5px; border-radius: 50%; background: var(--region-signal); box-shadow: 0 0 9px var(--region-signal); content: ""; }
.region-signal svg { width: 22px; height: 22px; }
.region-signal-surrey { --region-signal: var(--signal-cyan); }
.region-signal-metro { --region-signal: var(--signal-lime); }
.region-signal-bc { --region-signal: #c9b4ff; }
.region-card:hover .region-signal { transform: translateY(-2px) rotate(3deg); border-color: var(--region-signal); }
.contact-topic-icon {
  display: grid; width: 42px; height: 42px; place-items: center;
  border: 1px solid #a5d5df; border-radius: 12px;
  background: radial-gradient(circle at 24% 18%, #ffffff, transparent 45%), linear-gradient(145deg, #e8faff, #cbeef2);
  color: var(--signal-ink); box-shadow: inset 0 1px 0 #ffffffd9, 0 6px 13px rgb(16 38 60 / 9%);
}
.contact-topic-icon svg { width: 21px; height: 21px; }
.newsletter-icon-3d {
  border: 1px solid #83dbe5; border-radius: 14px;
  background: linear-gradient(145deg, #e4fcff, #75e5ef 64%, #47bdcf);
  color: var(--navy-deep); box-shadow: inset 0 1px 0 #ffffffb8, 0 15px 22px rgb(16 38 60 / 18%);
}
.ui-icon-mail, .ui-icon-route { width: 31px; height: 31px; stroke-width: 1.6; }
.video-play { background: var(--signal-lime); color: var(--navy-deep); }
.video-play::before {
  width: 0; height: 0; margin-left: 4px; border-top: 9px solid transparent;
  border-bottom: 9px solid transparent; border-left: 14px solid currentColor; content: "";
}
.empty-state-mark .ui-icon-play { color: var(--signal-cyan); }

@media (max-width: 560px) {
  .region-signal { top: 9px; right: 49px; width: 34px; height: 34px; border-radius: 10px; }
  .region-signal svg { width: 19px; height: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .region-card:hover .region-signal { transform: none; }
}

/* 2040 visual coherence pass: carry the signal language through every page family. */
:root {
  --signal-cyan-soft: #e3f0f3;
  --signal-line: #b7d3dc;
  --signal-violet: #c9b4ff;
}

.page-main { position: relative; }
.page-kicker-row { padding-bottom: 10px; border-bottom: 1px solid var(--signal-line); }
.eyebrow-dot { background: var(--signal-cyan); box-shadow: 0 0 12px rgb(84 223 244 / 70%); }
.masthead-note { font-family: var(--sans); font-size: .82rem; }
.masthead-kicker { color: var(--signal-ink); }
.wordmark > span { font-family: var(--sans); font-weight: 850; letter-spacing: -.085em; }
.wordmark b { color: var(--signal-ink); }
.wordmark i { color: var(--signal-ink); }
.language-switch { border: 1px solid var(--signal-line); background: var(--signal-cyan-soft); }
.language-switch .language-current { background: var(--navy); color: white; box-shadow: 0 2px 9px rgb(7 21 34 / 18%); }
.advertise-link { border-color: var(--signal-ink); background: linear-gradient(125deg, #f8fcfd, #e2f7fa); color: var(--signal-ink); }
.advertise-link:hover { border-color: var(--signal-ink); background: var(--signal-ink); color: white; }

.lead-story { overflow: hidden; border-color: var(--signal-line); border-radius: 15px; box-shadow: 0 18px 38px rgb(16 38 60 / 9%); }
.developing-updates { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 13px; margin: 0 0 22px; padding: 14px 17px; border: 1px solid rgb(84 223 244 / 35%); border-left: 3px solid var(--signal-cyan); border-radius: 9px; background: linear-gradient(110deg, #10263c, #091a29); color: #f4f8fb; box-shadow: 0 12px 24px rgb(7 21 34 / 13%); }
.developing-signal { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgb(84 223 244 / 46%); border-radius: 13px; background: radial-gradient(circle at 35% 30%, rgb(84 223 244 / 21%), transparent 70%), rgb(255 255 255 / 6%); color: var(--signal-cyan); box-shadow: inset 0 1px 0 rgb(255 255 255 / 14%), 0 0 0 4px rgb(84 223 244 / 6%); }
.developing-signal svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.developing-copy .eyebrow { margin-bottom: 3px; color: var(--signal-cyan); }
.developing-copy h2 { margin: 0 0 4px; color: #f4f8fb; font-family: var(--sans); font-size: 1.08rem; font-weight: 780; letter-spacing: -.025em; line-height: 1.2; }
.developing-copy > p:last-child { max-width: 800px; margin: 0; color: #e5f2f5; font-size: .75rem; line-height: 1.45; }
.developing-preview-status { justify-self: end; padding: 7px 9px; border: 1px solid rgb(215 247 106 / 38%); border-radius: 4px; background: rgb(255 255 255 / 7%); color: #efffb1; font-size: .53rem; font-weight: 850; letter-spacing: .055em; text-align: center; }
.lead-copy h2, .support-copy h2, .story-row h3 { font-family: var(--sans); font-weight: 780; letter-spacing: -.045em; }
.lead-art.art-skyline {
  background:
    radial-gradient(circle at 75% 26%, rgb(84 223 244 / 70%) 0 3%, transparent 3.5%),
    linear-gradient(180deg, transparent 0 62%, rgb(7 21 34 / 68%) 63%),
    linear-gradient(155deg, #0b2339 0%, #14516a 43%, #1b6974 68%, #10263c 100%);
}
.lead-art::before {
  position: absolute; z-index: 1; inset: 0; background:
    repeating-linear-gradient(90deg, transparent 0 57px, rgb(84 223 244 / 11%) 58px 59px),
    repeating-linear-gradient(0deg, transparent 0 42px, rgb(84 223 244 / 8%) 43px 44px);
  content: ""; pointer-events: none;
}
.lead-art::after { position: absolute; z-index: 2; top: -35%; right: 8%; width: 45%; aspect-ratio: 1; border: 1px solid rgb(84 223 244 / 58%); border-radius: 50%; box-shadow: 0 0 0 18px rgb(84 223 244 / 9%), 0 0 0 43px rgb(215 247 106 / 7%); content: ""; pointer-events: none; }
.art-sun { z-index: 1; background: var(--signal-cyan); box-shadow: 0 0 44px rgb(84 223 244 / 75%); }
.art-horizon { z-index: 1; background: rgb(215 247 106 / 70%); }
.art-building { z-index: 2; border-color: rgb(84 223 244 / 38%); background: linear-gradient(90deg, #0b2339, #176078); box-shadow: inset 0 14px 0 rgb(84 223 244 / 12%), 0 0 18px rgb(84 223 244 / 12%); }
.support-story { border-color: var(--signal-line); }
.story-thumb { border-radius: 9px; background: linear-gradient(145deg, #10263c, #176078); }
.art-community { background: radial-gradient(circle at 76% 19%, rgb(215 247 106 / 65%) 0 8%, transparent 8.5%), linear-gradient(135deg, #10263c 0 44%, #176078 45% 68%, #c65c4d 69%); }
.art-civic { background: radial-gradient(circle at 68% 22%, rgb(84 223 244 / 75%) 0 9%, transparent 9.5%), linear-gradient(140deg, #10263c 0 39%, #24535d 40% 69%, #526b78 70%); }
.art-shape-one { background: #176078; box-shadow: 24px 20px 0 #d7f76a; }
.art-shape-two { background: #c9b4ff; }
.art-shape-three { background: #10263c; box-shadow: inset 0 0 0 1px var(--signal-cyan); }
.art-shape-four { background: #54dff4; }
.row-image { background: linear-gradient(135deg, #10263c, #176078 58%, #d7f76a); }
.art-row-one { background: linear-gradient(135deg, #10263c 0 42%, #176078 43% 73%, #54dff4 74%); }
.art-row-two { background: linear-gradient(145deg, #10263c, #24535d 46%, #d7f76a 47% 56%, #0f4e86 57%); }
.art-row-three { background: linear-gradient(135deg, #10263c, #304f65 45%, #54dff4 46% 60%, #526b78 61%); }

@media (max-width: 760px) {
  .developing-updates { grid-template-columns: 40px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .developing-signal { width: 38px; height: 38px; border-radius: 11px; }
  .developing-preview-status { grid-column: 2; justify-self: start; }
}
@media (max-width: 560px) {
  .developing-updates { align-items: start; margin-bottom: 18px; }
  .developing-copy h2 { font-size: 1rem; }
  .developing-copy > p:last-child { font-size: .73rem; }
}

.ad-slot-wide { border-color: var(--signal-line); }
.ad-slot-inner { position: relative; overflow: hidden; border: 1px solid var(--signal-line); background: linear-gradient(112deg, #e6f3f6, #f8fcfd 54%, #e4f5f8); box-shadow: inset 0 1px 0 white, 0 12px 24px rgb(16 38 60 / 6%); }
.ad-slot-inner::after { position: absolute; top: -52px; right: 12%; width: 165px; aspect-ratio: 1; border: 1px solid rgb(7 93 117 / 23%); border-radius: 50%; box-shadow: 0 0 0 17px rgb(84 223 244 / 8%), 0 0 0 36px rgb(215 247 106 / 8%); content: ""; pointer-events: none; }
.ad-slot-inner > * { position: relative; z-index: 1; }
.ad-monogram { border-color: var(--signal-ink); background: var(--navy); color: var(--signal-cyan); }
.rail-ad-box { border-color: var(--signal-line); border-radius: 10px; background: linear-gradient(145deg, #e5f2f5, #f8fcfd); }

.archive-heading { border-image: linear-gradient(90deg, var(--signal-ink), var(--signal-cyan), transparent) 1; }
.coverage-deck-card { border-color: var(--signal-line); border-radius: 13px; background: linear-gradient(145deg, #f9fcfd, #e8f4f7); box-shadow: 0 17px 30px rgb(16 38 60 / 8%); }
.coverage-deck-card::after { border-color: rgb(7 93 117 / 27%); box-shadow: 0 0 0 15px rgb(84 223 244 / 8%), 0 0 0 31px rgb(215 247 106 / 7%); }
.coverage-metro { background: linear-gradient(145deg, #eef8f8, #e5f2f5); }
.coverage-bc { background: linear-gradient(145deg, #f2f5fc, #e8f2f6); }
.coverage-index { color: var(--signal-ink); }
.route-chip, .status-pill, .preview-slot { border-color: var(--signal-line); background: #f5fbfc; color: var(--signal-ink); }
.taxonomy-card, .feature-note-card, .utility-grid article, .guide-detail-grid article, .route-shortcuts a { border-color: var(--signal-line); border-radius: 10px; background: linear-gradient(145deg, #ffffff, #f1f8fa); }
.taxonomy-card:hover, .route-shortcuts a:hover, .guide-anchor-grid a:hover { border-color: var(--signal-cyan); box-shadow: 0 12px 24px rgb(16 38 60 / 10%); }
.taxonomy-card code, .route-shortcuts code, .utility-grid code, .route-map-table code { color: var(--signal-ink); }
.route-map-warning { border-left-color: var(--signal-cyan); background: var(--signal-cyan-soft); }
.route-map-stat { background: linear-gradient(145deg, var(--navy), #164c63); }
.route-map-stat b { color: var(--signal-lime); }
.route-map-table { background: var(--surface); }
.route-map-table td { border-color: #d9e6eb; }
.route-map-table tr:nth-child(even) { background: #f2f8fa; }
.feature-icon { background: linear-gradient(145deg, var(--navy), #176078); color: var(--signal-cyan); }

.business-story-panel { border: 1px solid rgb(84 223 244 / 25%); border-radius: 14px; background: radial-gradient(circle at 90% 8%, rgb(84 223 244 / 16%), transparent 28%), linear-gradient(142deg, var(--navy), #164c63); }
.business-story-panel a, .community-pulse-preview a, .election-hero-card a { color: var(--signal-lime); }
.business-story-panel-alt a { color: var(--signal-ink); }
.business-story-panel-alt { border-color: var(--signal-line); background: linear-gradient(145deg, #eff8fa, #ffffff); }
.business-story-panel-alt .eyebrow { color: var(--signal-ink); }
.feature-note-sponsored { border: 1px solid var(--signal-ink); background: #eaf5f7; }
.business-cta, .election-footer-callout, .newsletter-boundary, .trust-disclosure-band, .submit-event-panel { border-color: var(--signal-line); border-radius: 12px; background: linear-gradient(120deg, #e8f4f7, #f9fcfd); }
.community-language-line { border-left-color: var(--signal-cyan); background: #e9f5f7; }
.community-language-line [lang="pa"] { color: var(--signal-ink); }
.community-pulse-preview { position: relative; overflow: hidden; border: 1px solid rgb(84 223 244 / 22%); border-radius: 14px; background: radial-gradient(circle at 83% 16%, rgb(84 223 244 / 17%), transparent 28%), linear-gradient(118deg, var(--navy-deep), #164c63); }
.community-pulse-preview .eyebrow, .election-hero-card .eyebrow { color: var(--signal-cyan); }
.pulse-card-3d { border-color: rgb(84 223 244 / 62%); border-radius: 11px; background: radial-gradient(circle at 72% 18%, rgb(215 247 106 / 27%), transparent 38%), linear-gradient(145deg, #10263c, #176078); color: white; }
.pulse-card-3d strong, .pulse-card-3d small { color: white; }
.pulse-orbit { border-color: rgb(84 223 244 / 58%); box-shadow: 0 0 0 13px rgb(84 223 244 / 9%), 0 0 0 29px rgb(215 247 106 / 8%); }
.civic-highlight { border-color: var(--signal-line); border-radius: 12px; background: radial-gradient(circle at 88% 9%, rgb(84 223 244 / 12%), transparent 19rem), linear-gradient(140deg, #eaf5f7, #ffffff); }
.civic-steps > div { border-radius: 9px; background: #f8fcfd; }
.civic-steps > div > b { color: var(--signal-ink); }
.election-hero-card { border: 1px solid rgb(84 223 244 / 26%); border-radius: 14px; background: radial-gradient(circle at 90% 10%, rgb(84 223 244 / 18%), transparent 30%), linear-gradient(110deg, var(--navy), #164c63); }
.election-hero-card .eyebrow { color: var(--signal-cyan); }
.ballot-stack-3d span { border-color: #54dff4; background: linear-gradient(150deg, #f8fcfd, #d8edf2); }
.ballot-stack-3d span:nth-child(2) { background: linear-gradient(150deg, #e8f4f7, #c6e5ec); }
.ballot-stack-3d span:nth-child(3) { background: linear-gradient(150deg, #ffffff, #e5f4f7); }
.ballot-stack-3d b { color: var(--signal-ink); }
.guide-anchor-grid a { border-color: var(--signal-line); border-radius: 9px; }
.guide-anchor-grid b { color: var(--signal-ink); }

.calendar-back { border-color: var(--signal-cyan); background: linear-gradient(145deg, #176078, #10263c); }
.calendar-front { border-color: var(--signal-line); border-radius: 10px; background: linear-gradient(145deg, #ffffff, #eaf5f7); }
.calendar-front span { background: var(--signal-ink); }
.event-list-card { border-color: var(--signal-line); border-radius: 9px; background: #f9fcfd; }
.event-date-placeholder { border-radius: 7px; background: var(--signal-cyan-soft); color: var(--signal-ink); }
.event-card-mark { color: var(--signal-ink); }
.submit-event-checklist span { border-color: var(--signal-line); background: #f8fcfd; }
.edition-card { border-color: var(--signal-line); border-radius: 10px; background: linear-gradient(140deg, #ffffff, #edf6f8); }
.edition-current { border-top-color: var(--signal-lime); }
.edition-number { background: linear-gradient(150deg, var(--navy), #176078); color: var(--signal-cyan); box-shadow: 7px 8px 0 rgb(84 223 244 / 35%); }
.edition-card > a { color: var(--signal-ink); }
.newsletter-icon-3d { border-color: #83dbe5; background: linear-gradient(145deg, #e4fcff, #75e5ef 64%, #47bdcf); color: var(--navy-deep); }
.video-stage-3d { border: 1px solid rgb(84 223 244 / 42%); border-radius: 13px; background: radial-gradient(circle at 50% 50%, #176078, transparent 50%), linear-gradient(140deg, #10263c, #071522); }
.video-stage-3d::before { border-color: rgb(84 223 244 / 58%); border-radius: 9px; }
.video-stage-ring { border-color: rgb(84 223 244 / 74%); box-shadow: 0 0 0 17px rgb(84 223 244 / 12%), 0 0 0 35px rgb(215 247 106 / 9%); }
.video-play { background: var(--signal-lime); color: var(--navy-deep); }
.watch-empty-state { border-color: var(--signal-line); border-radius: 10px; background: #f6fbfc; }
.production-card { border: 1px solid var(--signal-line); border-radius: 10px; background: var(--signal-cyan-soft); }
.about-stat-line span { border-color: var(--signal-line); border-radius: 999px; background: #f7fcfd; }
.about-stat-line b, .about-pillar-grid span { color: var(--signal-ink); }
.about-pillar-grid article { border: 1px solid var(--signal-line); border-top: 2px solid var(--signal-cyan); border-radius: 9px; background: #f7fbfc; }
.contact-orbit-card { border: 1px solid rgb(84 223 244 / 38%); border-radius: 13px; background: radial-gradient(circle at 50% 45%, #176078, transparent 48%), linear-gradient(135deg, #10263c, #071522); }
.contact-orbit-card b, .contact-orbit-card small { color: white; }
.contact-orbit, .contact-orbit-one { border-color: rgb(84 223 244 / 66%); }
.contact-topic-grid article { border-color: var(--signal-line); border-radius: 9px; background: linear-gradient(145deg, #ffffff, #eff7f9); }
.contact-topic-icon { color: var(--signal-ink); }
.contact-safety-note { border-left-color: var(--signal-cyan); border-radius: 8px; background: var(--signal-cyan-soft); }
.contact-safety-note b { color: var(--signal-ink); }
.trust-seal-3d { border: 1px solid var(--signal-line); border-radius: 13px; background: radial-gradient(circle at 72% 18%, rgb(84 223 244 / 19%), transparent 45%), linear-gradient(140deg, #eaf5f7, #ffffff); }
.diwali-rate-snapshot { border-color: var(--signal-line); border-radius: 13px; background: radial-gradient(circle at 90% 0%, rgb(84 223 244 / 13%), transparent 27rem), linear-gradient(130deg, #eef7f9, #ffffff); }
.diwali-rate-grid article { border-color: var(--signal-line); border-radius: 10px; background: #ffffff; }
.diwali-rate-grid .diwali-rate-featured { border-top-color: var(--signal-lime); }
.diwali-rate-grid strong { color: var(--signal-ink); }
.advertise-art { border-color: #7ea7b4; border-radius: 13px; background: var(--navy-deep); box-shadow: 0 22px 42px rgb(7 21 34 / 22%), 0 0 0 4px rgb(84 223 244 / 8%); }
.community-art-frame, .about-art-frame, .edition-art-stack, .inner-hero-art { background: var(--navy-deep); }

@media (max-width: 760px) {
  .lead-grid { gap: 18px; }
  .lead-copy { padding: 18px; }
  .coverage-deck-card { min-height: 150px; }
  .business-story-panel, .election-hero-card { transform: none; }
}
@media (max-width: 560px) {
  .lead-copy h2 { font-size: clamp(1.8rem, 9vw, 2.5rem); }
  .ad-slot-inner { align-items: flex-start; flex-wrap: wrap; gap: 12px; padding: 15px; }
  .ad-slot-inner .button { width: 100%; }
}
@media (max-width: 760px) {
  .menu-toggle { min-height: 44px; gap: 10px; padding: .45rem .7rem; border: 1px solid rgb(84 223 244 / 32%); border-radius: 999px; background: rgb(84 223 244 / 7%); }
  .menu-toggle:hover { border-color: var(--signal-cyan); background: rgb(84 223 244 / 14%); }
}
@media (prefers-reduced-motion: reduce) {
  .lead-art::after { box-shadow: none; }
}

.city-route-strip {
  display: grid; grid-template-columns: minmax(210px, .6fr) minmax(0, 1fr);
  align-items: center; gap: 14px; margin: 22px 0 37px; padding: 14px 16px;
  border: 1px solid var(--signal-line); border-radius: 12px;
  background: linear-gradient(112deg, #e6f3f6, #f8fcfd 54%, #e4f5f8);
  box-shadow: inset 0 1px 0 white, 0 10px 24px rgb(16 38 60 / 6%);
}
.city-route-intro p:not(.eyebrow) { margin: .2rem 0 0; color: var(--muted); font-size: .8rem; line-height: 1.4; }
.city-route-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; }
.city-route-links a {
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  padding: .5rem .78rem; border: 1px solid var(--signal-line); border-radius: 999px;
  background: var(--surface); color: var(--signal-ink); font-size: .8rem; font-weight: 760;
  text-decoration: none; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.city-route-links a:hover { border-color: var(--signal-cyan); background: #f7fcfd; color: var(--signal-ink); box-shadow: 0 5px 15px rgb(16 38 60 / 8%); }
@media (max-width: 760px) {
  .city-route-strip { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .city-route-links { justify-content: flex-start; }
}
@media (max-width: 560px) {
  .city-route-links a { flex: 1 1 calc(50% - 7px); padding-inline: .55rem; }
}

/* Article trust components apply the research handoff without adding story data. */
.article-accountability {
  margin: 30px 0 0; padding: clamp(18px, 3vw, 27px); border: 1px solid var(--signal-line);
  border-left: 3px solid var(--signal-cyan); border-radius: 12px;
  background: radial-gradient(circle at 92% 0%, rgb(84 223 244 / 12%), transparent 18rem), linear-gradient(135deg, #f6fbfc, #ffffff 62%, #eaf5f7);
  box-shadow: 0 14px 32px rgb(16 38 60 / 7%);
}
.article-accountability > header h2 { margin: .25rem 0 .45rem; color: var(--ink); font-family: var(--serif); font-size: clamp(1.5rem, 2.7vw, 2rem); }
.article-accountability > header > p:last-child { max-width: 650px; margin-bottom: 17px; color: var(--ink-soft); font-size: .78rem; }
.article-accountability-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 0; }
.article-accountability-list > div { padding: 11px 13px; border: 1px solid var(--signal-line); border-radius: 8px; background: rgb(255 255 255 / 88%); }
.article-accountability-list dt { color: var(--signal-ink); font-size: .68rem; font-weight: 800; }
.article-accountability-list dd { margin: .25rem 0 0; color: var(--ink-soft); font-size: .68rem; line-height: 1.5; }
.article-accountability-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.article-accountability-links a { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; padding: .55rem .8rem; border: 1px solid var(--navy); border-radius: 7px; background: var(--navy); color: white; font-size: .68rem; font-weight: 750; text-decoration: none; }
.article-accountability-links a:hover { border-color: var(--signal-ink); background: var(--signal-ink); }
.article-accountability-links a:focus-visible, .trust-practice-panel a:focus-visible { outline-color: var(--signal-lime); }
.article-accountability-note { margin: 11px 0 0; color: var(--muted); font-size: .62rem; line-height: 1.45; }
.trust-practice-panel { margin-top: 20px; padding: clamp(18px, 3vw, 26px); border: 1px solid var(--signal-line); border-radius: 12px; background: radial-gradient(circle at 100% 0%, rgb(84 223 244 / 10%), transparent 21rem), linear-gradient(135deg, #f5fafb, #ffffff 60%, #eaf5f7); }
.trust-practice-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.trust-practice-heading h2 { margin: .3rem 0 .45rem; color: var(--ink); font-family: var(--serif); font-size: clamp(1.5rem, 2.7vw, 2rem); }
.trust-practice-heading p:not(.eyebrow) { max-width: 720px; margin: 0; color: var(--ink-soft); font-size: .72rem; }
.trust-practice-heading .status-pill { flex: 0 0 auto; color: var(--signal-ink); }
.trust-practice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.trust-practice-grid article { min-height: 145px; padding: 13px; border: 1px solid var(--signal-line); border-top: 2px solid var(--signal-cyan); border-radius: 8px; background: rgb(255 255 255 / 92%); }
.trust-practice-grid article > span { color: var(--signal-ink); font-size: .55rem; font-weight: 850; letter-spacing: .06em; }
.trust-practice-grid h3, .trust-correction-path h3 { margin: .42rem 0; color: var(--ink); font-size: .9rem; }
.trust-practice-grid p, .trust-correction-path p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .66rem; line-height: 1.55; }
.trust-correction-path { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 12px; padding: 16px; border: 1px solid var(--signal-line); border-radius: 8px; background: var(--signal-cyan-soft); }
.trust-correction-path > div { max-width: 760px; }
.trust-correction-path > div > p + p { margin-top: 7px; }
.trust-correction-path .button { flex: 0 0 auto; min-height: 44px; }
.publisher-identity-panel { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr); gap: 12px 20px; margin: 18px 0; padding: clamp(18px, 3vw, 26px); border: 1px solid var(--signal-line); border-left: 3px solid var(--signal-cyan); border-radius: 12px; background: radial-gradient(circle at 96% 0%, rgb(84 223 244 / 12%), transparent 18rem), linear-gradient(135deg, #f5fafb, #ffffff 62%, #eaf5f7); box-shadow: 0 14px 32px rgb(16 38 60 / 7%); }
.publisher-identity-copy h2 { margin: .25rem 0 .45rem; color: var(--ink); font-family: var(--serif); font-size: clamp(1.45rem, 2.6vw, 1.95rem); }
.publisher-identity-copy p:not(.eyebrow), .publisher-identity-foot p { margin: 0; color: var(--ink-soft); font-size: .7rem; line-height: 1.5; }
.publisher-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.publisher-facts > div { padding: 11px 13px; border: 1px solid var(--signal-line); border-radius: 8px; background: rgb(255 255 255 / 90%); }
.publisher-facts dt { color: var(--signal-ink); font-size: .63rem; font-weight: 820; }
.publisher-facts dd { margin: .25rem 0 0; color: var(--ink-soft); font-size: .66rem; line-height: 1.45; }
.publisher-identity-foot { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 16px; padding-top: 10px; border-top: 1px solid var(--signal-line); }
.publisher-identity-foot .text-link { flex: 0 0 auto; min-height: 44px; display: inline-flex; align-items: center; color: var(--signal-ink); font-size: .68rem; font-weight: 760; }
.publisher-identity-foot .text-link:focus-visible { outline-color: var(--signal-lime); }
.rail-card-newsletter { border-color: var(--signal-line); background: linear-gradient(145deg, #fff, #e7f4f7); box-shadow: 0 12px 24px rgb(16 38 60 / 7%); }
.rail-card-newsletter .eyebrow { color: var(--signal-ink); }
.reader-rail .text-link, .reader-rail .rail-link { min-height: 44px; align-items: center; }
.reader-utility-deck { position: relative; margin: 34px 0 48px; padding: clamp(19px, 3vw, 29px); overflow: hidden; border: 1px solid rgb(84 223 244 / 36%); border-radius: 15px; background: radial-gradient(circle at 91% 0%, rgb(84 223 244 / 12%), transparent 24rem), linear-gradient(132deg, var(--navy), var(--navy-deep)); box-shadow: 0 20px 40px rgb(7 21 34 / 17%); }
.reader-utility-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.reader-utility-heading .eyebrow { margin: 0 0 4px; color: var(--signal-cyan); }
.reader-utility-heading h2 { margin: 0; color: #f4f8fb; font-family: var(--serif); font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.04; }
.reader-utility-heading > p { max-width: 490px; margin: 0; color: #e5f2f5; font-size: .8rem; line-height: 1.5; }
.reader-utility-freshness { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid rgb(84 223 244 / 40%); border-radius: 10px; background: linear-gradient(105deg, rgb(84 223 244 / 9%), rgb(255 255 255 / 4%)); }
.reader-utility-freshness > div { position: relative; min-width: 0; padding-left: 18px; }
.reader-utility-freshness .eyebrow { margin: 0 0 4px; color: var(--signal-cyan); font-size: .62rem; }
.reader-utility-freshness > div > p:last-child { margin: 0; color: #f4f8fb; font-size: .75rem; line-height: 1.45; }
.reader-utility-freshness-mark { position: absolute; top: 3px; left: 0; width: 8px; height: 8px; border: 2px solid var(--signal-lime); border-radius: 50%; box-shadow: 0 0 0 3px rgb(206 255 104 / 10%); }
.reader-utility-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.reader-utility-card { min-width: 0; display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--signal-line); border-radius: 10px; background: linear-gradient(145deg, #fff, #edf6f8); box-shadow: 0 10px 22px rgb(7 21 34 / 8%); }
.reader-utility-card-top { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.reader-utility-card-top .eyebrow { margin: 0; color: var(--signal-ink); font-size: .62rem; }
.reader-utility-symbol { flex: 0 0 39px; width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid rgb(84 223 244 / 42%); border-radius: 10px; background: linear-gradient(145deg, var(--navy), #17566b); color: var(--signal-cyan); box-shadow: 0 6px 14px rgb(7 21 34 / 14%); }
.reader-utility-symbol svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.reader-utility-rank { color: var(--signal-lime); font-family: var(--serif); font-size: .77rem; font-weight: 850; }
.reader-utility-card h3 { margin: 11px 0 5px; color: var(--ink); font-family: var(--serif); font-size: 1.22rem; line-height: 1.08; }
.reader-utility-card > p:not(.reader-utility-note) { margin: 5px 0 11px; color: var(--ink-soft); font-size: .76rem; line-height: 1.48; }
.reader-most-read-empty { display: flex; align-items: center; min-height: 136px; margin: 9px 0 7px !important; padding: 12px; border-left: 3px solid var(--signal-ink); border-radius: 4px; background: #eaf4f6; color: #284653 !important; font-size: .78rem !important; font-weight: 650; line-height: 1.48 !important; }
.reader-utility-links { display: grid; gap: 6px; margin-top: auto; }
.reader-utility-links a { min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; border: 1px solid var(--signal-line); border-radius: 7px; background: #fff; color: var(--signal-ink); font-size: .75rem; font-weight: 760; text-decoration: none; }
.reader-utility-links a:hover { border-color: var(--signal-ink); background: var(--signal-cyan-soft); }
.reader-utility-links a:focus-visible, .reader-pulse-link:focus-visible { outline: 3px solid var(--signal-ink); outline-offset: 2px; }
.reader-utility-note { margin: 11px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.42; }
.reader-service-status { margin: 8px 0 10px; padding: 9px 11px; border-left: 3px solid var(--signal-ink); border-radius: 3px; background: #eaf4f6; color: #284653; font-size: .72rem; font-weight: 650; line-height: 1.45; }
.reader-most-read-list { display: grid; gap: 2px; padding: 0; margin: 5px 0 0; list-style: none; }
.reader-most-read-list li { display: grid; grid-template-columns: 29px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 34px; padding: 5px 0; border-bottom: 1px solid var(--signal-line); color: var(--ink-soft); font-size: .75rem; }
.reader-most-read-list li:last-child { border-bottom: 0; }
.reader-most-read-list li > span:first-child { color: var(--signal-ink); font-family: var(--serif); font-size: .84rem; font-weight: 850; }
.reader-utility-pulse { position: relative; overflow: hidden; border-color: rgb(84 223 244 / 42%); background: radial-gradient(circle at 94% 5%, rgb(84 223 244 / 13%), transparent 12rem), linear-gradient(145deg, var(--navy), var(--navy-deep)); }
.reader-utility-pulse .reader-utility-card-top .eyebrow { color: var(--signal-cyan); }
.reader-utility-pulse h3 { color: #f4f8fb; }
.reader-utility-pulse > p:not(.reader-utility-note) { color: #e5f2f5; }
.reader-pulse-status { min-height: 40px; display: flex; align-items: center; gap: 9px; margin: 5px 0 9px; padding: 8px 10px; border: 1px solid rgb(84 223 244 / 34%); border-radius: 7px; background: #173041; color: #f4f8fb; font-size: .75rem; font-weight: 760; line-height: 1.3; }
.reader-pulse-status-mark { flex: 0 0 8px; width: 8px; height: 8px; border: 2px solid #8de9f7; border-radius: 50%; box-shadow: 0 0 0 3px rgb(84 223 244 / 12%); }
.reader-pulse-boundary { margin-top: auto !important; padding: 10px; border-left: 3px solid var(--signal-lime); border-radius: 4px; background: rgb(255 255 255 / 7%); color: #f4f8fb !important; font-size: .72rem !important; }
.reader-pulse-link { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 3px; color: var(--signal-lime); font-size: .75rem; font-weight: 780; text-underline-offset: .18em; }
.reader-pulse-link:hover { color: #f4f8fb; }
.reader-utility-deck .reader-utility-pulse:focus-within { box-shadow: 0 0 0 2px var(--signal-lime), 0 10px 22px rgb(7 21 34 / 8%); }
@media (max-width: 980px) {
  .reader-utility-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reader-utility-pulse { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .reader-utility-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .reader-utility-freshness { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .reader-utility-grid { grid-template-columns: minmax(0, 1fr); }
  .reader-utility-pulse { grid-column: auto; }
  .reader-utility-card { padding: 15px; }
}

/* Restore the 2040 footer wordmark colors after the light masthead rule. */
.wordmark-footer { color: #f4f8fb; }
.wordmark-footer b { color: var(--signal-cyan); }
.wordmark-footer i { color: var(--signal-lime); }
.newsletter-icon { top: 15px; right: 15px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgb(84 223 244 / 56%); border-radius: 11px; background: linear-gradient(145deg, var(--navy), #17566b); color: var(--signal-cyan); box-shadow: 0 7px 14px rgb(7 21 34 / 15%); opacity: 1; }
.newsletter-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 760px) {
  .trust-practice-grid, .publisher-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .publisher-identity-panel { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .article-accountability-list, .trust-practice-grid { grid-template-columns: minmax(0, 1fr); }
  .article-accountability-links a { flex: 1 1 100%; }
  .trust-practice-heading, .trust-correction-path { align-items: flex-start; flex-direction: column; }
  .publisher-facts { grid-template-columns: minmax(0, 1fr); }
  .publisher-identity-foot { align-items: flex-start; flex-direction: column; }
}


/* Community Pulse design fixture: preserve the current poll boundary without copying its question or responses. */
.community-pulse-preview { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr); align-items: stretch; gap: clamp(18px, 3vw, 34px); margin: 18px 0; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--signal-line); border-left: 3px solid var(--signal-cyan); border-radius: 13px; background: linear-gradient(125deg, #fff, var(--signal-cyan-soft)); box-shadow: 0 16px 30px rgb(16 38 60 / 7%); }
.pulse-copy { min-width: 0; align-self: center; }
.pulse-copy .eyebrow { color: var(--signal-ink); }
.pulse-copy h2 { max-width: 22ch; margin: .4rem 0 .65rem; color: var(--ink); font-family: var(--serif); font-size: clamp(1.25rem, 2.2vw, 1.8rem); line-height: 1.16; }
.pulse-copy > p:not(.eyebrow) { max-width: 60ch; color: var(--ink-soft); font-size: .82rem; line-height: 1.55; }
.pulse-placeholder { margin-top: 12px; padding: 13px 15px; border: 1px dashed var(--signal-ink); border-radius: 9px; background: #fff; color: var(--muted); }
.pulse-no-submit { margin-top: 9px; color: var(--signal-ink) !important; font-size: .7rem !important; font-weight: 760; }
.pulse-copy .text-link { min-height: 44px; display: inline-flex; align-items: center; color: var(--signal-ink); }
.pulse-graphic { position: relative; display: grid; min-height: 220px; place-items: center; overflow: hidden; border: 1px solid rgb(84 223 244 / 42%); border-radius: 12px; background: radial-gradient(circle at 50% 45%, #14556b, transparent 54%), linear-gradient(145deg, var(--navy), var(--navy-deep)); color: var(--signal-cyan); }
.pulse-graphic svg { position: relative; z-index: 1; width: 61px; height: 61px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.pulse-orbit { position: absolute; width: 118px; aspect-ratio: 1; border: 1px solid rgb(84 223 244 / 54%); border-radius: 50%; box-shadow: 0 0 0 20px rgb(84 223 244 / 9%), 0 0 0 42px rgb(215 247 106 / 7%); }
.pulse-orbit-two { width: 168px; border-color: rgb(215 247 106 / 38%); transform: rotateX(64deg) rotate(-18deg); }
.pulse-graphic-caption { position: absolute; z-index: 1; right: 12px; bottom: 11px; left: 12px; color: #f4f8fb; text-align: center; font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
@media (max-width: 760px) {
  .community-pulse-preview { grid-template-columns: minmax(0, 1fr); }
  .pulse-graphic { min-height: 170px; }
}

/* Keep the trust centre and advertiser artwork in the same 2040 signal system. */
.trust-disclosure-band {
  border: 1px solid rgb(84 223 244 / 32%);
  background: radial-gradient(circle at 90% 8%, rgb(84 223 244 / 8%), transparent 26rem), linear-gradient(112deg, var(--navy-deep), #164c63);
  color: #f4f8fb;
  box-shadow: 0 18px 36px rgb(7 21 34 / 17%), inset 0 1px 0 rgb(255 255 255 / 8%);
}
.trust-disclosure-band h2 { color: #f4f8fb; }
.trust-disclosure-band p:not(.eyebrow) { color: #e5f2f5; }
.trust-disclosure-band .eyebrow { color: var(--signal-cyan); }
.trust-disclosure-band a { min-height: 44px; display: inline-flex; align-items: center; color: var(--signal-lime); text-underline-offset: .2em; }
.trust-disclosure-band a:hover { color: #f4f8fb; }
.trust-seal-3d {
  border-color: rgb(84 223 244 / 42%);
  background: radial-gradient(circle at 50% 48%, rgb(84 223 244 / 15%), transparent 45%), linear-gradient(145deg, var(--navy), var(--navy-deep));
  box-shadow: 0 18px 32px rgb(7 21 34 / 19%), inset 0 1px 0 rgb(255 255 255 / 9%);
}
.seal-ring {
  border-color: var(--signal-cyan);
  box-shadow: 0 0 0 8px rgb(84 223 244 / 8%), 0 0 26px rgb(84 223 244 / 24%), inset 0 0 0 8px rgb(215 247 106 / 10%);
}
.seal-core { color: #f4f8fb; text-shadow: 0 0 18px rgb(84 223 244 / 45%); }
.trust-seal-3d small { color: #d7e9ed; }
.story-format-label { display: inline-flex; align-items: center; padding: .3rem .5rem; border: 1px solid var(--signal-line); border-radius: 999px; background: linear-gradient(120deg, #eaf7f9, #fff); color: var(--signal-ink); font-size: .61rem; font-weight: 780; line-height: 1.35; }
.trust-grid a {
  border-color: var(--signal-line);
  border-radius: 10px;
  background: linear-gradient(145deg, #ffffff, #edf6f8);
  box-shadow: 0 9px 20px rgb(16 38 60 / 5%);
}
.trust-grid a > span { color: var(--signal-ink); }
.trust-grid a:hover { border-color: var(--signal-cyan); box-shadow: 0 14px 26px rgb(16 38 60 / 11%); }
.trust-grid code, .trust-grid small { color: var(--muted); font-size: .66rem; line-height: 1.4; }
.utility-orbit-scene {
  border: 1px solid rgb(84 223 244 / 40%);
  border-radius: 13px;
  background: radial-gradient(circle at 52% 46%, rgb(84 223 244 / 13%), transparent 38%), linear-gradient(145deg, var(--navy), var(--navy-deep));
  box-shadow: 0 20px 36px rgb(7 21 34 / 19%), inset 0 1px 0 rgb(255 255 255 / 8%);
}
.utility-orbit-scene > b { color: var(--signal-cyan); text-shadow: 0 0 18px rgb(84 223 244 / 36%); }
.utility-orbit-disc { border-color: var(--signal-cyan); box-shadow: 0 0 0 9px rgb(84 223 244 / 8%), 0 10px 18px rgb(0 0 0 / 35%); }
.disc-one { background: rgb(84 223 244 / 13%); }
.disc-two { border-color: var(--signal-lime); background: rgb(215 247 106 / 10%); }
.disc-three { border-color: rgb(201 180 255 / 68%); }
.utility-boundary { border: 1px solid var(--signal-line); border-left: 3px solid var(--signal-cyan); border-radius: 10px; background: var(--signal-cyan-soft); }
.utility-boundary p:not(.eyebrow) { color: var(--ink-soft); }
.utility-boundary a { min-height: 44px; display: inline-flex; align-items: center; color: var(--signal-ink); font-size: .78rem; }
.advertise-art::before {
  z-index: 1;
  background: linear-gradient(118deg, rgb(7 21 34 / 24%), transparent 58%, rgb(84 223 244 / 12%)), repeating-linear-gradient(0deg, transparent 0 35px, rgb(84 223 244 / 9%) 36px 37px);
  mix-blend-mode: screen;
}
.advertise-art > img { position: relative; z-index: 0; }
.advertise-art figcaption { z-index: 2; }
.sponsored-preview-section { margin: 8px 0 34px; padding: clamp(18px, 3vw, 28px); overflow: hidden; border: 1px solid var(--signal-line); border-radius: 14px; background: radial-gradient(circle at 92% 4%, rgb(84 223 244 / 12%), transparent 24rem), linear-gradient(135deg, #f0f8fa, #fff 54%, #eaf3f6); box-shadow: 0 16px 32px rgb(16 38 60 / 8%); }
.sponsored-preview-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 17px; }
.sponsored-preview-heading h2 { max-width: 570px; margin: .35rem 0 0; color: var(--ink); font-family: var(--serif); font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.06; }
.sponsored-preview-heading > p { max-width: 390px; margin: 0; color: var(--ink-soft); font-size: .72rem; line-height: 1.5; }
.sponsored-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.sponsored-preview-grid > article { min-width: 0; min-height: 194px; padding: 15px; border: 1px solid var(--signal-line); border-radius: 9px; background: #fff; box-shadow: 0 8px 18px rgb(16 38 60 / 6%); }
.sponsored-preview-grid .eyebrow { margin: 0 0 11px; color: var(--signal-ink); font-size: .55rem; }
.sponsored-content-label { display: inline-flex; align-items: center; min-height: 34px; padding: 0 10px; border-radius: 3px; background: var(--red-deep); color: #fff; font-size: .75rem; font-weight: 900; letter-spacing: .06em; line-height: 1.25; }
.sponsored-preview-grid h3 { margin: 10px 0 5px; color: var(--ink); font-family: var(--serif); font-size: 1.03rem; line-height: 1.13; }
.sponsored-preview-grid article > p:not(.eyebrow) { margin: 7px 0 0; color: var(--muted); font-size: .62rem; line-height: 1.4; }
.sponsored-preview-social { background: linear-gradient(145deg, var(--navy), var(--navy-deep)) !important; }
.sponsored-preview-social .eyebrow { color: var(--signal-cyan) !important; }
.sponsored-social-art { min-height: 91px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 11px; border: 1px solid rgb(84 223 244 / 38%); border-radius: 6px; background: radial-gradient(circle at 84% 5%, rgb(84 223 244 / 20%), transparent 8rem), linear-gradient(130deg, #133c52, #071522); }
.sponsored-social-art > b { color: #f4f8fb; font-family: var(--serif); font-size: .77rem; line-height: 1.12; }
.sponsored-preview-social > p:last-child { color: #e5f2f5 !important; }
.sponsored-preview-note { margin: 14px 0 0; padding-top: 11px; border-top: 1px solid var(--signal-line); color: var(--muted); font-size: .63rem; line-height: 1.45; }
.fresh-competitor-recheck { margin: 22px 0 14px; padding: clamp(18px, 3vw, 27px); border: 1px solid rgb(84 223 244 / 37%); border-radius: 14px; background: radial-gradient(circle at 94% 0%, rgb(84 223 244 / 11%), transparent 24rem), linear-gradient(130deg, var(--navy), var(--navy-deep)); color: #f4f8fb; box-shadow: 0 18px 36px rgb(7 21 34 / 17%); }
.fresh-competitor-heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: end; gap: 21px; margin-bottom: 17px; }
.fresh-competitor-heading .eyebrow { margin-bottom: .25rem; color: var(--signal-cyan); }
.fresh-competitor-heading h3 { margin: .3rem 0 0; color: #f4f8fb; font-family: var(--serif); font-size: clamp(1.35rem, 2.5vw, 1.95rem); line-height: 1.05; }
.fresh-competitor-heading > p { margin: 0; color: #e5f2f5; font-size: .7rem; line-height: 1.5; }
.fresh-competitor-heading a, .fresh-competitor-source a { color: var(--signal-lime); text-underline-offset: .18em; }
.fresh-competitor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.fresh-competitor-card { min-width: 0; padding: 14px; border: 1px solid rgb(84 223 244 / 25%); border-radius: 8px; background: rgb(255 255 255 / 6%); }
.fresh-competitor-card > span { color: var(--signal-cyan); font-size: .51rem; font-weight: 850; letter-spacing: .1em; }
.fresh-competitor-card h4 { margin: 8px 0 5px; color: #f4f8fb; font-family: var(--serif); font-size: 1rem; }
.fresh-competitor-card p { margin: 0; color: #e5f2f5; font-size: .64rem; line-height: 1.5; }
.fresh-competitor-apna { border-color: rgb(215 247 106 / 35%); background: linear-gradient(145deg, rgb(84 223 244 / 10%), rgb(215 247 106 / 5%)); }
.fresh-competitor-apna > span { color: var(--signal-lime); }
.fresh-competitor-source { margin: 14px 0 0; color: #d8e8ec; font-size: .62rem; line-height: 1.45; }

@media (max-width: 760px) {
  .sponsored-preview-heading { align-items: flex-start; flex-direction: column; gap: 9px; }
  .sponsored-preview-grid { grid-template-columns: minmax(0, 1fr); }
  .sponsored-preview-grid > article { min-height: auto; }
  .fresh-competitor-heading, .fresh-competitor-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .trust-disclosure-band { padding: 17px; }
  .trust-disclosure-band a { align-self: stretch; }
  .utility-orbit-scene { min-height: 155px; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .trust-grid a:hover { transform: none; }
}

/* Evidence-led 90-day rollout section on the saved research view. */
.rollout-status { display: inline-flex; min-height: 30px; align-items: center; margin: 0 0 14px; padding: 5px 10px; border: 1px solid #d4e7a0; border-radius: 3px; background: #f2f7e6; color: #36491b; font-size: .58rem; font-weight: 850; letter-spacing: .07em; }
.rollout-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin: 0; padding: 0; list-style: none; }
.rollout-card { position: relative; min-width: 0; min-height: 276px; display: flex; flex-direction: column; padding: 17px; overflow: hidden; border: 1px solid rgb(84 223 244 / 35%); border-top: 3px solid var(--signal-cyan); border-radius: 8px; background: radial-gradient(circle at 100% 0, rgb(84 223 244 / 14%), transparent 10rem), linear-gradient(145deg, #10263c, #091a29); color: #f4f8fb; box-shadow: 0 13px 26px rgb(7 21 34 / 15%); }
.rollout-card:nth-child(even) { border-top-color: var(--signal-lime); }
.rollout-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.rollout-phase { color: var(--signal-cyan); font-size: .54rem; font-weight: 900; letter-spacing: .12em; }
.rollout-card:nth-child(even) .rollout-phase { color: var(--signal-lime); }
.rollout-window { padding: 4px 7px; border: 1px solid rgb(215 247 106 / 43%); border-radius: 3px; color: #efffb1; background: rgb(215 247 106 / 8%); font-size: .57rem; font-weight: 780; }
.rollout-card h3 { margin: 16px 0 0; color: #f4f8fb; font-family: var(--serif); font-size: 1.2rem; line-height: 1.08; }
.rollout-card > p { margin: 9px 0 15px; color: #e5f2f5; font-size: .68rem; line-height: 1.5; }
.rollout-checkpoint { margin-top: auto; padding: 10px 11px; border-left: 2px solid var(--signal-lime); background: rgb(255 255 255 / 7%); }
.rollout-checkpoint b { display: block; margin-bottom: 3px; color: #efffb1; font-size: .59rem; letter-spacing: .04em; text-transform: uppercase; }
.rollout-checkpoint p { margin: 0; color: #f4f8fb; font-size: .64rem; line-height: 1.43; }
.rollout-caveat { margin: 13px 0 0; padding: 11px 13px; border: 1px solid var(--signal-line); background: var(--signal-cyan-soft); color: var(--ink-soft); font-size: .68rem; line-height: 1.48; }
@media (max-width: 980px) {
  .rollout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .rollout-grid { grid-template-columns: minmax(0, 1fr); }
  .rollout-card { min-height: 0; }
  .rollout-status { align-items: flex-start; }
}
/* Research-only reader-retention measures; no live audience data is shown. */
.audience-measure-status { display: inline-flex; min-height: 31px; align-items: center; gap: 8px; margin: 0 0 14px; padding: 6px 10px; border: 1px solid #d4e7a0; border-radius: 4px; background: #f2f7e6; color: #36491b; font-size: .57rem; font-weight: 870; letter-spacing: .07em; }
.audience-measure-status .signal-pulse { width: 7px; height: 7px; border-radius: 50%; background: #789a21; box-shadow: 0 0 0 4px rgb(120 154 33 / 14%); }
.audience-measure-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.audience-measure-card { min-width: 0; min-height: 181px; display: flex; flex-direction: column; padding: 16px; border: 1px solid #cfdee2; border-top: 3px solid var(--signal-cyan); border-radius: 8px; background: radial-gradient(circle at 100% 0, rgb(84 223 244 / 11%), transparent 8rem), linear-gradient(145deg, #fff, #f2f8fa); box-shadow: 0 10px 21px rgb(16 38 60 / 7%); }
.audience-measure-card:nth-child(even) { border-top-color: #93b82f; }
.audience-measure-index { color: var(--signal-ink); font-size: .54rem; font-weight: 880; letter-spacing: .1em; }
.audience-measure-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px; margin-top: 9px; }
.audience-measure-heading h3 { margin: 0; color: var(--ink); font-family: var(--serif); font-size: 1.18rem; line-height: 1.08; }
.audience-measure-state { flex: 0 0 auto; padding: 4px 6px; border: 1px solid #d8e3b9; border-radius: 3px; background: #f3f7e8; color: #36491b; font-size: .48rem; font-weight: 850; letter-spacing: .045em; }
.audience-measure-card > p { margin: 10px 0 13px; color: var(--ink-soft); font-size: .75rem; line-height: 1.5; }
.audience-measure-card small { margin-top: auto; padding-top: 8px; border-top: 1px solid #e0e9eb; color: var(--signal-ink); font-size: .63rem; font-weight: 720; line-height: 1.4; }
.audience-alert-standard { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr); gap: 13px; margin-top: 14px; padding: clamp(16px, 2.4vw, 22px); border: 1px solid rgb(84 223 244 / 38%); border-radius: 9px; background: radial-gradient(circle at 95% 0, rgb(84 223 244 / 15%), transparent 14rem), linear-gradient(145deg, #10263c, #091a29); box-shadow: 0 13px 25px rgb(7 21 34 / 12%); }
.audience-alert-standard .eyebrow { margin-bottom: 5px; color: var(--signal-cyan); }
.audience-alert-standard h3 { margin: 0 0 7px; color: #f4f8fb; font-family: var(--serif); font-size: 1.48rem; line-height: 1.08; }
.audience-alert-standard > div:first-child > p:last-child { max-width: 700px; margin: 0; color: #e5f2f5; font-size: .75rem; line-height: 1.5; }
.audience-measure-method { align-self: stretch; padding: 13px 14px; border-left: 2px solid var(--signal-lime); background: rgb(255 255 255 / 7%); }
.audience-measure-method b { color: #efffb1; font-size: .68rem; }
.audience-measure-method p { margin: 5px 0 0; color: #f4f8fb; font-size: .7rem; line-height: 1.48; }
.audience-measure-caveat { margin: 12px 0 0; padding: 10px 12px; border: 1px solid var(--signal-line); background: var(--signal-cyan-soft); color: var(--signal-ink); font-size: .66rem; font-weight: 650; line-height: 1.48; }
@media (max-width: 980px) {
  .audience-measure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .audience-alert-standard { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .audience-measure-grid { grid-template-columns: minmax(0, 1fr); }
  .audience-measure-card { min-height: 0; }
  .audience-measure-heading { align-items: flex-start; }
}
.audit-scorecard { margin: 24px 0; padding: clamp(16px, 2.5vw, 23px); border: 1px solid var(--signal-line); border-radius: 11px; background: radial-gradient(circle at 100% 0, rgb(84 223 244 / 8%), transparent 20rem), linear-gradient(145deg, #f4f8fb, #eaf3f6); box-shadow: 0 14px 28px rgb(16 38 60 / 8%); }
.audit-scorecard-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr); align-items: end; gap: 19px; margin-bottom: 15px; }
.audit-scorecard-head .eyebrow { margin-bottom: 4px; color: var(--signal-ink); }
.audit-scorecard-head h3 { margin: 0 0 6px; color: var(--ink); font-family: var(--serif); font-size: 1.55rem; line-height: 1.08; }
.audit-scorecard-head p:not(.eyebrow) { max-width: 600px; margin: 0; color: var(--ink-soft); font-size: .7rem; line-height: 1.45; }
.audit-scorecard-scale { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.audit-scorecard-scale span { min-height: 34px; display: flex; align-items: center; gap: 7px; padding: 5px 8px; border: 1px solid #d2dfe3; border-radius: 5px; background: #fff; color: var(--ink-soft); font-size: .59rem; }
.audit-scorecard-scale b { display: inline-grid; flex: 0 0 22px; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--navy); color: var(--signal-cyan); font-size: .66rem; }
.audit-scorecard-table-wrap { overflow-x: auto; border: 1px solid #cddce1; border-radius: 6px; background: #fff; }
.audit-scorecard-table { width: 100%; min-width: 790px; border-collapse: collapse; background: #fff; color: var(--ink-soft); font-size: .64rem; line-height: 1.42; }
.audit-scorecard-table th, .audit-scorecard-table td { padding: 9px 10px; border-bottom: 1px solid #e0e8ea; text-align: left; vertical-align: top; }
.audit-scorecard-table thead { background: var(--navy); color: #f4f8fb; }
.audit-scorecard-table thead th { font-size: .59rem; letter-spacing: .04em; }
.audit-scorecard-table tbody th { width: 17%; color: var(--signal-ink); font-weight: 820; }
.audit-scorecard-table tbody td:nth-child(2) { width: 43%; }
.audit-scorecard-table tbody td:last-child { width: 25%; }
.audit-scorecard-table tbody tr:last-child th, .audit-scorecard-table tbody tr:last-child td { border-bottom: 0; }
.audit-score-value { min-width: 95px; color: #654c18; font-size: .53rem; font-weight: 850; letter-spacing: .05em; white-space: nowrap; }
.audit-scorecard-priority { margin: 12px 0 0; padding: 10px 12px; border-left: 3px solid var(--signal-lime); background: var(--navy); color: #f4f8fb; font-size: .67rem; line-height: 1.42; }
.audit-scorecard-priority b { color: #efffb1; }
@media (max-width: 760px) {
  .audit-scorecard-head { grid-template-columns: minmax(0, 1fr); }
  .audit-scorecard-scale { max-width: 520px; }
}
@media (max-width: 560px) {
  .audit-scorecard-scale { grid-template-columns: minmax(0, 1fr); }
  .audit-scorecard-table { min-width: 730px; }
}
.future-product-section { margin: 22px 0 36px; padding: clamp(19px, 3vw, 29px); border: 1px solid var(--signal-line); border-radius: 13px; background: radial-gradient(circle at 94% 0, rgb(84 223 244 / 11%), transparent 23rem), linear-gradient(140deg, #f4f8fb, #e9f3f6 55%, #f8fafb); box-shadow: 0 17px 34px rgb(16 38 60 / 9%); }
.future-product-heading { display: flex; align-items: end; justify-content: space-between; gap: 23px; margin-bottom: 18px; }
.future-product-heading h2 { max-width: 650px; margin: .3rem 0 .45rem; color: var(--ink); font-family: var(--serif); font-size: clamp(1.65rem, 2.8vw, 2.25rem); line-height: 1.06; }
.future-product-heading > div > p:last-child { max-width: 720px; margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.48; }
.future-ad-boundary { flex: 0 0 auto; padding: 10px 12px; border: 1px solid rgb(215 247 106 / 50%); border-radius: 5px; background: linear-gradient(145deg, var(--navy), #0d3348); color: #efffb1; box-shadow: 0 7px 16px rgb(7 21 34 / 13%); font-size: .57rem; font-weight: 880; letter-spacing: .08em; line-height: 1.45; text-align: center; }
.future-ad-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.future-ad-product { min-width: 0; min-height: 190px; display: flex; flex-direction: column; padding: 15px; border: 1px solid #cfdee2; border-top: 2px solid var(--signal-cyan); border-radius: 7px; background: linear-gradient(145deg, #fff, #f2f8fa); box-shadow: 0 8px 18px rgb(16 38 60 / 6%); }
.future-ad-product:nth-child(even) { border-top-color: #93b82f; }
.future-ad-product > span { color: var(--signal-ink); font-size: .72rem; font-weight: 880; letter-spacing: .08em; }
.future-ad-product h3 { margin: 10px 0 5px; color: var(--ink); font-family: var(--serif); font-size: 1.08rem; line-height: 1.1; }
.future-ad-product > p:not(.future-ad-gate) { margin: 3px 0 9px; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; }
.future-ad-gate { margin: auto 0 0; padding: 9px; border-left: 2px solid var(--signal-cyan); background: #eaf4f6; color: #284653; font-size: .75rem; line-height: 1.5; }
.future-ad-product:nth-child(even) .future-ad-gate { border-left-color: #759825; }
.future-ad-gate b { color: var(--signal-ink); }
.future-product-note { margin: 13px 0 0; padding: 10px 12px; border: 1px solid #d8ccad; background: #f8f1e3; color: #5d4a23; font-size: .76rem; font-weight: 690; line-height: 1.5; }
@media (max-width: 980px) {
  .future-ad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .future-product-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .future-ad-grid { grid-template-columns: minmax(0, 1fr); }
  .future-ad-product { min-height: 0; }
  .future-ad-boundary { align-self: flex-start; }
}

/* Keep Apna's visual identity while bringing the first report closer to the region choice. */
.homepage-identity-hero { min-height: 0; margin: 14px 0 18px; padding: clamp(14px, 2.2vw, 22px); grid-template-columns: minmax(0, 1.24fr) minmax(180px, .76fr); gap: clamp(18px, 3vw, 32px); }
.homepage-identity-hero h2 { font-size: clamp(1.75rem, 3vw, 2.65rem); }
.homepage-identity-hero p { font-size: .8rem; }
.homepage-identity-hero figure { height: 148px; }
.fresh-homepage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.art-row-four { background: linear-gradient(135deg, #071522 0 36%, #075d75 37% 62%, #54dff4 63% 74%, #d7f76a 75%); }
@media (max-width: 760px) {
  .homepage-identity-hero { grid-template-columns: minmax(0, 1fr) minmax(140px, .46fr); align-items: center; }
  .homepage-identity-hero figure { height: 108px; transform: none; }
  .fresh-homepage-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .homepage-identity-hero { grid-template-columns: minmax(0, 1fr); margin: 11px 0 15px; padding: 12px; gap: 8px; }
  .homepage-identity-hero figure { height: 104px; }
}

/* Live Apna identity and contact details used in the standalone preview. */
.wordmark { align-items: center; gap: 7px; }
.brand-mark { flex: 0 0 38px; width: 38px; height: 34px; padding: 2px; border: 1px solid rgb(84 223 244 / 42%); border-radius: 9px; background: linear-gradient(145deg, var(--navy-deep), #164c63); box-shadow: 0 5px 12px rgb(7 21 34 / 18%); object-fit: contain; }
.wordmark-footer .brand-mark { flex-basis: 32px; width: 32px; height: 29px; }
.footer-email { display: block; width: max-content; max-width: 100%; margin-top: 9px; color: #e3e8e6; font-size: .72rem; text-decoration: underline; text-underline-offset: .16em; }
.footer-email:hover { color: white; }
.story-source-link { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; margin-top: 10px; color: var(--signal-ink); font-size: .68rem; font-weight: 800; text-decoration: underline; text-underline-offset: .18em; }
.article-source-link { margin: 0 0 14px; }
.snapshot-status-note { margin: 14px 0; padding: 12px 14px; border-left: 3px solid var(--signal-ink); border-radius: 0 7px 7px 0; background: var(--signal-cyan-soft); color: #153748; font-weight: 720; }
.public-contact-panel { margin: 20px 0 28px; padding: clamp(17px, 2.8vw, 27px); border: 1px solid var(--signal-line); border-radius: 13px; background: linear-gradient(130deg, #f8fcfd, #e9f4f6); box-shadow: 0 13px 27px rgb(16 38 60 / 7%); }
.public-contact-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.public-contact-heading h2 { margin: .35rem 0 .45rem; color: var(--navy); font-family: var(--sans); font-size: clamp(1.35rem, 2.3vw, 1.9rem); letter-spacing: -.035em; line-height: 1.08; }
.public-contact-heading p:not(.eyebrow) { margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.45; }
.public-contact-status { flex: 0 0 auto; padding: 7px 9px; border: 1px solid var(--signal-line); border-radius: 999px; background: white; color: var(--signal-ink); font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.public-contact-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.public-contact-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding: 14px; border: 1px solid #cbdfe4; border-radius: 9px; background: white; }
.public-contact-card > .eyebrow { margin: 0; color: var(--signal-ink); font-size: .7rem; font-weight: 850; letter-spacing: .09em; }
.public-contact-email, .public-contact-card > b { color: var(--navy-deep); font-family: var(--sans); font-size: .92rem; font-weight: 850; overflow-wrap: anywhere; }
.public-contact-card p { margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; }
.public-contact-socials { display: flex; flex-wrap: wrap; gap: 7px; }
.public-contact-socials a { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid var(--signal-line); border-radius: 6px; background: #f7fbfc; color: var(--signal-ink); font-size: .75rem; font-weight: 780; text-decoration: none; }
.public-contact-socials a:hover, .public-contact-socials a:focus-visible { border-color: var(--signal-ink); background: var(--signal-cyan-soft); text-decoration: underline; }
.google-source-link { display: inline-flex; min-height: 44px; align-items: center; gap: 7px; margin-top: auto; color: var(--signal-ink); font-size: .75rem; font-weight: 850; line-height: 1.35; text-decoration: underline; text-underline-offset: .16em; }
.homepage-google-source-link { width: fit-content; margin-top: 10px; padding: 8px 11px; border: 1px solid var(--signal-line); border-radius: 999px; background: var(--signal-cyan-soft); text-decoration: none; }
.homepage-google-source-link:hover { background: #fff; }
.google-source-note { display: block; max-width: 54ch; margin: .4rem 0 0; color: var(--ink-soft); font-size: .75rem; line-height: 1.5; }
@media (max-width: 980px) {
  .public-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .public-contact-heading { align-items: flex-start; flex-direction: column; gap: 10px; }
  .public-contact-grid { grid-template-columns: minmax(0, 1fr); }
}
.search-technical-readiness { margin: 15px 0; padding: clamp(17px, 2.5vw, 27px); border: 1px solid #bfdce0; border-radius: 17px; background: linear-gradient(135deg, #eef8f8, #fff 62%, #f1f6f5); box-shadow: 0 14px 30px #102c390c; }
.search-readiness-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.search-readiness-header .eyebrow { margin: 0 0 7px; color: #176879; font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.search-readiness-header h3 { max-width: 760px; margin: 0; color: var(--navy); font-family: var(--serif); font-size: clamp(1.35rem, 2.5vw, 1.9rem); line-height: 1.1; }
.search-readiness-header .evidence-pill { flex: 0 0 auto; border-color: #a8c9cd; color: #164d5d; background: #e5f3f4; font-size: .68rem; line-height: 1.4; }
.search-readiness-intro { max-width: 900px; margin: 11px 0 15px; color: #465d65; font-size: .84rem; line-height: 1.55; }
.search-readiness-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.search-readiness-grid article { display: flex; flex-direction: column; min-width: 0; padding: 15px; border: 1px solid #d3e4e5; border-radius: 11px; background: #fff; }
.search-readiness-label { color: #176879; font-size: .68rem; font-weight: 850; letter-spacing: .1em; }
.search-readiness-grid h4 { margin: 8px 0 7px; color: var(--navy); font-family: var(--serif); font-size: 1.16rem; line-height: 1.18; }
.search-readiness-grid article > p { margin: 0 0 10px; color: #465961; font-size: .8rem; line-height: 1.55; }
.search-readiness-grid article .search-readiness-owner-state { margin-top: auto; padding: 10px; border-left: 2px solid #1c8291; border-radius: 0 7px 7px 0; color: #304b54; background: #edf6f6; font-size: .76rem; }
.search-readiness-grid article .search-readiness-owner-state b { color: #173f4a; }
.search-readiness-grid article > a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 7px; color: #075d70; font-size: .73rem; font-weight: 850; line-height: 1.35; text-decoration: underline; text-underline-offset: 3px; }
.search-readiness-boundary { margin: 12px 0 0; color: #576a70; font-size: .7rem; line-height: 1.5; }
@media (max-width: 960px) {
  .search-readiness-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-readiness-grid article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .search-readiness-header { flex-direction: column; gap: 10px; }
  .search-readiness-grid { grid-template-columns: minmax(0, 1fr); }
  .search-readiness-grid article:last-child { grid-column: auto; }
}
@media (max-width: 560px) {
  .search-technical-readiness { padding: 16px; border-radius: 14px; }
  .search-readiness-grid article { padding: 14px; }
}
.search-learning-panel { margin: 14px 0; padding: clamp(17px, 2.5vw, 27px); overflow: hidden; border: 1px solid #244a61; border-radius: 18px; color: #f5f9fb; background: radial-gradient(ellipse at 100% 0%, #17546a 0, transparent 40%), linear-gradient(128deg, #0b1d2b, #10354a 66%, #0f4054); box-shadow: 0 18px 38px #0b1d2b1f; }
.search-learning-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.search-loop-label, .search-step-count { color: #d7f76a; font-size: .75rem; font-weight: 850; letter-spacing: .08em; }
.search-learning-head h3 { margin: 7px 0 0; color: #fff; font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.05; }
.search-learning-head > p { max-width: 320px; margin: 0 0 2px; color: #e2f0f4; font-size: .76rem; line-height: 1.55; }
.search-learning-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 19px 0 13px; padding: 0; list-style: none; counter-reset: search-step; }
.search-learning-steps li { min-width: 0; padding: 14px; border: 1px solid #ffffff2b; border-radius: 12px; background: #ffffff0b; }
.search-learning-steps h4 { margin: 8px 0 5px; color: #fff; font-size: .82rem; }
.search-learning-steps p { margin: 0; color: #d6e6ec; font-size: .75rem; line-height: 1.55; }
.search-learning-steps .search-step-approval { border-color: #d7f76a99; background: linear-gradient(145deg, #29494a, #ffffff12); box-shadow: inset 3px 0 var(--signal-lime); }
.search-learning-outcomes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.search-learning-outcomes p { margin: 0; padding: 12px 14px; border-left: 2px solid #4fdcf2; border-radius: 0 9px 9px 0; background: #ffffff0b; }
.search-learning-outcomes .business-scoreboard { border-color: #d7f76a55; border-left: 2px solid var(--signal-lime); background: linear-gradient(135deg, #20464a, #163c50); box-shadow: inset 0 0 0 1px #d7f76a20; }
.search-learning-outcomes b, .search-learning-outcomes span { display: block; }
.search-learning-outcomes b { margin-bottom: 4px; color: #d7f76a; font-size: .75rem; }
.search-learning-outcomes span { color: #e2edf1; font-size: .75rem; line-height: 1.5; }
.search-learning-boundary { margin: 11px 0 0; color: #c0d4dd; font-size: .75rem; line-height: 1.45; }
@media (max-width: 760px) {
  .search-learning-head { display: block; }
  .search-learning-head > p { max-width: none; margin-top: 9px; }
  .search-learning-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .search-learning-outcomes { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .search-learning-panel { padding: 16px; border-radius: 14px; }
  .search-learning-steps { grid-template-columns: minmax(0, 1fr); }
  .search-learning-steps li { padding: 13px; }
}
.publication-qa-gate { margin: 14px 0 18px; padding: clamp(17px, 2.5vw, 26px); border: 1px solid #ebd4c6; border-radius: 17px; background: linear-gradient(135deg, #fffaf6, #fff 58%, #f5f8f5); box-shadow: 0 14px 30px #132a390d; }
.publication-gate-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr); align-items: end; gap: 24px; }
.publication-gate-heading .eyebrow { font-size: .75rem; }
.publication-gate-label, .publication-gate-state-label { color: #8d3b28; font-size: .75rem; font-weight: 850; letter-spacing: .11em; }
.publication-gate-heading h3 { max-width: 700px; margin: 8px 0 0; color: var(--navy); font-family: var(--serif); font-size: clamp(1.35rem, 2.1vw, 1.85rem); line-height: 1.08; }
.publication-gate-heading > p { margin: 0 0 2px; color: var(--ink-soft); font-size: .75rem; line-height: 1.55; }
.publication-gate-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); gap: 13px; margin-top: 17px; }
.publication-gate-checks { padding: 15px 17px; border: 1px solid #e3e9e6; border-radius: 12px; background: #fff; }
.publication-gate-checks h4 { margin: 0; color: var(--navy); font-size: .79rem; }
.publication-gate-checks ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin: 11px 0 0; padding-left: 18px; color: var(--ink-soft); font-size: .75rem; line-height: 1.45; }
.publication-gate-checks li::marker { color: #287f72; }
.publication-gate-states { padding: 15px 17px; border: 1px solid #173b51; border-radius: 12px; color: #eff7fa; background: linear-gradient(135deg, #0b1d2b, #103b50); }
.publication-gate-state-label { color: #d7f76a; }
.publication-gate-states p { margin: 11px 0 0; padding-top: 9px; border-top: 1px solid #ffffff26; }
.publication-gate-states b, .publication-gate-states span { display: block; }
.publication-gate-states b { color: #fff; font-size: .75rem; }
.publication-gate-states p span { margin-top: 3px; color: #d9e8ed; font-size: .75rem; line-height: 1.45; }
.publication-gate-boundary { margin: 11px 0 0; color: #5d6b70; font-size: .75rem; line-height: 1.5; }
@media (max-width: 760px) {
  .publication-gate-heading, .publication-gate-grid { grid-template-columns: minmax(0, 1fr); }
  .publication-gate-heading > p { margin-top: 9px; }
}
@media (max-width: 560px) {
  .publication-qa-gate { padding: 16px; border-radius: 14px; }
  .publication-gate-checks { padding: 14px; }
  .publication-gate-checks ul { grid-template-columns: minmax(0, 1fr); gap: 7px; }
}
.election-results-center { margin: 18px 0 24px; padding: clamp(18px, 2.8vw, 30px); overflow: hidden; border: 1px solid #1b4a61; border-radius: 20px; color: #f2f7fa; background: radial-gradient(ellipse at 93% 0%, #17647a 0, transparent 35%), linear-gradient(128deg, #0b1d2b, #10354a 62%, #102f43); box-shadow: 0 20px 44px #0b1d2b20; }
.election-results-heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr); align-items: center; gap: 22px; }
.election-results-center .eyebrow { color: #d7f76a; font-size: .75rem; }
.election-results-center h2 { margin: .45rem 0 .62rem; color: #fff; font-family: var(--serif); font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.02; }
.election-results-heading > div > p:not(.eyebrow) { max-width: 680px; margin: 0; color: #e2eef2; font-size: .78rem; line-height: 1.55; }
.election-source-link { display: inline-flex; gap: 6px; align-items: center; min-height: 42px; margin-top: 9px; color: #d7f76a; font-size: .72rem; font-weight: 800; text-underline-offset: 3px; }
.election-results-pending { display: flex; align-items: center; gap: 18px; min-width: 0; padding: 16px; border: 1px solid #ffffff33; border-radius: 15px; background: #ffffff0b; }
.election-results-pending strong, .election-results-pending span, .election-results-pending small { display: block; }
.election-results-pending strong { color: #d7f76a; font-size: .75rem; letter-spacing: .11em; }
.election-results-pending div > span { margin-top: 5px; color: #e2eef2; font-size: .75rem; line-height: 1.45; }
.election-results-pending small { margin-top: 8px; color: #bcd2db; font-size: .75rem; font-weight: 800; letter-spacing: .08em; }
.election-results-orbit { position: relative; display: block; width: 68px; height: 68px; flex: 0 0 auto; border: 1px solid #54dff4ad; border-radius: 50%; background: radial-gradient(circle at 50% 50%, #54dff425, transparent 58%); box-shadow: 0 0 24px #54dff422, inset 0 0 14px #54dff417; transform: perspective(180px) rotateX(55deg) rotateZ(-25deg); }
.election-results-orbit::before, .election-results-orbit::after { position: absolute; content: ""; border: 1px solid #d7f76a99; border-radius: 50%; }
.election-results-orbit::before { inset: 8px -5px; transform: rotate(58deg); }
.election-results-orbit::after { inset: 17px -8px; transform: rotate(-42deg); }
.election-results-orbit i { position: absolute; z-index: 1; top: 11px; left: 29px; width: 10px; height: 10px; border-radius: 50%; background: #d7f76a; box-shadow: 0 0 13px #d7f76a; }
.election-results-scopes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; margin-top: 17px; }
.election-results-scopes article { min-width: 0; padding: 15px; border: 1px solid #ffffffbd; border-radius: 14px; color: var(--ink); background: linear-gradient(145deg, #fff, #eef7f8); box-shadow: 0 10px 22px #06131b24; }
.election-scope-label { color: #286c7a; font-size: .75rem; font-weight: 850; letter-spacing: .1em; }
.election-results-scopes h3 { margin: 6px 0 0; color: var(--navy); font-family: var(--serif); font-size: 1.3rem; }
.election-results-scopes dl { display: grid; gap: 7px; margin: 12px 0 0; }
.election-results-scopes dl div { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding-top: 7px; border-top: 1px solid #cbdcdf; }
.election-results-scopes dt { color: #445b65; font-size: .75rem; }
.election-results-scopes dd { margin: 0; padding: 3px 7px; border: 1px solid #b7dce2; border-radius: 20px; color: #12303e; background: #e1f4f6; font-size: .75rem; font-weight: 850; letter-spacing: .04em; }
.election-results-source { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 12px; padding: 13px 15px; border: 1px solid #ffffff30; border-radius: 12px; background: #ffffff0a; }
.election-source-label { color: #d7f76a; font-size: .75rem; font-weight: 850; letter-spacing: .11em; }
.election-results-source p { margin: 5px 0 0; color: #e2eef2; font-size: .75rem; line-height: 1.45; }
.election-results-source > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; min-height: 44px; padding: 0 13px; border-radius: 9px; color: #0b1d2b; background: #54dff4; font-size: .75rem; font-weight: 850; text-decoration: none; }
.election-results-source > a:hover { background: #7ce7f6; }
.election-results-route-note { margin: 10px 0 0; color: #cadbe0; font-size: .75rem; line-height: 1.45; }
@media (max-width: 960px) { .election-results-scopes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .election-results-heading { grid-template-columns: minmax(0, 1fr); } .election-results-source { align-items: stretch; flex-direction: column; } }
@media (max-width: 560px) { .election-results-center { padding: 16px; border-radius: 15px; } .election-results-scopes { grid-template-columns: minmax(0, 1fr); } .election-results-pending { gap: 12px; padding: 13px; } .election-results-orbit { width: 56px; height: 56px; } .election-results-orbit i { top: 8px; left: 23px; } .election-results-source > a { justify-content: center; } }

.seo-implementation-queue { margin: 16px 0 22px; padding: clamp(18px, 2.5vw, 27px); overflow: hidden; border: 1px solid #286176; border-radius: 17px; color: #f5f9fb; background: radial-gradient(ellipse at 96% 0%, #174f62 0, transparent 36%), linear-gradient(130deg, #0b1d2b, #10354a); box-shadow: 0 17px 34px #0b1d2b20; }
.seo-queue-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; }
.seo-queue-header .eyebrow, .seo-queue-cadence .eyebrow { margin: 0 0 7px; color: #54dff4; font-size: .75rem; font-weight: 850; letter-spacing: .1em; }
.seo-queue-header h3 { margin: 0; color: #f5f9fb; font-family: var(--serif); font-size: clamp(1.35rem, 2.5vw, 1.9rem); line-height: 1.1; }
.seo-queue-header .evidence-pill { flex: 0 0 auto; border-color: #6d8390; background: #16394b; color: #d7f76a; }
.seo-queue-summary { max-width: 1050px; margin: 15px 0; color: #e5f2f5; font-size: .88rem; line-height: 1.55; }
.seo-queue-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 17px 0; padding: 0; list-style: none; }
.seo-queue-list li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-content: start; gap: 10px; min-width: 0; padding: 14px; border: 1px solid #37677a; border-radius: 9px; background: #12374a; }
.seo-queue-list li:last-child { grid-column: 1 / -1; }
.seo-queue-number { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #d7f76a; color: #0b1d2b; font-size: .75rem; font-weight: 900; }
.seo-queue-status { display: inline-block; margin: 0 0 5px; color: #d7f76a; font-size: .75rem; font-weight: 850; letter-spacing: .07em; }
.seo-queue-list h4 { margin: 0 0 5px; color: #f5f9fb; font-size: .95rem; line-height: 1.25; }
.seo-queue-list p { margin: 0; color: #e5f2f5; font-size: .82rem; line-height: 1.5; }
.seo-queue-cadence { margin-top: 16px; padding: 13px 14px; border: 1px solid #37677a; border-radius: 9px; background: #0b1d2b99; }
.seo-queue-cadence ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.seo-queue-cadence li { padding: 7px 9px; border: 1px solid #497687; border-radius: 6px; color: #f5f9fb; font-size: .78rem; line-height: 1.35; }
.seo-queue-boundary { margin: 13px 0 0; color: #e5f2f5; font-size: .78rem; line-height: 1.5; }
.seo-queue-boundary a { color: #d7f76a; font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (max-width: 760px) {
  .seo-queue-header { flex-direction: column; gap: 10px; }
  .seo-queue-list { grid-template-columns: minmax(0, 1fr); }
  .seo-queue-list li:last-child { grid-column: auto; }
}
@media (max-width: 420px) {
  .seo-implementation-queue { padding: 15px; border-radius: 14px; }
  .seo-queue-list li { grid-template-columns: 25px minmax(0, 1fr); gap: 8px; padding: 11px; }
  .seo-queue-number { width: 24px; height: 24px; font-size: .75rem; }
  .seo-queue-list p, .seo-queue-boundary { font-size: .79rem; }
}


/* Evidence-based advertiser FAQ */
.advertiser-faq { margin: 0 0 30px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--signal-line); border-radius: 13px; background: radial-gradient(circle at 91% 0, rgb(84 223 244 / 12%), transparent 25rem), linear-gradient(140deg, #edf7f9, #ffffff); box-shadow: 0 18px 34px rgb(16 38 60 / 8%); }
.advertiser-faq-heading { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 22px; align-items: end; margin-bottom: 16px; }
.advertiser-faq-heading h2 { margin: .35rem 0 0; color: var(--navy); font-family: var(--serif); font-size: clamp(1.55rem, 3vw, 2.1rem); line-height: 1.1; }
.advertiser-faq-heading > p:last-child { max-width: 610px; margin: 0; color: var(--ink-soft); font-size: .8rem; }
.advertiser-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.advertiser-faq details { overflow: hidden; border: 1px solid var(--signal-line); border-radius: 9px; background: #ffffff; box-shadow: 0 9px 16px rgb(16 38 60 / 5%); }
.advertiser-faq details summary { position: relative; display: flex; align-items: center; min-height: 48px; padding: 10px 44px 10px 14px; list-style: none; cursor: pointer; color: var(--navy); font-size: .78rem; font-weight: 800; line-height: 1.35; }
.advertiser-faq details summary::-webkit-details-marker { display: none; }
.advertiser-faq details summary::after { position: absolute; top: 50%; right: 14px; color: var(--signal-ink); content: "+"; font-size: 1.2rem; font-weight: 800; line-height: 1; transform: translateY(-50%); transition: transform .2s ease; }
.advertiser-faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.advertiser-faq details summary:focus-visible { outline: 3px solid var(--signal-ink); outline-offset: -3px; }
.advertiser-faq details p { margin: 0; padding: 0 14px 14px; color: var(--ink-soft); font-size: .75rem; line-height: 1.55; }
.advertiser-faq-source { margin: 14px 0 0; color: var(--muted); font-size: .75rem; }
.advertiser-faq-source a { color: var(--signal-ink); font-weight: 750; text-decoration: underline; }
@media (max-width: 760px) {
  .advertiser-faq-heading { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .advertiser-faq-list { grid-template-columns: minmax(0, 1fr); }
}

/* Dated live-story samples and source-led regional archive */
.story-results-body { display: grid; gap: 17px; }
.story-results-body > .eyebrow { margin: 0; }
.story-results-body > p:not(.eyebrow):not(.snapshot-status-note) { margin: 0; color: var(--ink-soft); font-size: 1rem; line-height: 1.7; }
.municipal-results-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.municipal-result-card { min-width: 0; padding: 17px; border: 1px solid #bfd3dc; border-top: 3px solid var(--signal-ink); border-radius: 10px; background: linear-gradient(145deg, #ffffff, #f2f9fb); box-shadow: 0 10px 24px rgb(16 38 60 / 7%); }
.municipal-result-card .eyebrow { margin-bottom: 7px; color: var(--signal-ink); font-size: .7rem; }
.municipal-result-card h2 { margin: 0 0 11px; color: var(--navy); font-family: var(--serif); font-size: 1.45rem; line-height: 1.2; }
.municipal-result-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.municipal-result-list li { display: grid; gap: 2px; padding-bottom: 8px; border-bottom: 1px solid #d9e5e9; }
.municipal-result-list li:last-child { padding-bottom: 0; border-bottom: 0; }
.municipal-result-list b { color: var(--ink); font-size: .95rem; }
.municipal-result-list span { color: var(--ink-soft); font-size: .85rem; line-height: 1.45; }
.municipal-result-source { margin: 12px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.snapshot-status-note { margin: 0; padding: 12px 14px; border-left: 4px solid #a16a13; border-radius: 0 7px 7px 0; background: #fff5df; color: #513b16; font-size: .84rem; font-weight: 700; }
.related-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-block: 16px; }
.related-story-grid > article { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
.related-story-grid .story-category { margin: 0 0 8px; color: var(--signal-ink); font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.related-story-grid h3 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 1.08rem; line-height: 1.35; }
.related-story-grid h3 a { text-decoration-thickness: .06em; }
.related-story-grid > article > p:last-child { margin: 11px 0 0; color: var(--muted); font-size: .78rem; }
.archive-evidence-strip { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin: 0 0 25px; padding: 18px 21px; border: 1px solid #254e62; border-radius: 12px; background: radial-gradient(ellipse at 95% 0%, #16566a 0, transparent 43%), linear-gradient(120deg, #0c2032, #132f43); color: #f5fbfd; box-shadow: 0 18px 36px rgb(7 21 34 / 16%); }
.archive-evidence-strip > div { min-width: 0; }
.archive-evidence-strip > div > span { color: var(--signal-cyan); font-size: .72rem; font-weight: 850; letter-spacing: .13em; }
.archive-evidence-strip p { max-width: 760px; margin: 7px 0 0; color: #e0eaee; font-size: .9rem; line-height: 1.5; }
.archive-evidence-strip > a { flex: 0 0 auto; color: #f1f9c2; font-size: .88rem; font-weight: 800; text-decoration-color: var(--signal-lime); }
.archive-evidence-strip a:focus-visible, .audit-report-link:focus-visible { outline: 3px solid var(--signal-cyan); outline-offset: 4px; }
.section-story-meta { margin: 10px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.section-story-updated { display: block; color: var(--signal-ink); font-weight: 750; }
.section-story-source { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 7px; color: var(--signal-ink); font-size: .82rem; font-weight: 800; }
.region-scope-note { max-width: 760px; color: var(--ink-soft); }
.city-archive-preview { margin-block: 30px; padding-block: 25px; border-top: 1px solid var(--line); }
.city-archive-preview > .region-scope-note { margin: 10px 0 18px; }
.city-archive-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.city-archive-card { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); box-shadow: 0 8px 20px rgb(16 38 60 / 5%); scroll-margin-top: 24px; }
.city-archive-card .story-category { margin: 0 0 7px; color: var(--signal-ink); font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.city-archive-card h3 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: 1.2rem; }
.city-archive-card > p:not(.story-category) { margin: 8px 0 11px; color: var(--ink-soft); font-size: .86rem; line-height: 1.55; }
.city-archive-card > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--signal-ink); font-size: .8rem; font-weight: 800; }
.city-archive-card:target { outline: 3px solid var(--signal-cyan); outline-offset: 3px; }
.topic-story-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 20px; }
.topic-story-list > article { min-width: 0; padding: 15px; border: 1px solid rgb(255 255 255 / 24%); border-radius: 9px; background: rgb(5 23 35 / 35%); }
.topic-story-list h3 { margin: 7px 0; font-family: var(--serif); font-size: 1.08rem; line-height: 1.35; }
.topic-story-list h3 a { color: #fff; }
.topic-story-list > article > p:last-child { margin: 0; color: #d0dfe5; font-size: .78rem; }
.five-publisher-audit { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 28px; align-items: center; margin: 26px 0 17px; padding: 22px; border: 1px solid #34586d; border-radius: 14px; background: radial-gradient(circle at 4% 0%, rgb(84 223 244 / 15%), transparent 26%), linear-gradient(135deg, #0c2032, #14354a); color: #f4f9fb; box-shadow: 0 16px 38px rgb(7 21 34 / 15%); }
.five-publisher-audit .eyebrow { color: var(--signal-cyan); }
.five-publisher-audit h3 { margin: 5px 0 7px; color: #fff; font-family: var(--serif); font-size: clamp(1.35rem, 2.1vw, 1.85rem); }
.five-publisher-audit-copy > p:not(.eyebrow) { max-width: 790px; margin: 0; color: #d5e4e9; font-size: .91rem; line-height: 1.55; }
.audit-publisher-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.audit-publisher-list span { padding: 5px 9px; border: 1px solid #497085; border-radius: 99px; background: rgb(255 255 255 / 5%); color: #eff8fa; font-size: .76rem; }
.audit-report-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 11px 15px; border: 1px solid var(--signal-lime); border-radius: 7px; background: var(--signal-lime); color: #14231e; font-size: .85rem; font-weight: 850; text-align: center; text-decoration: none; }
.audit-report-link:hover { background: #e6ff8c; color: #14231e; }
@media (max-width: 760px) {
  .municipal-results-grid, .related-story-grid, .topic-story-list { grid-template-columns: minmax(0, 1fr); }
  .city-archive-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .archive-evidence-strip { align-items: flex-start; flex-direction: column; gap: 13px; }
  .five-publisher-audit { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 18px; }
  .audit-report-link { justify-self: start; }
}
@media (max-width: 440px) {
  .municipal-result-card { padding: 14px; }
  .city-archive-preview-grid { grid-template-columns: minmax(0, 1fr); }
  .archive-evidence-strip { padding: 15px; }
  .five-publisher-audit { padding: 15px; }
  .audit-publisher-list span { font-size: .75rem; }
}

/* Pre-publication safety workflow preview */
.publication-safety-section{margin:3.5rem 0;padding:clamp(1.2rem,3vw,2.1rem);border:1px solid #c9d9df;border-radius:24px;background:#fff;box-shadow:0 18px 54px rgba(16,38,60,.08)}
.publication-safety-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:start;margin-bottom:1.4rem}
.publication-safety-heading h2{margin:.15rem 0 .55rem;color:#10263c;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.08}
.publication-safety-heading>div>p:last-child{max-width:760px;margin:0;color:#263c50;line-height:1.65}
.publication-safety-state{display:inline-flex;min-width:150px;min-height:70px;align-items:center;justify-content:center;padding:.8rem 1rem;border:1px solid #80c9d3;border-radius:14px;background:#e8f7f7;color:#10263c;font-size:.72rem;font-weight:900;letter-spacing:.07em;line-height:1.45;text-align:center}
.publication-safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.publication-safety-grid article{padding:1.05rem;border:1px solid #d6e2e6;border-radius:16px;background:#f5f9fa}
.publication-safety-grid article>span{color:#075b68;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.publication-safety-grid h3{margin:.55rem 0 .4rem;color:#10263c;font-size:1.05rem;line-height:1.3}
.publication-safety-grid p{margin:0;color:#263c50;font-size:.9rem;line-height:1.55}
.publication-safety-footer{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;align-items:center;margin-top:1rem;padding:1.05rem 1.15rem;border-radius:16px;background:#10263c;color:#fff}
.publication-safety-footer p{flex:1 1 100%;margin:0;color:#fff;font-size:.9rem;line-height:1.55}
.publication-safety-footer a{display:inline-flex;min-height:44px;align-items:center;color:#e5f89a;font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.publication-safety-footer a:focus-visible{outline:3px solid #d6f57a;outline-offset:3px}
@media (max-width: 900px){.publication-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.publication-safety-heading{grid-template-columns:1fr}.publication-safety-state{justify-self:start;min-width:0}.publication-safety-grid{grid-template-columns:1fr}.publication-safety-footer{align-items:stretch}.publication-safety-footer a{width:100%}}
.publication-hold-badge{display:inline-flex;min-height:30px;align-items:center;padding:.3rem .65rem;border-radius:999px;background:#8f1d24;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.06em}
.publication-hold-callout{margin:1rem 0;padding:1rem 1.1rem;border:1px solid #b12630;border-left:6px solid #b12630;border-radius:12px;background:#fff1f1;color:#33171a}
.publication-hold-callout strong{display:block;margin-bottom:.45rem;color:#8f1d24;font-size:.82rem;letter-spacing:.08em}
.publication-hold-callout p{margin:0;line-height:1.55}
.article-source-lines{display:grid;gap:.35rem;margin:1rem 0;padding:1rem;border:1px solid #d6e2e6;border-radius:12px;background:#f5f9fa}
.article-source-lines p{margin:0;color:#263c50;font-size:.82rem;line-height:1.5}
.article-source-lines a{color:#075b68;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.comment-safety-note,.contact-consent-note{margin:1rem 0;padding:1rem 1.15rem;border:1px solid #c9d9df;border-radius:14px;background:#f1f7f8;color:#18334a}
.comment-safety-note>b,.contact-consent-note>b{display:block;margin-bottom:.4rem;color:#075b68;font-size:.75rem;letter-spacing:.07em}
.comment-safety-note p,.contact-consent-note span{display:block;margin:0;color:#263c50;line-height:1.55}
.comment-safety-note a{display:inline-flex;min-height:44px;align-items:center;margin-top:.25rem;color:#075b68;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.ad-safety-gate{margin:1.5rem 0;padding:1.3rem 1.5rem;border-radius:18px;background:#10263c;color:#fff}
.ad-safety-gate h2{margin:.3rem 0 .5rem;color:#fff;font-size:1.5rem}
.ad-safety-gate>p:not(.eyebrow){max-width:850px;color:#f1f6f8;line-height:1.6}
.ad-safety-gate a{display:inline-flex;min-height:44px;align-items:center;color:#e5f89a;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.ad-safety-gate a:focus-visible,.comment-safety-note a:focus-visible{outline:3px solid #d6f57a;outline-offset:3px}

/* Reader site pages */
.reader-page { padding-top: 22px; padding-bottom: 76px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; margin-bottom: 18px; color: var(--muted); font-size: .77rem; }
.breadcrumbs a { color: var(--signal-ink); font-weight: 700; }
.reader-page-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, .5fr); gap: 26px; align-items: center; min-height: 232px; margin-bottom: 30px; padding: clamp(22px, 4vw, 42px); overflow: hidden; border: 1px solid #cbdce1; border-radius: 24px; background: linear-gradient(120deg, #fff 10%, #e7f3f5 73%, #d4f5f6); box-shadow: 0 16px 48px #10263c0d; }
.reader-page-copy { position: relative; z-index: 1; max-width: 820px; }
.reader-page-copy h1 { margin: .55rem 0 .8rem; color: var(--navy); font-family: var(--serif); font-size: clamp(2.15rem, 4.5vw, 3.7rem); font-weight: 650; line-height: 1.03; letter-spacing: -.04em; }
.reader-page-copy > p:last-child { max-width: 700px; margin: 0; color: #304956; font-size: 1rem; line-height: 1.65; }
.reader-hero-art { position: relative; width: min(100%, 270px); aspect-ratio: 1; justify-self: end; border: 1px solid #8ebcc5; border-radius: 50%; background: radial-gradient(circle at 34% 30%, #fff 0 7%, #c9fbfc 8% 13%, transparent 14%), radial-gradient(circle at 50% 50%, #39bfd4 0 10%, #0b344a 11% 27%, #0c5b71 28% 35%, transparent 36%), linear-gradient(145deg, #0f3045, #54dff4 47%, #d7f76a 49%, #12354a 70%); box-shadow: inset -14px -18px 35px #07152266, inset 8px 10px 25px #ffffff72, 0 22px 34px #10263c26; transform: rotate(-10deg); }
.reader-hero-orbit { position: absolute; inset: 15%; border: 1px solid #ffffffb8; border-radius: 50%; transform: rotateX(66deg) rotateZ(-24deg); box-shadow: 0 0 0 12px #54dff426; }
.reader-hero-signal { position: absolute; inset: 37%; border: 2px solid #eaffffff; border-radius: 50%; box-shadow: 0 0 0 12px #54dff466, 0 0 0 27px #d7f76a54, 0 0 28px #ffffffd9; }
.reader-hero-plane { position: absolute; right: -8%; bottom: 19%; left: -8%; height: 1px; background: #ffffffc9; transform: rotate(-15deg); }
.reader-content-section { margin: 40px 0; }
.reader-section-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 10px 24px; margin-bottom: 15px; }
.reader-section-heading .eyebrow { flex: 1 1 100%; }
.reader-section-heading h2 { margin: 0; color: var(--navy); font-family: var(--serif); font-size: clamp(1.65rem, 3vw, 2.45rem); line-height: 1.12; letter-spacing: -.025em; }
.reader-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.reader-story-card { position: relative; min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 9px 24px #10263c08; }
.reader-story-card::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--red), var(--signal-cyan), var(--signal-lime)); content: ""; }
.reader-story-media { margin: 0; overflow: hidden; background: #eef3f4; }
.reader-story-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: center; }
.reader-story-image.is-contain { object-fit: contain; }
.reader-story-media figcaption { padding: 8px 12px 0; color: #506571; font-size: .7rem; line-height: 1.4; }
.reader-story-card-body { padding: 14px 18px 18px; }
.reader-story-label { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 9px; color: #075d75; font-size: .68rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.reader-story-label span + span::before { margin-right: 6px; color: var(--red); content: "·"; }
.reader-story-card h3 { margin: 0 0 12px; color: var(--navy); font-family: var(--serif); font-size: 1.17rem; line-height: 1.25; letter-spacing: -.01em; }
.reader-story-card h3 a { color: inherit; text-decoration: none; }
.reader-story-card h3 a:hover { color: var(--red-deep); text-decoration: underline; text-underline-offset: 3px; }
.reader-story-byline,.reader-story-updated { display: block; margin: 0; color: #435d67; font-size: .74rem; line-height: 1.5; }
.reader-story-updated { margin-top: 3px; font-weight: 700; }
.reader-intro-copy { max-width: 800px; margin: 0 0 24px; color: #304956; font-size: 1.05rem; line-height: 1.7; }
.reader-region-chooser { margin: 8px 0 28px; }
.reader-region-intro { margin-bottom: 16px; }
.reader-region-intro h1 { margin: .3rem 0 .45rem; color: var(--navy); font-family: var(--serif); font-size: clamp(2.2rem, 4.7vw, 3.65rem); line-height: 1.02; letter-spacing: -.04em; }
.reader-region-intro > p:last-child { margin: 0; color: #435d67; font-size: .98rem; }
.reader-region-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.reader-region-grid-wide { margin: 20px 0 30px; }
.reader-region-grid .region-card { min-height: 180px; padding: 20px; border-radius: 20px; text-decoration: none; }
.reader-region-grid .region-card h2,.reader-region-grid .region-card h3 { margin: 14px 0 6px; font-family: var(--serif); font-size: clamp(1.55rem, 2.4vw, 2.2rem); line-height: 1.05; }
.reader-region-grid .region-card p { max-width: 280px; margin: 0; color: inherit; font-size: .88rem; line-height: 1.5; }
.region-card-kicker { display: block; font-size: .65rem; font-weight: 850; letter-spacing: .1em; }
.reader-home-lead { display: grid; grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr); gap: 24px; align-items: center; margin: 24px 0 36px; padding: 22px; border: 1px solid #cad8df; border-radius: 22px; background: #fff; box-shadow: 0 18px 44px #10263c0b; }
.reader-lead-art { position: relative; min-height: 230px; overflow: hidden; border-radius: 16px; background: radial-gradient(circle at 50% 46%, #54dff4 0 9%, #174b62 10% 20%, transparent 21%), linear-gradient(140deg, #071522 5%, #12364b 48%, #1b6172 72%, #d7f76a 73%, #14364a 83%); box-shadow: inset 0 -22px 38px #07152270; }
.reader-lead-photo { min-height: 0; aspect-ratio: 3 / 2; background: #071522; box-shadow: 0 10px 24px #10263c24; }
.reader-lead-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.reader-lead-photo figcaption { position: absolute; right: 9px; bottom: 9px; left: 9px; padding: 6px 9px; border-radius: 8px; background: #071522e8; color: #fff; font-size: .68rem; line-height: 1.35; }
.reader-lead-orbit { position: absolute; inset: 15% 23%; border: 2px solid #e4fdffcc; border-radius: 50%; transform: rotateX(64deg) rotateZ(-19deg); box-shadow: 0 0 0 13px #54dff42c, 0 0 0 29px #d7f76a1c; }
.reader-lead-core { position: absolute; top: 50%; left: 50%; display: grid; width: 64px; aspect-ratio: 1; place-items: center; border: 1px solid #ffffffc7; border-radius: 50%; background: linear-gradient(145deg, #22516a, #081c2b); color: #fff; font-family: var(--serif); font-size: 2rem; font-weight: 700; transform: translate(-50%, -50%); box-shadow: 0 12px 28px #07152277, inset 3px 3px 8px #ffffff4d; }
.reader-lead-base { position: absolute; right: 12%; bottom: 17%; left: 12%; height: 1px; background: #f1ffffd9; transform: rotate(-12deg); box-shadow: 0 14px 0 #54dff45c; }
.reader-lead-copy h2 { margin: .55rem 0 .72rem; color: var(--navy); font-family: var(--serif); font-size: clamp(1.8rem, 3.3vw, 2.7rem); line-height: 1.05; letter-spacing: -.035em; }
.reader-lead-copy h2 a { text-decoration: none; }
.reader-lead-copy > p:not(.eyebrow):not(.reader-story-byline) { max-width: 690px; color: #304956; }
.reader-lead-copy .reader-story-byline { margin: 12px 0; }
.reader-action-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 40px 0 0; }
.reader-action-card { padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(150deg, #fff, #edf7f8); }
.reader-action-card h2 { margin: .5rem 0; color: var(--navy); font-family: var(--serif); font-size: 1.45rem; line-height: 1.15; }
.reader-action-card p:not(.eyebrow) { min-height: 48px; color: #435d67; font-size: .88rem; }
.reader-action-card a { display: inline-flex; min-height: 44px; align-items: center; gap: .35rem; color: #075d75; font-weight: 800; }
.reader-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.reader-directory-card { position: relative; display: block; min-height: 165px; padding: 19px; overflow: hidden; border: 1px solid #bfd3db; border-radius: 18px; background: linear-gradient(145deg, #fff 0%, #f2f8fa 73%, #dff5f7 100%); color: var(--navy); text-decoration: none; box-shadow: 0 10px 24px #10263c09; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.reader-directory-card:hover { transform: translateY(-3px); border-color: #4aaec0; color: var(--navy); box-shadow: 0 17px 32px #10263c18; }
.reader-directory-index { position: absolute; top: 15px; right: 15px; display: grid; width: 34px; aspect-ratio: 1; place-items: center; border: 1px solid #9bcbd2; border-radius: 50%; background: #e6f8f9; color: #075d75; font-size: .72rem; font-weight: 850; }
.reader-directory-label { color: #075d75; font-size: .64rem; font-weight: 850; letter-spacing: .1em; }
.reader-directory-card h3 { max-width: calc(100% - 35px); margin: 11px 0 6px; color: var(--navy); font-family: var(--serif); font-size: 1.3rem; line-height: 1.17; }
.reader-directory-card p { max-width: 370px; margin: 0; color: #435d67; font-size: .83rem; line-height: 1.5; }
.reader-card-arrow { position: absolute; right: 18px; bottom: 14px; color: var(--red-deep); font-size: 1.05rem; font-weight: 800; }
.reader-prose-panel,.reader-search-panel { margin: 20px 0 32px; padding: clamp(19px, 3vw, 30px); border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 12px 34px #10263c09; }
.reader-prose-panel h2,.reader-search-panel h2 { margin: 0 0 .6rem; color: var(--navy); font-family: var(--serif); font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.15; }
.reader-prose-panel p,.reader-search-panel p { max-width: 900px; color: #304956; line-height: 1.7; }
.reader-action-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 18px; }
.button-outline { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: .45rem; padding: .65rem 1rem; border: 1px solid #337586; border-radius: 8px; background: #fff; color: #075d75; font-size: .85rem; font-weight: 800; text-decoration: none; }
.reader-region-block { margin: 34px 0 45px; scroll-margin-top: 24px; }
.reader-region-block > header { margin-bottom: 14px; padding: 17px 20px; border-left: 4px solid var(--red); border-radius: 0 14px 14px 0; background: linear-gradient(90deg, #e7f4f6, #f6fafb); }
.reader-region-block > header h2 { margin: .2rem 0 .35rem; color: var(--navy); font-family: var(--serif); font-size: clamp(1.6rem, 2.8vw, 2.25rem); line-height: 1.1; }
.reader-region-block > header p:last-child { margin: 0; color: #435d67; }
.reader-article { margin: 5px 0 25px; }
.reader-article-header { max-width: 950px; margin: 0 auto 26px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.reader-article-header h1 { margin: .55rem 0 .8rem; color: var(--navy); font-family: var(--serif); font-size: clamp(2.1rem, 4.8vw, 3.8rem); line-height: 1.04; letter-spacing: -.04em; }
.reader-article-layout { display: grid; grid-template-columns: minmax(0, 760px) minmax(230px, 300px); justify-content: center; gap: 38px; }
.reader-article-body { min-width: 0; color: #1c2b36; font-family: var(--serif); font-size: 1.08rem; line-height: 1.8; }
.reader-article-body h2 { margin: 1.7rem 0 .6rem; color: var(--navy); font-family: var(--sans); font-size: 1.35rem; line-height: 1.25; }
.reader-article-body a,.reader-source-actions a { color: #075d75; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.reader-dateline { margin-bottom: 0; color: #075d75; font-family: var(--sans); font-size: .78rem; font-weight: 850; letter-spacing: .06em; }
.reader-source-line { margin: 24px 0 9px; padding: 13px 15px; border-left: 3px solid var(--signal-cyan); background: #eef7f8; color: #304956; font-family: var(--sans); font-size: .82rem; line-height: 1.6; }
.reader-source-actions { display: flex; flex-wrap: wrap; gap: 7px 12px; font-family: var(--sans); font-size: .82rem; }
.reader-article-aside { align-self: start; padding: 19px; border: 1px solid var(--line); border-radius: 18px; background: #f8fbfc; }
.reader-article-aside h2 { margin: .4rem 0 .8rem; color: var(--navy); font-family: var(--serif); font-size: 1.45rem; }
.reader-article-aside .reader-story-card { margin: 12px 0; padding: 14px; }
.reader-article-aside .reader-story-card h3 { font-size: 1rem; }
.reader-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.reader-contact-card { position: relative; min-height: 208px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 10px 26px #10263c08; }
.reader-contact-card h2 { margin: .4rem 0 .5rem; color: var(--navy); font-family: var(--serif); font-size: 1.5rem; line-height: 1.15; }
.reader-contact-card p:not(.eyebrow) { max-width: 560px; color: #435d67; font-size: .88rem; }
.reader-contact-card a { display: inline-flex; min-height: 44px; align-items: center; color: #075d75; font-weight: 850; }
.reader-contact-index { position: absolute; top: 17px; right: 18px; color: #0c7583; font-size: 1.5rem; font-weight: 900; }
.reader-contact-location { margin-top: 20px; }
.reader-contact-location a { color: #075d75; font-weight: 800; }
.reader-weekly-panel { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 22px; align-items: center; padding: clamp(20px, 4vw, 38px); border: 1px solid #274c61; border-radius: 24px; background: radial-gradient(circle at 12% 50%, #14536b 0, transparent 38%), linear-gradient(130deg, #071522, #102e43 70%, #174c5e); color: #fff; box-shadow: 0 20px 42px #10263c23; }
.reader-weekly-panel h2 { margin: .45rem 0 .7rem; color: #fff; font-family: var(--serif); font-size: clamp(1.55rem, 3vw, 2.3rem); line-height: 1.12; }
.reader-weekly-panel .eyebrow { color: #d7f76a; }
.reader-weekly-panel p:not(.eyebrow) { color: #e4f0f3; }
.reader-weekly-panel .button-outline { border-color: #75d8e5; background: transparent; color: #fff; }
.reader-weekly-mark { display: grid; width: 104px; aspect-ratio: 1; place-items: center; border: 1px solid #b0f6f8; border-radius: 28px; background: linear-gradient(145deg, #54dff4, #10546b 48%, #071522); color: #fff; font-size: 1.8rem; font-weight: 900; box-shadow: inset -8px -12px 18px #0715225c, 0 15px 27px #07152266; transform: rotate(-7deg); }
.reader-punjabi-panel { margin: 10px 0 25px; padding: clamp(20px, 4vw, 38px); border: 1px solid #2f6574; border-radius: 22px; background: linear-gradient(135deg, #10263c, #164358 72%, #0e5968); color: #fff; font-family: var(--gurmukhi); }
.reader-punjabi-panel h2 { margin: .55rem 0 .8rem; color: #fff; font-size: clamp(1.45rem, 3.2vw, 2.25rem); line-height: 1.4; }
.reader-punjabi-panel p:not(.eyebrow) { max-width: 800px; color: #eef8f8; font-size: 1rem; line-height: 1.75; }
.reader-punjabi-panel .eyebrow { color: #d7f76a; font-family: var(--sans); }
.reader-punjabi-panel .button-red { background: #f1f8f9; color: #10263c; }
.reader-advertise-panel { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(180px, .65fr); gap: 22px; align-items: center; padding: clamp(20px, 4vw, 38px); border: 1px solid #294b5c; border-radius: 24px; background: linear-gradient(130deg, #071522, #102b40 63%, #15485d); color: #fff; }
.reader-advertise-panel h2 { margin: .55rem 0 .8rem; color: #fff; font-family: var(--serif); font-size: clamp(1.8rem, 3.5vw, 2.75rem); line-height: 1.08; }
.reader-advertise-panel p:not(.eyebrow) { max-width: 640px; color: #e2eef2; line-height: 1.65; }
.reader-advertise-panel .eyebrow { color: #d7f76a; }
.reader-advertise-art { position: relative; width: min(100%, 220px); aspect-ratio: 1; justify-self: center; border: 1px solid #7ce5ed; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #e6ffff 0 5%, #54dff4 6% 12%, transparent 13%), radial-gradient(circle at 50% 52%, #1b7184 0 18%, #071522 19% 45%, transparent 46%), linear-gradient(145deg, #123c51, #54dff4 50%, #d7f76a 52%, #164258 72%); box-shadow: inset -13px -18px 30px #07152280, inset 6px 7px 18px #ffffff55, 0 18px 30px #07152260; }
.reader-ad-orbit { position: absolute; inset: 12%; border: 1px solid #eaffff; border-radius: 50%; transform: rotateX(67deg) rotateZ(-25deg); box-shadow: 0 0 0 12px #54dff42b; }
.reader-ad-core { position: absolute; inset: 40%; display: grid; place-items: center; border-radius: 50%; background: #071522; color: #d7f76a; font-size: .75rem; font-weight: 900; }
.reader-ad-base { position: absolute; right: -5%; bottom: 20%; left: -5%; height: 1px; background: #f2ffffd2; transform: rotate(-16deg); }
.reader-source-note { margin-top: 22px; color: #506571; font-size: .79rem; }
.reader-source-note a { color: #075d75; font-weight: 750; }
.site-footer.reader-footer { margin-top: 0; }

@media (max-width: 900px) {
  .reader-page-hero { grid-template-columns: minmax(0, 1fr) 180px; gap: 16px; }
  .reader-hero-art { width: 175px; }
  .reader-story-grid,.reader-directory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reader-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reader-article-layout { grid-template-columns: minmax(0, 1fr) 245px; gap: 22px; }
}
@media (max-width: 760px) {
  .reader-page { padding-top: 16px; }
  .reader-page-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 24px; }
  .reader-page-copy { max-width: none; }
  .reader-hero-art { position: absolute; right: -55px; bottom: -68px; width: 190px; opacity: .18; }
  .reader-region-grid { grid-template-columns: minmax(0, 1fr); }
  .reader-region-grid .region-card { min-height: 145px; }
  .reader-story-grid,.reader-directory-grid { grid-template-columns: minmax(0, 1fr); }
  .reader-story-card-body { padding: 14px 16px 17px; }
  .reader-home-lead { grid-template-columns: minmax(0, 1fr); gap: 17px; padding: 16px; }
  .reader-lead-art:not(.reader-lead-photo) { min-height: 150px; }
  .reader-lead-photo { min-height: 0; aspect-ratio: 16 / 10; }
  .reader-action-grid { grid-template-columns: minmax(0, 1fr); }
  .reader-article-layout { grid-template-columns: minmax(0, 1fr); }
  .reader-article-aside { order: 2; }
  .reader-contact-grid { grid-template-columns: minmax(0, 1fr); }
  .reader-weekly-panel { grid-template-columns: 70px minmax(0, 1fr); gap: 15px; }
  .reader-weekly-mark { width: 68px; border-radius: 19px; font-size: 1.3rem; }
  .reader-advertise-panel { grid-template-columns: minmax(0, 1fr); }
  .reader-advertise-art { width: 145px; }
}
@media (max-width: 440px) {
  .reader-page-hero { padding: 20px; border-radius: 18px; }
  .reader-page-copy h1,.reader-region-intro h1 { font-size: 2.05rem; }
  .reader-story-card h3 { font-size: 1.08rem; }
  .reader-weekly-panel { grid-template-columns: minmax(0, 1fr); }
  .reader-weekly-mark { width: 58px; }
  .reader-action-row { align-items: stretch; }
  .reader-action-row > a { width: 100%; justify-content: center; }
}

/* Apna News Reader additions: carried-over widget placements */
.reader-sidebar-strip { margin: 2rem 0; }
.reader-sidebar-strip-inner { display: grid; gap: 1rem; max-width: 560px; }
.anr-widget { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.1rem; margin-bottom: 1rem; }
.anr-widget-title { font-family: var(--serif); color: var(--navy); margin: 0 0 .5rem; font-size: 1.15rem; }
.anr-footer-utility { padding: .5rem 0; }
.anr-footer-widget ul { list-style: none; margin: 0; padding: 0; }
.anr-footer-widget li { margin: .3rem 0; }
.footer-menu { display: inline-flex; gap: 1rem; flex-wrap: wrap; }
.footer-menu a { color: inherit; }

/* Carried from the old theme's Additional CSS (cleaned): post 2606 display rules.
   On "Surrey Election Results 2026: Live Updates" the featured image stays set for
   og:image/social only, and the in-article house ad link stays hidden, as before. */
body.postid-2606 .reader-story-media { display: none !important; }
body.postid-2606 .reader-article-body a[href="https://apnanews.ca/advertise/"] { display: none !important; }
body.postid-2606 .reader-article-body .apna-ad-label { display: none !important; }
.anr-widget img, .reader-sidebar-strip img { max-width: 100%; height: auto; }

/* v0.1.5: region chooser cards — text lifted above the gradient overlay (it rendered faded),
   latest-story line inside each card (auto-pulled in front-page.php), plain logo mark. */
.reader-region-grid .region-card > * { position: relative; z-index: 1; }
.reader-region-grid .region-card { justify-content: flex-start; }
.region-card-kicker { color: #f1d89d; }
.reader-region-grid .region-card h2 { color: #ffffff; }
.reader-region-grid .region-card h2 a { color: #ffffff; text-decoration: none; }
.reader-region-grid .region-card h2 a:hover { text-decoration: underline; }
.region-card-latest { max-width: none !important; margin-top: 14px !important; padding-top: 10px; border-top: 1px solid rgb(255 255 255 / 28%); }
.region-card-latest-label { display: block; font-size: .62rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; color: #f1d89d; }
.region-card-latest-title { display: block; margin-top: 3px; font-family: var(--serif); font-size: 1.02rem; line-height: 1.28; color: #ffffff; text-decoration: none; }
.region-card-latest-title:hover { text-decoration: underline; }
.region-card-latest-date { display: block; margin-top: 3px; font-size: .72rem; color: #cfe0e6; }
.region-card-arrow { position: absolute !important; top: 14px; right: 17px; color: #ffffff; font-size: 1.15rem; }
.brand-mark { flex: 0 0 auto; align-self: center; width: 42px; height: 38px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; object-fit: contain; }
.wordmark-footer .brand-mark { flex-basis: auto; width: 36px; height: 32px; }

/* v0.1.6: sitewide color pass (Thorx order 2026-10-21) — accent red is now blue via
   --red/--red-deep above, warm ivory surfaces cooled, and plain content tables get
   real styling so results and guide tables render dark and crisp. */
.reader-article-body table { width: 100%; border-collapse: collapse; margin: 18px 0 26px; background: #ffffff; font-family: var(--sans); font-size: .95rem; line-height: 1.45; }
.reader-article-body thead th { background: var(--navy); color: #ffffff; text-align: left; padding: 10px 12px; font-size: .78rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.reader-article-body tbody td { padding: 9px 12px; border-bottom: 1px solid #dbe5ec; color: #16232c; vertical-align: top; }
.reader-article-body tbody tr:nth-child(even) td { background: #f2f7fa; }
.reader-article-body tbody tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) { .reader-article-body table { font-size: .88rem; } .reader-article-body thead th, .reader-article-body tbody td { padding: 8px 9px; } }

/* v0.1.7: mobile header (Thorx order 2026-10-21) — the "apna NEWS." text wordmark is
   removed on phones; the white a. logo sits centred in the navy navigation band.
   Logo files renamed (apna-logo-navy.webp / apna-logo-white.webp) because the old
   filenames served a stale white artwork in the header slot. */
.nav-brand { display: none; }
@media (max-width: 760px) {
  .masthead .wordmark { display: none; }
  .masthead { grid-template-columns: minmax(0, 1fr); }
  .nav-wrap { position: relative; }
  .nav-brand { display: flex; align-items: center; position: absolute; left: 50%; top: 27px; transform: translate(-50%, -50%); z-index: 2; }
  .nav-brand img { height: 38px; width: auto; }
}

/* v0.1.8: news-first hierarchy adapted from general news-site patterns (TheStreet
   research, 2026-10-21) — original implementation in the Apna navy/blue system:
   lead + Latest rail up top, browse chips, See-all section headers with a heavy
   navy rule, a Recent stories list, Keep-reading on articles, archive story
   counts and a wide first archive card. No third-party assets, text or code. */
.reader-top { display: grid; grid-template-columns: minmax(0, 1.85fr) minmax(270px, 1fr); gap: 20px; align-items: stretch; margin: 6px 0 28px; }
.reader-top .reader-home-lead { margin: 0; height: 100%; grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); }
.reader-lead-photo img { object-fit: cover; }
.reader-lead-photo img.is-contain { object-fit: contain; }
.reader-latest { padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 9px 24px #10263c08; }
.reader-latest-heading h2 { margin: .25rem 0 .35rem; color: var(--navy); font-family: var(--serif); font-size: 1.5rem; line-height: 1.1; }
.reader-latest-list { list-style: none; margin: 0; padding: 0; }
.reader-latest-list li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.reader-latest-list li:last-child { border-bottom: 0; padding-bottom: 2px; }
.reader-latest-num { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--navy); color: #fff; font-size: .72rem; font-weight: 850; }
.reader-latest-label, .reader-recent-label { display: block; margin-bottom: 2px; color: #075d75; font-size: .64rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.reader-latest-title { display: block; color: var(--navy); font-family: var(--serif); font-size: 1rem; font-weight: 650; line-height: 1.28; text-decoration: none; }
.reader-latest-title:hover { text-decoration: underline; text-underline-offset: 3px; }
.reader-latest-time { display: block; margin-top: 3px; color: #506571; font-size: .72rem; }
.reader-chips { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 2px 0 26px; }
.reader-chips-label { margin-right: 2px; color: var(--muted); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.reader-chip { padding: .42rem .75rem; border: 1px solid #c3d3dd; border-radius: 999px; background: #fff; color: var(--navy); font-size: .8rem; font-weight: 700; text-decoration: none; }
.reader-chip:hover { border-color: var(--navy); color: var(--navy); }
.reader-section-heading { border-top: 3px solid var(--navy); padding-top: 16px; }
.reader-see-all { display: inline-flex; align-items: center; gap: .3rem; margin-left: auto; padding: .45rem .8rem; border: 1px solid var(--navy); border-radius: 999px; color: var(--navy); font-size: .78rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.reader-see-all:hover { background: var(--navy); color: #fff; }
.reader-recent-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 26px; list-style: none; margin: 0; padding: 0; }
.reader-recent-list li { padding: 11px 0; border-bottom: 1px solid var(--line); }
.reader-recent-list a { color: var(--navy); font-family: var(--serif); font-size: 1.02rem; font-weight: 650; line-height: 1.3; text-decoration: none; }
.reader-recent-list a:hover { text-decoration: underline; text-underline-offset: 3px; }
.reader-recent-time { margin-left: 8px; color: #506571; font-family: var(--sans); font-size: .72rem; white-space: nowrap; }
.reader-keep-reading { margin-top: 44px; }
.reader-archive-count { margin: .35rem 0 0; color: #075d75; font-size: .74rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
@media (min-width: 981px) {
  .reader-archive-grid > .reader-story-card:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
  .reader-archive-grid > .reader-story-card:first-child .reader-story-media { height: 100%; }
  .reader-archive-grid > .reader-story-card:first-child .reader-story-image { height: 100%; aspect-ratio: auto; }
  .reader-archive-grid > .reader-story-card:first-child .reader-story-card-body { align-self: center; padding: 22px 24px; }
  .reader-archive-grid > .reader-story-card:first-child h3 { font-size: 1.45rem; }
}
@media (max-width: 1100px) { .reader-top { grid-template-columns: minmax(0, 1.55fr) minmax(250px, 1fr); } }
@media (max-width: 980px) {
  .reader-top { grid-template-columns: minmax(0, 1fr); }
  .reader-latest-list { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 18px; }
}
@media (max-width: 760px) {
  .reader-top .reader-home-lead { grid-template-columns: minmax(0, 1fr); }
  .reader-recent-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) { .reader-latest-list { grid-template-columns: minmax(0, 1fr); } }

/* v0.1.9: comparison round (TheStreet vs Apna, 2026-10-21) — sticky nav band,
   even cards with a branded no-photo treatment, pill labels, an Editor's picks
   navy band, a full-width newsletter strip, and the E-Weekly widget recolored
   from its old black/red scheme into the site's navy/blue. */
html { scroll-padding-top: 88px; }
.navigation-band { position: sticky; top: 0; z-index: 200; box-shadow: 0 8px 22px rgb(7 21 34 / 16%); }
body.admin-bar .navigation-band { top: 32px; }
@media (max-width: 782px) { body.admin-bar .navigation-band { top: 46px; } }
.reader-story-card { display: flex; flex-direction: column; }
.reader-story-card-body { flex: 1; display: flex; flex-direction: column; }
.reader-story-card-body .reader-story-byline { margin-top: auto; padding-top: 10px; }
.reader-story-media--none { display: grid; place-items: center; aspect-ratio: 16 / 10; margin: 0; background: radial-gradient(circle at 82% 12%, rgb(84 223 244 / 30%), transparent 55%), linear-gradient(140deg, #071522, #12364b 55%, #1b6172); }
.reader-noimg-mark { color: #fff; font-family: var(--serif); font-size: 3rem; font-weight: 700; line-height: 1; }
.reader-noimg-mark i { color: var(--signal-cyan); font-style: normal; }
.reader-story-label span { padding: .14rem .5rem; border: 1px solid #c3d3dd; border-radius: 999px; background: #f2f7fa; }
.reader-story-label span + span::before { content: none; margin-right: 0; }
.reader-lead-copy h2 { font-size: clamp(2rem, 3.6vw, 3.05rem); }
.reader-picks { padding: 26px; border-radius: 24px; background: radial-gradient(circle at 92% 0%, rgb(84 223 244 / 14%), transparent 22rem), linear-gradient(130deg, var(--navy-deep), var(--navy) 70%, #173b54); }
.reader-picks .reader-section-heading { border-top-color: var(--signal-cyan); }
.reader-picks .reader-section-heading h2 { color: #fff; }
.reader-picks .eyebrow { color: #bfe9f5; }
.reader-sidebar-strip-inner { max-width: none; }
.reader-sidebar-strip .anr-widget > div { height: 100%; box-sizing: border-box; }
@media (min-width: 981px) {
  .reader-sidebar-strip-inner { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: stretch; }
  .reader-archive-grid > .reader-story-card:first-child { display: grid; }
}
@media (max-width: 640px) { .reader-picks { padding: 18px; } }
/* E-Weekly subscribe widget + Google trusted-source widget: navy/blue scheme. */
.apna-eweekly-subscribe { background: #0d2136 !important; }
.reader-sidebar-strip .apna-eweekly-subscribe { max-width: none !important; margin: 0 !important; height: 100%; }
.apna-eweekly-subscribe .ew-btn { background: #1668b4 !important; }
.apna-eweekly-subscribe .ew-btn:hover { background: #0f4e86 !important; }
.apna-eweekly-subscribe .ew-brand .dot { color: #54dff4 !important; }
.apna-eweekly-subscribe .ew-consent input { accent-color: #1668b4 !important; }
.anr-widget a[href*="google.com/preferences/source"] { background: #1668b4 !important; }