/* Map-first atlas layout. */
:root{--selected:#cf2537;--state-edge:#6c7972;--river-colour:#0878ad;--label-bg:#ffffffed;--label-ink:#20333c}
[data-theme=dark]{--selected:#ff6c77;--state-edge:#adbdbe;--river-colour:#7bd2f2;--label-bg:#182832f2;--label-ink:#f0f4f6}
html{scroll-padding-top:18px}body{overflow-x:hidden}.skip-link{position:fixed;left:10px;top:-80px;z-index:400;background:var(--paper);padding:12px;border:2px solid var(--gold)}.skip-link:focus{top:10px}
.topbar{height:60px;padding:0 24px}.brand{font-size:17px}.brand-mark{height:35px;width:35px}.brand small{font-size:7px}.top-actions{gap:7px}main{max-width:1900px;padding:16px 24px 24px}.intro{margin-bottom:14px;gap:14px}.intro h1{font-size:27px;margin-bottom:5px}.intro h1>span{font-size:15px}.eyebrow{font-size:9px;margin-bottom:4px}.intro-stats strong{font-size:23px}.scope-toolbar{margin-bottom:12px}.offline-note{white-space:normal}.workspace{display:flex;flex-direction:column;border-radius:10px;overflow:visible;gap:0}.study-area{display:contents}.mode-tabs{order:0;padding:0 18px;gap:30px;width:100%;min-width:0}.mode-tabs button{font-size:13px;padding:11px 0 9px}.mode-tabs button small{font-size:10px}.session-controls{order:1;margin:12px 18px 0}.mobile-prompt{order:2;display:block;margin:12px 18px 0;font-size:14px}.mobile-prompt b,.mobile-prompt span{display:block}.map-heading{order:3;padding:14px 18px;flex-wrap:wrap}.map-heading h2{font-size:20px}.map-heading>div>span{font-size:12px}.map-options{gap:12px;flex-wrap:wrap}.map-options label{font-size:12px;color:var(--ink);min-height:34px}.map-options button{min-height:34px;font-size:12px}.map-wrap{order:4;align-self:stretch;margin:0 12px;height:clamp(580px,76svh,1000px);border-radius:7px;background:#edf5fa;border:1px solid var(--state-edge);touch-action:pan-y;min-width:0}.map-wrap svg{touch-action:none;cursor:grab}.map-wrap svg:active{cursor:grabbing}.map-wrap svg:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}[data-theme=dark] .map-wrap{background:#101f2b}
.map-caption{order:5;flex-wrap:wrap;margin:0;padding:13px 18px;font-size:11px;width:100%;border-bottom:1px solid var(--line)}.feature-legend{display:flex;gap:12px 18px;flex-wrap:wrap}.feature-legend span{display:inline-flex;gap:7px;align-items:center}.feature-legend i{width:9px;height:9px;display:inline-block;border-radius:50%;flex:none}.feature-legend .selected-key{background:var(--selected)}.feature-legend .solid-key,.feature-legend .dashed-key{height:0;width:20px;border-radius:0;border-top:2px solid var(--river-colour)}.feature-legend .dashed-key{border-top-style:dashed}.map-caption .text-button{font-size:12px;min-height:32px}
.topic-rail{order:6;border:0;border-bottom:1px solid var(--line);padding:16px 18px;width:100%;display:block}.rail-title{padding:0 0 9px;font-size:10px}.topic-rail nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:7px}.topic-button{padding:9px 10px;min-height:57px;border-color:var(--line);border-radius:7px}.topic-button b{font-size:12px}.topic-button small{font-size:10px}.topic-button .topic-num{font-size:11px}.rail-footer{padding:10px 0 0;margin:0;display:flex;justify-content:flex-end}.rail-footer .tiny-compass,.rail-footer>b,.rail-footer>p{display:none}.rail-footer .text-button{font-size:12px;min-height:32px}
.search-row{order:7;width:calc(100% - 36px);margin:16px 18px 0}.search-box{padding:10px 12px}.search-box input{font-size:13px}.search-row>.quiet{font-size:12px}.place-list{order:8;margin:12px 18px 18px;max-height:180px;gap:8px;width:calc(100% - 36px)}.place-chip{font-size:12px;padding:7px 12px;min-height:34px}.place-chip .pin{width:6px;height:6px}.detail-panel{order:9;width:100%;border:0;border-top:1px solid var(--line);padding:22px 24px;columns:2;column-gap:40px;column-rule:1px solid var(--line);background:var(--paper)}.detail-panel>*{break-inside:avoid}.detail-eyebrow{margin-bottom:9px}.detail-title{font-size:28px}.detail-hindi{margin-bottom:12px}.place-meta{margin-bottom:12px}.detail-actions{margin:14px 0}.detail-actions button,.detail-actions a{font-size:13px;min-height:40px}.fact-block{font-size:14px;line-height:1.8}.fact-block .hindi{font-size:14px}.connection-card{margin:16px 0}.connection-card p{font-size:12px}.detail-source{margin-top:12px}.q-en{font-size:16px}.q-hi{font-size:14px}.option{min-height:47px}.option b{font-size:14px}.option small{font-size:12px}.session-actions button{font-size:13px;min-height:40px}body:not([data-mode=learn]) .detail-panel{columns:1;max-width:900px;align-self:center}.answer-box{font-size:14px}.answer-box>strong{font-size:14px}.empty-state p{font-size:14px}
.state-boundary{stroke:var(--state-edge);stroke-width:.85;pointer-events:none;fill:#e4d8ef;stroke-linejoin:round}.state-colour-0{fill:#f1dec4}.state-colour-1{fill:#cfe4d5}.state-colour-2{fill:#dfd4eb}.state-colour-3{fill:#cbdfed}.state-colour-4{fill:#e6dfaa}[data-theme=dark] .state-colour-0{fill:#624e3b}[data-theme=dark] .state-colour-1{fill:#355a4b}[data-theme=dark] .state-colour-2{fill:#54435f}[data-theme=dark] .state-colour-3{fill:#3c516d}[data-theme=dark] .state-colour-4{fill:#5e5b31}.muted-state{opacity:.35}.focused-state{stroke:var(--selected);stroke-width:2}.national-outline{fill:none;stroke:var(--state-edge);stroke-width:1.3;vector-effect:non-scaling-stroke;pointer-events:none}.state-name{fill:var(--ink);opacity:.95;font-weight:650;paint-order:normal;stroke:none;stroke-width:0;stroke-linejoin:round;pointer-events:none}.country{stroke:var(--state-edge);stroke-width:.6}.country.india{stroke-width:1.2}.river{stroke:var(--river-colour);stroke-width:2.2;opacity:.95;pointer-events:stroke;cursor:pointer}.river.schematic{stroke-dasharray:5 3}.river.highlight{stroke:var(--selected);stroke-width:3.4;opacity:1}.river-hit{fill:none;stroke:transparent;stroke-width:16;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}.touch-target{fill:transparent;stroke:none}.marker{cursor:pointer}.marker .halo{fill:var(--label-bg);stroke:var(--feature-colour);stroke-width:1.6}.marker .dot{fill:var(--feature-colour);stroke:var(--paper);stroke-width:.7}.marker.selected .halo,.marker:hover .halo,.marker:focus .halo{fill:var(--selected);stroke:var(--paper);stroke-width:2}.marker.selected .dot{fill:white;stroke:none}.marker.answer-correct .halo{fill:var(--teal);stroke:var(--ink)}.marker.answer-wrong .halo{fill:var(--wrong);stroke:var(--ink)}.marker .number{fill:var(--ink)}.feature-label{cursor:pointer}.feature-label rect{fill:var(--label-bg);stroke:var(--feature-colour);stroke-opacity:.45;stroke-width:.7;vector-effect:non-scaling-stroke}.feature-label text{fill:var(--label-ink);font-weight:600;font-family:var(--font);pointer-events:none}.label-leader{fill:none;stroke:var(--feature-colour);stroke-width:.85;opacity:.65;vector-effect:non-scaling-stroke;pointer-events:none}.feature-label.selected rect{fill:var(--selected);stroke:var(--paper);stroke-opacity:1}.feature-label.selected text{fill:white;font-weight:700}.feature-label.selected .label-leader{stroke:var(--selected);stroke-width:1.7;opacity:1}.feature-label:hover rect{stroke-width:2}.map-label-status{position:absolute;top:10px;left:10px;padding:5px 9px;background:var(--label-bg);border:1px solid var(--line);border-radius:5px;font-size:10px;pointer-events:none;color:var(--ink);max-width:75%}.map-hint{font-size:11px;bottom:10px;padding:6px 10px;max-width:70%;line-height:1.5}.map-watermark{bottom:14px;left:12px}.zoom-controls{bottom:60px;right:12px}.zoom-controls button{width:40px;height:40px;font-size:24px}.island-shortcuts{position:absolute;top:10px;right:12px;display:flex;flex-wrap:wrap;gap:5px;max-width:65%;justify-content:flex-end}.island-shortcuts button{font-size:10px;padding:5px 8px;min-height:30px}.compass{top:58px;right:26px}.map-close{display:none;position:absolute;right:12px;top:12px;z-index:2}.map-wrap.expanded{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;min-height:0;max-height:none;border-radius:0;z-index:220}.expanded .map-close{display:flex}.expanded .island-shortcuts{top:58px}.expanded .compass{top:105px}.atlas-guide{padding:22px 2px 8px;max-width:1100px}.atlas-guide h2{font-size:16px}.atlas-guide p{font-size:12px;color:var(--muted);line-height:1.8}.atlas-guide nav{display:flex;gap:9px 18px;flex-wrap:wrap;font-size:12px}.page-footer{flex-wrap:wrap;align-items:center;line-height:1.8}.map-attribution{width:100%;font-size:10px}.map-attribution a{text-decoration:underline}
@media(min-width:1500px){.map-wrap{height:clamp(640px,78svh,1050px)}.study-area{padding:0}}
@media(max-width:1000px){.detail-panel{columns:1}.topic-rail{grid-row:auto}.mode-tabs{gap:24px}.map-heading{gap:10px}.intro-stats{gap:12px}.intro-stats>div{padding-left:12px}.map-wrap{height:clamp(540px,74svh,850px)}}
@media(max-width:650px){.topbar{padding:0 12px;height:55px;gap:6px}.brand{font-size:14px;gap:8px}.brand-mark{width:30px;height:30px;font-size:18px}.brand small{font-size:6px;letter-spacing:1px}.top-actions{gap:4px}.top-actions .quiet{font-size:10px;padding:6px}.top-actions .icon-button{width:31px;min-width:31px;height:32px;font-size:16px}main{padding:14px 9px}.intro{display:block;margin-bottom:12px}.intro h1{font-size:24px}.intro h1>span{font-size:14px;margin-left:8px}.intro p{font-size:11px}.intro-stats{display:none}.eyebrow{font-size:8px}.scope-toolbar{gap:8px;margin-bottom:10px}.segmented{width:100%;justify-content:space-between;gap:1px;padding:3px}.segmented button{flex:1;font-size:11px;padding:7px 4px}.segmented small{font-size:9px;margin-left:2px}.scope-select{width:100%}.scope-select select{max-width:none;flex:1;font-size:12px}.offline-note{font-size:9px;margin:0}.workspace{border-radius:8px}.mode-tabs{padding:0 10px;gap:20px}.mode-tabs button{font-size:12px;padding:10px 0 8px}.mode-tabs button small{font-size:9px}.map-heading{padding:12px 10px}.map-heading h2{font-size:17px}.map-heading>div>span{font-size:11px}.map-options{gap:6px 10px;width:100%}.map-options label{font-size:11px;min-height:32px}.map-options button{font-size:11px;padding:5px 8px;min-height:32px}.map-wrap{margin:0 5px;height:560px;min-height:440px}.map-label-status{font-size:9px;top:7px;left:7px;max-width:90%;padding:4px 6px}.island-shortcuts{top:36px;right:7px;max-width:95%;gap:4px}.island-shortcuts button{font-size:9px;min-height:29px;padding:4px 6px}.compass{top:81px;right:20px}.map-caption{padding:10px;font-size:10px;gap:5px}.feature-legend{gap:8px 12px}.topic-rail{padding:12px 10px}.topic-rail nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.topic-button{padding:8px 6px;gap:6px;min-height:59px}.topic-button b{font-size:11px}.topic-button small{font-size:9px}.topic-button .topic-num{font-size:10px}.topic-icon{font-size:18px;width:19px}.search-row{width:calc(100% - 20px);margin:12px 10px 0;gap:6px}.search-row>.quiet{font-size:10px;padding:6px 8px}.search-box{padding:8px}.search-box input{font-size:12px}.place-list{margin:10px;width:calc(100% - 20px);max-height:160px;gap:6px}.place-chip{font-size:11px;padding:6px 9px}.detail-panel{padding:18px 14px}.detail-title{font-size:25px}.map-hint{font-size:10px;max-width:76%;bottom:9px}.map-watermark{display:none}.map-close{min-height:38px}.expanded .island-shortcuts{top:52px}.expanded .map-label-status{max-width:calc(100% - 120px)}.session-controls{margin:10px;font-size:11px}.mobile-prompt{margin:10px}.page-footer{font-size:10px}.q-en{font-size:15px}.q-hi{font-size:14px}}
@media(max-width:380px){.topic-rail nav{grid-template-columns:1fr}.mode-tabs{gap:17px}.brand small{display:none}.map-options{gap:4px 8px}.segmented small{display:block;margin:0}.map-wrap{height:530px}}
@media(max-height:550px) and (orientation:landscape){.map-wrap{height:80svh;min-height:330px}.map-wrap.expanded{height:100dvh;min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Leave a fixed navigation lane clear above the atlas header. */
html{scroll-padding-top:76px}.topbar{height:auto;min-height:132px;padding:76px max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left))}
@media(max-width:650px){.topbar{height:auto;min-height:124px;padding:76px 12px 12px;flex-wrap:wrap;gap:10px}.topbar .brand{flex:1;min-width:145px}}