/* data.election.ltd - geography pages (moved from atlas.election.ltd).
   The component rules from the Aurora theme, scoped under .atl and recoloured to the Neural
   palette; the page frame, panels' outer look and fonts come from neural.css. Generated from
   Election.Atlas/wwwroot/css/aurora-bharat.css by move_atlas.py, then hand-tuned below the marker. */

.atl {
  --g0: #0B0B10; --g1: #14141C; --g2: #1A1A25;
  --ink: #EDECF6; --ink2: #B7B6CA; --ink3: #9392A8; --ink4: #6F6E86;
  --line: rgba(255,255,255,.07); --line2: rgba(255,255,255,.13);
  --saf: #D946EF; --wht: #EDECF6; --grn: #3B82F6; --grnL: #93C5FD;
  --chakra: #8B5CF6; --chakraL: #C4B5FD;
  --warn: #F5C26B;
  --fd: var(--display); --fb: var(--body); --fm: var(--mono);
  --r: 16px;
}

.atl *::before, .atl *::after { box-sizing: border-box; }
.atl h1, .atl h2, .atl h3 { text-wrap: balance; }
.atl .num, .atl .mono { font-family: var(--fm); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1, "zero" 0; }
@keyframes drift1 { to { transform: translateX(9%) rotate(-4deg); } }
@keyframes drift2 { to { transform: translateX(-7%) rotate(-9deg); } }
@keyframes drift3 { to { transform: translateX(-10%) rotate(-5deg); } }
.atl .crumbs { min-width: 0; flex: 1 1 auto; }
.atl .crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; font-family: var(--fm); font-size: 12.5px; color: var(--ink3); }
.atl .crumbs li { display: inline-flex; align-items: center; min-width: 0; }
.atl .crumbs li + li::before { content: "/"; margin: 0 10px; color: var(--ink4); }
.atl .crumbs a { color: var(--ink2); text-decoration: none; padding: 3px 6px; margin: -3px -6px; border-radius: 6px; }
.atl .crumbs a:hover { color: var(--ink); background: rgba(255,255,255,.05); }
.atl .crumbs [aria-current="page"] { color: var(--ink); overflow-wrap: anywhere; }
.atl .status { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(59,130,246,.38);
  background: rgba(59,130,246,.13); font-family: var(--fm); font-size: 12px; color: var(--ink); white-space: nowrap; }
.atl .status svg { width: 14px; height: 14px; color: #93C5FD; stroke: currentColor; fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.atl .status.warn { border-color: rgba(245,194,107,.45); background: rgba(245,194,107,.10); }
.atl .status.warn svg { color: var(--warn); }
.atl .retrieved { font-family: var(--fm); font-size: 11.5px; color: var(--ink3); white-space: nowrap; }
.atl .ctx { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 28px; padding: 30px 0 22px; }
@keyframes spin { to { transform: rotate(360deg); } }
.atl .ctx > div:not(.wmbox) { position: relative; min-width: 0; }
.atl .eyebrow { font-family: var(--fm); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink3); display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.atl .eyebrow [lang="hi"] { letter-spacing: 0; text-transform: none; font-size: 14px; color: var(--ink2); }
.atl .eyebrow .dotsep { width: 4px; height: 4px; border-radius: 50%; background: var(--ink4); }
.atl h1 { margin: 8px 0 0; font-family: var(--fd); font-weight: 600; font-size: 44px; line-height: 1.05; letter-spacing: -.01em; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; overflow-wrap: anywhere; }
.atl .tri { background: linear-gradient(90deg, #F0ABFC 0%, #EDECF6 50%, #93C5FD 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.atl h1 .tri { font-family: var(--fb); font-weight: 600; font-size: 34px; letter-spacing: 0; }
.atl .sub { margin: 8px 0 0; color: var(--ink2); font-size: 15px; max-width: 80ch; }
.atl .switch { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.atl .field { display: flex; flex-direction: column; justify-content: center; gap: 1px; padding: 6px 14px; border: 1px solid var(--line2); border-radius: 12px; background: rgba(20,20,28,.72); }
.atl .field small { font-family: var(--fm); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.atl .field b { font-family: var(--fd); font-weight: 500; font-size: 14px; white-space: nowrap; }
.atl .field b [lang="hi"] { font-weight: 500; color: var(--ink2); margin-left: 6px; }
.atl .panel { position: relative; min-width: 0; border-radius: var(--r); padding: 20px 22px; border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(26,26,37,.80), rgba(20,20,28,.86));
  -webkit-backdrop-filter: blur(16px) saturate(125%); backdrop-filter: blur(16px) saturate(125%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 30px 60px -34px rgba(0,0,0,.75); }
.atl .panel::before { content: ""; position: absolute; left: 16px; right: 16px; top: -1px; height: 1px; border-radius: 1px;
  background: linear-gradient(90deg, transparent, #D946EF 18%, #EDECF6 50%, #93C5FD 82%, transparent); }
.atl .panel::after { content: ""; position: absolute; left: 18%; right: 18%; top: 0; height: 28px; pointer-events: none;
  background: radial-gradient(60% 100% at 50% 0, rgba(255,255,255,.07), transparent 70%); }
.atl .ph { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; margin-bottom: 14px; }
.atl .ph > div { min-width: 0; }
.atl .ph h2 { margin: 0; font-family: var(--fd); font-weight: 600; font-size: 15px; letter-spacing: .07em; text-transform: uppercase; }
.atl .ph .k { display: block; font-family: var(--fm); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); margin-bottom: 3px; }
.atl .ph .k [lang="hi"] { letter-spacing: 0; text-transform: none; font-size: 13px; color: var(--ink2); }
.atl .tags { display: flex; flex-wrap: wrap; gap: 6px; }
.atl .tag { display: inline-flex; align-items: center; gap: 6px; font-family: var(--fm); font-size: 11px; color: var(--ink2); padding: 4px 9px; border-radius: 999px; border: 1px solid var(--line2); background: rgba(255,255,255,.03); white-space: nowrap; }
.atl .tag.blue { border-color: rgba(196,181,253,.4); background: rgba(139,92,246,.14); color: #E9D5FF; }
.atl .tag.sc, .atl .tag.st { border-color: rgba(217,70,239,.45); color: #F0ABFC; background: rgba(217,70,239,.08); }
.atl .muted { color: var(--ink3); }
.atl .notice { position: relative; margin: 0; padding: 16px 18px; border-radius: 14px; border: 1px dashed var(--line2); background: rgba(11,11,16,.45); color: var(--ink2); font-size: 14.5px; }
.atl .notice strong { color: var(--ink); font-weight: 600; }
.atl .notice.warn { border-color: rgba(245,194,107,.45); }
.atl .panel-text { margin: 0; color: var(--ink2); font-size: 15px; }
.atl .panel-text a, .atl .notice a { color: #E9D5FF; text-underline-offset: 3px; }
.atl .kpis { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.atl .kpi { padding: 14px 16px 15px; border-radius: 15px; }
.atl .kpi .lab { font-family: var(--fm); font-size: 10.5px; letter-spacing: .13em; text-transform: uppercase; color: var(--ink3); line-height: 1.45; }
.atl .kpi .lab [lang="hi"] { display: block; letter-spacing: 0; text-transform: none; font-family: var(--fb); font-size: 12.5px; color: var(--ink2); }
.atl .kpi .val { margin-top: 6px; font-family: var(--fd); font-weight: 600; font-size: 31px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.01em; white-space: nowrap; }
.atl .kpi .val u { text-decoration: none; font-size: 15px; font-weight: 500; color: var(--ink2); margin-left: 4px; letter-spacing: 0; }
.atl .kpi.absent { border-style: dashed; background: rgba(11,11,16,.45); }
.atl .kpi.absent .val { font-family: var(--fb); font-size: 17px; font-weight: 500; color: var(--ink2); white-space: normal; line-height: 1.25; }
@keyframes matIn { from { opacity: .3; filter: blur(7px); transform: translateY(4px); } }
.atl .kpi .foot { margin-top: 8px; font-size: 12.5px; color: var(--ink3); line-height: 1.35; }
.atl .kpi .foot .mono { font-size: 11.5px; color: var(--ink2); }
.atl .kpi.has-mini { padding-right: 64px; }
.atl .kpi .mini { position: absolute; right: 14px; top: 30px; width: 42px; height: 42px; }
.atl .kpi-note { margin: 10px 2px 0; font-size: 12.5px; color: var(--ink3); }
@supports (grid-template-rows: subgrid) {
.atl .kpi { display: grid; grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
.atl .kpi .lab { align-self: start; }
.atl .kpi .foot { align-self: start; }
}
.atl .board { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 16px; margin-top: 16px; align-items: stretch; }
.atl .stack > .panel:last-child { flex: 1 1 auto; }
.atl .s4 { grid-column: span 4; }
.atl .s5 { grid-column: span 5; }
.atl .s6 { grid-column: span 6; }
.atl .s7 { grid-column: span 7; }
.atl .s8 { grid-column: span 8; }
.atl .s12 { grid-column: span 12; }
.atl .stack { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.atl .pair { display: contents; }
.atl .gauges { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.atl .cg { margin: 0; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 14px 10px 12px; border-radius: 14px; border: 1px solid var(--line); background: rgba(11,11,16,.45); }
.atl .cg svg { display: block; width: 100%; max-width: 168px; height: auto; aspect-ratio: 1; }
.atl .cg figcaption { margin-top: 8px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.atl .cg .pct { font-family: var(--fm); font-weight: 600; font-size: 24px; line-height: 1.1; text-shadow: 0 0 18px rgba(196,181,253,.55); }
.atl .cg .lbl { font-family: var(--fm); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink3); }
.atl .cg .lbl [lang="hi"] { display: block; letter-spacing: 0; text-transform: none; font-family: var(--fb); font-size: 12.5px; color: var(--ink2); }
.atl .cg .of { font-family: var(--fm); font-size: 12px; color: var(--ink2); }
.atl .cg .gap { font-size: 12.5px; color: var(--ink3); }
.atl .cg.absent .pct { font-family: var(--fb); font-size: 16px; font-weight: 500; text-shadow: none; color: var(--ink2); }
.atl .spk.on { fill: #C4B5FD; }
@keyframes spkIn { from { fill: #EDECF6; opacity: .2; } }
.atl .dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 7px 14px; font-size: 13px; }
.atl .dl dt { color: var(--ink3); font-size: 12.5px; }
.atl .dl dd { margin: 0; text-align: right; font-family: var(--fm); font-size: 13px; }
.atl .rank { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.atl .rank li { display: grid; grid-template-columns: 22px minmax(0,1.1fr) minmax(0,1.4fr) 88px; gap: 10px; align-items: center; padding: 6px 0; border-top: 1px solid var(--line); }
.atl .rank li:first-child { border-top: 0; }
.atl .rank.norank li { grid-template-columns: minmax(0,1.1fr) minmax(0,1.4fr) 88px; }
@supports (grid-template-columns: subgrid) {
.atl .rank { display: grid; grid-template-columns: 22px minmax(0,1.1fr) minmax(0,1.4fr) auto; column-gap: 10px; }
.atl .rank.norank { grid-template-columns: minmax(0,1.1fr) minmax(0,1.4fr) auto; }
.atl .rank li, .atl .rank.norank li { grid-column: 1 / -1; grid-template-columns: subgrid; }
}
.atl .rank .rk { font-family: var(--fm); font-size: 11.5px; color: var(--ink3); text-align: right; }
.atl .rank .who { min-width: 0; font-size: 14px; line-height: 1.25; }
.atl .rank .who a { text-decoration: none; }
.atl .rank .who a:hover { text-decoration: underline; text-underline-offset: 3px; }
.atl .rank .who small { display: block; font-size: 12px; color: var(--ink3); }
.atl .rank .bar { position: relative; height: 12px; border-radius: 0 4px 4px 0; background: rgba(255,255,255,.05); }
.atl .rank .bar i { position: absolute; left: 0; top: 2px; bottom: 2px; min-width: 2px; border-radius: 0 4px 4px 0;
  background: linear-gradient(90deg, rgba(196,181,253,.45), var(--chakraL)); box-shadow: 0 0 10px rgba(196,181,253,.45); transform-origin: left; }
.atl .rank .v { font-family: var(--fm); font-size: 13px; text-align: right; white-space: nowrap; line-height: 1.25; }
.atl .rank .v small { display: block; font-size: 11px; color: var(--ink3); }
@keyframes grow { from { transform: scaleX(.03); } }
.atl .ct { display: grid; grid-template-columns: 48px minmax(36px,1fr); gap: 2px 8px; align-items: center; min-width: 118px; }
.atl .ct .p { font-family: var(--fm); font-size: 13px; text-align: right; }
.atl .ct .t { position: relative; height: 6px; border-radius: 3px; background: rgba(255,255,255,.08); }
.atl .ct .t i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: linear-gradient(90deg, rgba(196,181,253,.5), var(--chakraL)); box-shadow: 0 0 10px rgba(196,181,253,.45); transform-origin: left; }
.atl .ct .t i.full { background: linear-gradient(90deg, rgba(59,130,246,.55), #93C5FD); box-shadow: 0 0 10px rgba(59,130,246,.45); }
.atl .ct .o { grid-column: 1 / -1; font-family: var(--fm); font-size: 11px; color: var(--ink3); text-align: right; white-space: nowrap; }
.atl .ct.absent { display: block; font-size: 12.5px; color: var(--ink3); text-align: right; min-width: 0; }
.atl .ins-grid { display: grid; grid-template-columns: repeat(var(--cols, 5), minmax(0,1fr)); gap: 0; list-style: none; margin: 0; padding: 0; }
.atl .ins { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 4px 18px; border-left: 1px solid var(--line); min-width: 0; }
.atl .ins:first-child { border-left: 0; padding-left: 0; }
.atl .ins-grid.six { row-gap: 16px; }
.atl .ins-grid.six .ins:nth-child(4) { border-left: 0; padding-left: 0; }
.atl .ins .id { display: flex; align-items: center; gap: 8px; font-family: var(--fm); font-size: 10.5px; letter-spacing: .12em; color: var(--ink3); }
.atl .ins .id i { width: 6px; height: 6px; border-radius: 50%; background: var(--chakraL); box-shadow: 0 0 10px var(--chakraL); }
.atl .ins:nth-child(2) .id i { animation-delay: .25s; }
.atl .ins:nth-child(3) .id i { animation-delay: .5s; }
.atl .ins:nth-child(4) .id i { animation-delay: .75s; }
.atl .ins:nth-child(5) .id i { animation-delay: 1s; }
@keyframes blink { 50% { opacity: .3; transform: scale(1.8); } }
.atl .ins p { margin: 8px 0 12px; font-size: 14.5px; line-height: 1.45; color: var(--ink); }
.atl .ins p b { font-family: var(--fm); font-weight: 600; font-size: 13.5px; color: #F0ABFC; }
.atl .ins code { margin-top: auto; display: inline-block; font-family: var(--fm); font-size: 11px; color: #E9D5FF; padding: 3px 8px; border-radius: 7px; border: 1px solid rgba(196,181,253,.3); background: rgba(139,92,246,.12); max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.45; }
.atl .tw { overflow-x: auto; margin: 0 -22px; padding: 0 22px; -webkit-overflow-scrolling: touch; }
.atl .tw.scrolls:not(.at-end) { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 56px), transparent); }
.atl .tw table { width: 100%; border-collapse: separate; border-spacing: 0; }
.atl .tw.states table { min-width: 1000px; }
.atl .tw.pcs table { min-width: 720px; }
.atl .tw th { font-family: var(--fm); font-weight: 500; font-size: 10.5px; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; color: var(--ink3); text-align: left; padding: 0 8px 10px; border-bottom: 1px solid var(--line2); vertical-align: bottom; }
.atl .tw td { padding: 9px 8px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.atl .tw.states .c-nm { min-width: 180px; }
@media (min-width: 761px) {
.atl .tw.states td.c-c1, .atl .tw.states td.c-c2, .atl .tw.states td.c-c3 { padding-left: 16px; }
.atl .tw.states td.c-c3 .ct { min-width: 136px; }
}
.atl .tw th.r, .atl .tw td.r { text-align: right; }
.atl .tw tbody tr { transition: background .15s; }
.atl .tw tbody tr:hover { background: rgba(139,92,246,.09); }
.atl .tw td.num { font-size: 13px; white-space: nowrap; }
.atl .tw .nm { font-family: var(--fd); font-weight: 500; font-size: 14px; text-decoration: none; }
.atl .tw a.nm:hover { text-decoration: underline; text-underline-offset: 3px; color: #E9D5FF; }
.atl .tw .nm-hi { display: block; font-family: var(--fb); font-size: 13px; color: var(--ink2); line-height: 1.3; }
.atl .tw .idx { font-family: var(--fm); font-size: 12px; color: var(--ink3); }
.atl .tw .ty { font-size: 12.5px; color: var(--ink2); white-space: nowrap; }
.atl .tw .none { font-family: var(--fb); font-size: 12.5px; color: var(--ink3); white-space: nowrap; }
.atl .mb { position: relative; width: 120px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.07); }
.atl .mb i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 0 3px 3px 0; background: linear-gradient(90deg, rgba(217,70,239,.5), #D946EF); box-shadow: 0 0 10px rgba(217,70,239,.45); transform-origin: left; }
.atl .tcap { font-family: var(--fm); font-size: 11px; color: var(--ink3); }
.atl .tfoot-note { margin: 12px 0 0; font-size: 12.5px; color: var(--ink3); }
.atl .split { display: flex; gap: 2px; height: 12px; border-radius: 6px; overflow: hidden; margin: 6px 0 8px; }
.atl .split span { height: 100%; min-width: 0; }
.atl .split .m { background: linear-gradient(90deg, #8B5CF6, var(--chakraL)); }
.atl .split .f { background: linear-gradient(90deg, #D9E1E4, #AFC0C6); }
.atl .splitcap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; font-size: 12.5px; color: var(--ink2); }
.atl .splitcap b { font-family: var(--fm); font-weight: 600; color: var(--ink); }
.atl .splitcap .sq { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 6px; vertical-align: 1px; }
.atl .dist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 16px; }
.atl .dist li { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 8px; align-items: baseline; padding: 6px 0; border-top: 1px solid var(--line); font-size: 13.5px; min-width: 0; }
.atl .dist li span:last-child { overflow-wrap: anywhere; }
.atl .dist.spaced { margin-top: 14px; }
.atl .dist .idx { font-family: var(--fm); font-size: 11.5px; color: var(--ink3); text-align: right; }
.atl .switch { position: relative; min-width: 0; }
.atl a.field { text-decoration: none; transition: border-color .15s, background .15s; }
.atl a.field:hover { border-color: rgba(196,181,253,.5); background: rgba(139,92,246,.14); color: var(--ink); }
.atl a.field small svg { vertical-align: -1px; margin-left: 2px; }
.atl .field b.none { font-family: var(--fb); font-weight: 400; color: var(--ink3); }
.atl .ratio { display: flex; align-items: baseline; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.atl .ratio b { font-family: var(--fm); font-weight: 600; font-size: 26px; line-height: 1; }
.atl .ratio span { font-size: 12.5px; color: var(--ink3); }
.atl .kpis.five { grid-template-columns: repeat(5, minmax(0,1fr)); }
.atl .gauges.one { grid-template-columns: minmax(0,1fr); }
.atl .gauges.one .cg { border: 0; background: transparent; padding: 4px 0 0; }
.atl .gauges.one .cg svg { max-width: 196px; }
.atl .geo { margin: 0; }
.atl .panel.map-panel { display: flex; flex-direction: column; }
.atl .map-panel .geo { flex: 1 1 auto; display: flex; flex-direction: column; }
.atl .map-panel .geo-map { flex: 1 1 auto; height: auto; min-height: 520px; }
.atl .geo-map { position: relative; z-index: 0; isolation: isolate; height: 520px; width: 100%; overflow: hidden; border-radius: 14px; border: 1px solid var(--line2);
  background:
    radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.3px) 0 0 / 22px 22px,
    radial-gradient(120% 90% at 50% 40%, rgba(139,92,246,.16), transparent 70%),
    #0F0F16;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 50px -30px rgba(0,0,0,.8); }
.atl .geo-fallback { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.atl .geo-halo { fill: none; stroke: #D946EF; stroke-opacity: .2; stroke-width: 10; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.atl .geo-ring { fill: rgba(59,130,246,.08); stroke: #D946EF; stroke-width: 2.2; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.atl .geo-dots circle { fill: #93C5FD; stroke: #0B0B10; stroke-width: 1; vector-effect: non-scaling-stroke; }
.atl .geo-map.leaflet-container { background: #0F0F16; font: 13px/1.4 var(--fb); color: var(--ink); }
.atl .geo-map .leaflet-tile-pane { filter: invert(1) hue-rotate(180deg) brightness(.88) contrast(.92) saturate(.45); }
.atl .geo-map.leaflet-container a { color: #E9D5FF; }
.atl .geo-map .leaflet-bar { border: 1px solid var(--line2); border-radius: 11px; overflow: hidden; background: rgba(20,20,28,.9); box-shadow: 0 12px 30px -14px rgba(0,0,0,.85); }
.atl .geo-map .leaflet-bar a { width: 34px; height: 34px; line-height: 32px; border-radius: 0; background: transparent; color: var(--ink); border-bottom: 1px solid var(--line2); font: 500 18px/32px var(--fm); }
.atl .geo-map .leaflet-bar a:last-child { border-bottom: 0; }
.atl .geo-map .leaflet-bar a:hover { background: rgba(139,92,246,.3); color: #fff; }
.atl .geo-map .leaflet-bar a.leaflet-disabled { background: transparent; color: var(--ink4); }
.atl .geo-map .leaflet-bar a:focus-visible { outline: 2px solid var(--chakraL); outline-offset: -3px; box-shadow: none; border-radius: 0; }
.atl .geo-map .leaflet-control-attribution { background: rgba(11,11,16,.88); color: var(--ink2); font: 11px/1.6 var(--fm); padding: 1px 8px; border-top-left-radius: 8px; }
.atl .geo-map .leaflet-control-attribution a { color: #E9D5FF; }
.atl .geo-map .leaflet-popup-content-wrapper { position: relative; background: rgba(20,20,28,.96); color: var(--ink); border: 1px solid rgba(196,181,253,.4); border-radius: 11px; box-shadow: 0 18px 40px -12px rgba(0,0,0,.85); }
.atl .geo-map .leaflet-popup-content-wrapper::before { content: ""; position: absolute; left: 12px; right: 12px; top: -1px; height: 1px; background: linear-gradient(90deg, transparent, #D946EF 18%, #EDECF6 50%, #93C5FD 82%, transparent); }
.atl .geo-map .leaflet-popup-content { margin: 10px 30px 10px 14px; font: 13.5px/1.4 var(--fb); }
.atl .geo-map .leaflet-popup-tip { background: rgba(20,20,28,.96); box-shadow: none; border: 1px solid rgba(196,181,253,.4); }
.atl .geo-map.leaflet-container a.leaflet-popup-close-button { color: var(--ink3); }
.atl .geo-map.leaflet-container a.leaflet-popup-close-button:hover { color: var(--ink); }
.atl .geo-map.leaflet-container:focus-visible { outline: 2px solid var(--chakraL); outline-offset: 2px; border-radius: 14px; }
.atl .geo-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 12px 2px 0; font-size: 12.5px; color: var(--ink3); }
.atl .geo-legend .k { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.atl .geo-legend .mono { font-size: 11.5px; color: var(--ink2); }
.atl .geo-legend a { color: var(--ink2); text-underline-offset: 3px; }
.atl .geo-legend .k-ring { flex: none; width: 16px; height: 11px; border: 2px solid #D946EF; border-radius: 3px; background: rgba(59,130,246,.14); box-shadow: 0 0 8px rgba(217,70,239,.45); }
.atl .geo-legend .k-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #93C5FD; box-shadow: 0 0 8px rgba(59,130,246,.7); }
.atl .ribbon { display: flex; flex-direction: column; gap: 5px; }
.atl .rib-row { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 10px; align-items: center; }
.atl .rib-lab { font-size: 10.5px; color: var(--ink3); text-align: right; white-space: nowrap; }
.atl .rib-bar { display: flex; gap: 1px; height: 10px; transform-origin: left center; }
.atl .rib-bar i { display: block; flex: 1 1 0; min-width: 2px; height: 100%; }
.atl .rib-bar i:first-child { border-radius: 3px 0 0 3px; }
.atl .rib-bar i:last-child { border-radius: 0 3px 3px 0; }
.atl .rib-bar i:only-child { border-radius: 3px; }
.atl .rib-bar i.on, .atl .rib-key i.on { background: linear-gradient(180deg, #BFDBFE, #3B82F6); box-shadow: 0 0 8px rgba(59,130,246,.3); }
.atl .rib-bar i.off, .atl .rib-key i.off { background: repeating-linear-gradient(135deg, rgba(217,70,239,.9) 0 2px, rgba(217,70,239,.3) 2px 4px); }
.atl .rib-bar i.pad { background: rgba(255,255,255,.04); box-shadow: none; }
.atl .rib-key { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; font-family: var(--fm); font-size: 11px; color: var(--ink3); }
.atl .rib-key span { display: inline-flex; align-items: center; gap: 6px; }
.atl .rib-key i { display: inline-block; width: 14px; height: 8px; border-radius: 2px; }
.atl .rib-note { margin: 10px 0 0; font-size: 12.5px; color: var(--ink2); overflow-wrap: anywhere; }
.atl .rib-note .mono { font-size: 11.5px; color: var(--ink); }
.atl .tw.segs table { min-width: 760px; }
.atl .tw.booths table { min-width: 560px; }
.atl .tw.booths td.c-nm { font-size: 14px; line-height: 1.35; }
.atl .tw.booths td.c-ll { white-space: nowrap; }
@media (max-width: 1280px) {
.atl .kpis { grid-template-columns: repeat(3, minmax(0,1fr)); }
.atl .ins-grid { grid-template-columns: repeat(3, minmax(0,1fr)); row-gap: 16px; }
.atl .ins:nth-child(4) { border-left: 0; padding-left: 0; }
.atl .kpis.five { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1180px) {
.atl .s4, .atl .s5, .atl .s6, .atl .s7, .atl .s8 { grid-column: span 12; }
}
@media (max-width: 760px) {
.atl .crumbs { flex-basis: 100%; }
.atl .status { margin-left: 0; padding: 5px 10px; font-size: 11px; white-space: nowrap; }
.atl .retrieved { font-size: 11px; }
.atl .ctx { padding: 22px 0 16px; }
.atl h1 { font-size: 32px; }
.atl h1 .tri { font-size: 26px; }
.atl .kpis { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.atl .kpi .val { font-size: 26px; }
.atl .kpi .lab { font-size: 10px; letter-spacing: .1em; }
.atl .kpi.has-mini { padding-right: 16px; }
.atl .kpi .mini { width: 34px; height: 34px; top: 12px; right: 12px; }
.atl .panel { padding: 16px 14px; border-radius: 15px; }
.atl .tag { white-space: normal; max-width: 100%; line-height: 1.35; }
.atl .gauges { grid-template-columns: 1fr; }
.atl .cg { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; text-align: left; gap: 14px; }
.atl .cg figcaption { align-items: flex-start; margin-top: 0; }
.atl .ins-grid { grid-template-columns: 1fr; }
.atl .ins, .atl .ins:nth-child(4) { border-left: 0; padding: 12px 0 0; border-top: 1px solid var(--line); }
.atl .ins:first-child { border-top: 0; padding-top: 0; }
.atl .rank li { grid-template-columns: 18px minmax(0,1fr) auto; gap: 4px 8px; }
.atl .rank.norank li { grid-template-columns: minmax(0,1fr) auto; }
@supports (grid-template-columns: subgrid) {
.atl .rank { grid-template-columns: 18px minmax(0,1fr) auto; column-gap: 8px; }
.atl .rank.norank { grid-template-columns: minmax(0,1fr) auto; }
.atl .rank li, .atl .rank.norank li { grid-template-columns: subgrid; }
}
.atl .rank.norank .bar { grid-column: 1 / -1; }
.atl .rank .bar { grid-column: 2 / -1; grid-row: 2; }
.atl .dist { grid-template-columns: 1fr; }
.atl .tw { overflow: visible; margin: 0; padding: 0; }
.atl .tw table, .atl .tw tbody { display: block; min-width: 0 !important; width: 100%; }
.atl .tw thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.atl .tw tbody { display: flex; flex-direction: column; gap: 8px; }
.atl .tw tbody tr { display: grid; gap: 6px 10px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(11,11,16,.42); }
.atl .tw td { display: block; padding: 0; border: 0; min-width: 0; }
.atl .tw td.r { text-align: left; }
.atl .tw td[data-label]::before { content: attr(data-label); display: block; font-family: var(--fm); font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink3); line-height: 1.3; margin-bottom: 2px; white-space: normal; }
.atl .tw .ct { grid-template-columns: 48px minmax(0,1fr); min-width: 0; }
.atl .tw .ct .o, .atl .tw .ct.absent { text-align: left; }
.atl .tw .mb { width: 100%; }
.atl .tw.states tbody tr { grid-template-columns: repeat(4, minmax(0,1fr));
    grid-template-areas: "nm nm nm ty" "d pc ac ps" "c1 c1 c2 c2" "c3 c3 c3 c3"; }
.atl .tw.states .c-nm { grid-area: nm; }
.atl .tw.states .c-ty { grid-area: ty; text-align: right; }
.atl .tw.states .c-d { grid-area: d; }
.atl .tw.states .c-pc { grid-area: pc; }
.atl .tw.states .c-ac { grid-area: ac; }
.atl .tw.states .c-ps { grid-area: ps; }
.atl .tw.states .c-c1 { grid-area: c1; }
.atl .tw.states .c-c2 { grid-area: c2; }
.atl .tw.states .c-c3 { grid-area: c3; }
.atl .tw.pcs tbody tr { grid-template-columns: 28px minmax(0,1fr) minmax(0,1fr) auto;
    grid-template-areas: "n nm nm rs" ". el ac ac" ". bar bar bar"; grid-template-columns: 28px minmax(0,1fr) minmax(0,1fr) 92px; }
.atl .tw.pcs .c-n { grid-area: n; text-align: right; }
.atl .tw.pcs .c-nm { grid-area: nm; }
.atl .tw.pcs .c-rs { grid-area: rs; justify-self: end; }
.atl .tw.pcs .c-el { grid-area: el; }
.atl .tw.pcs .c-ac { grid-area: ac; }
.atl .tw.pcs .c-bar { grid-area: bar; }
.atl .kpis.five { grid-template-columns: repeat(2, minmax(0,1fr)); }
.atl .kpis.five > :last-child { grid-column: 1 / -1; }
.atl .switch { width: 100%; }
.atl .field { min-width: 0; flex: 1 1 auto; }
.atl .field b { white-space: normal; overflow-wrap: anywhere; }
.atl .geo-map, .atl .map-panel .geo-map { height: 360px; min-height: 0; flex: none; }
.atl .geo-legend { gap: 4px 14px; }
.atl .rib-row { grid-template-columns: 64px minmax(0,1fr); gap: 8px; }
.atl .tw.segs tbody tr { grid-template-columns: 28px minmax(0,1fr) minmax(0,1fr) auto;
    grid-template-areas: "n nm nm rs" ". di ps sh" ". bar bar bar"; }
.atl .tw.segs .c-n { grid-area: n; text-align: right; }
.atl .tw.segs .c-nm { grid-area: nm; }
.atl .tw.segs .c-rs { grid-area: rs; justify-self: end; }
.atl .tw.segs .c-di { grid-area: di; }
.atl .tw.segs .c-ps { grid-area: ps; }
.atl .tw.segs .c-sh { grid-area: sh; }
.atl .tw.segs .c-bar { grid-area: bar; }
.atl .tw.booths tbody { gap: 4px; }
.atl .tw.booths tbody tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding: 8px 10px; border-radius: 10px; }
.atl .tw.booths td.c-nm { font-size: 13.5px; line-height: 1.3; }
.atl .tw.booths td.c-pt, .atl .tw.booths td.c-ll { font-size: 12px; white-space: nowrap; }
.atl .tw.booths td[data-label]::before { display: inline; margin: 0 6px 0 0; white-space: nowrap; }
.atl .tw.booths .c-n { flex: 0 0 34px; text-align: right; }
.atl .tw.booths .c-nm { flex: 1 1 calc(100% - 44px); }
.atl .tw.booths .c-ll { margin-left: 44px; }
.atl .tw.booths .c-pt { margin-left: auto; text-align: right; }
}
@media (prefers-reduced-motion: reduce) {
.atl *::before, .atl *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- hand-tuned: resolve clashes with neural.css ---------- */
.atl .num, .atl .mono { font-family: var(--mono); }
.atl .panel { background: linear-gradient(180deg,#17171F,#111118) padding-box,
             linear-gradient(140deg,rgba(139,92,246,.55),rgba(217,70,239,.18) 32%,rgba(255,255,255,.05) 58%,rgba(59,130,246,.42)) border-box;
  border: 1px solid transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
.atl .panel::before, .atl .panel::after { display: none; }
.atl .kpis { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; border-radius: 0; }
.atl .kpi { border-left: 0; gap: 0; }
.atl .kpi .val { color: var(--ink); }
.atl .ctx { flex-direction: row; max-width: none; }
.atl .ph h2 { line-height: 1.25; }
.atl .tag { margin-left: 0; text-transform: none; letter-spacing: 0; vertical-align: baseline; font-weight: 400; line-height: 1.3; }
.atl .rank .bar { overflow: visible; }
.atl .rank .bar i { animation: none; }
.atl-chrome { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 14px 0 0; }
.atl-chrome .crumbs { display: block; }