.atlas-index ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.atlas-index-item{border:1px solid var(--line);border-top:3px solid var(--region-accent);background:#0a1927;border-radius:10px;flex-direction:column;display:flex}.atlas-index-select{min-height:44px;color:var(--text);border-radius:8px 8px 0 0;flex-grow:1;grid-template-columns:auto 1fr;align-content:start;align-items:baseline;column-gap:8px;padding:12px 14px 6px;text-decoration:none;display:grid}.atlas-index-select:hover,.atlas-index-select[aria-current=true]{background:#12333e}.atlas-index-select[aria-current=true]{outline:2px solid var(--region-accent);outline-offset:-2px}.atlas-index-title{font-weight:700;line-height:1.3}.atlas-index-area{color:var(--muted-strong);grid-column:1/-1;margin-top:4px;font-size:.85rem;line-height:1.4}.atlas-index-case{min-height:44px;color:var(--muted-strong);text-underline-offset:3px;align-items:center;padding:0 14px;font-size:.85rem;text-decoration:underline;display:flex}.atlas-index-case:hover{color:var(--text)}.observatory-stage{--district-panel-width:clamp(20rem, 26vw, 26rem);isolation:isolate;position:relative}.observatory-map{border:1px solid var(--line);background:#050a11;border-radius:16px;position:relative}.observatory-map picture,.observatory-map img{border-radius:inherit;width:100%;height:auto;display:block}.observatory-map canvas{border-radius:inherit;visibility:hidden;touch-action:pan-y pinch-zoom;width:100%;height:100%;position:absolute;inset:0}[data-scene-state=ready] .observatory-map canvas{visibility:visible}[data-scene-state=ready] .observatory-map picture{visibility:hidden}.district-link,.observatory-hub{z-index:2}.district-selectors{display:contents}.observatory-regions{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.region-layout-mobile{display:none}.region-selection,.region-highlight{opacity:0;stroke:var(--region-accent);stroke-width:2px;stroke-linejoin:round;fill:var(--region-accent);fill-opacity:.035}.region-highlight{stroke-dasharray:5 4;stroke-width:1.5px;fill-opacity:.025}[data-region][data-selected=true] .region-selection,[data-region][data-hovered=true] .region-highlight{opacity:1}.district-link-cnesdata,.atlas-index-cnesdata,.project-card-cnesdata,[data-region=cnesdata]{--region-accent:#78dcce}.district-link-limnopulse,.atlas-index-limnopulse,.project-card-limnopulse,[data-region=limnopulse]{--region-accent:#8dcaff}.district-link-infrastructure,.atlas-index-infrastructure,.project-card-infrastructure,[data-region=infrastructure]{--region-accent:#c4b8f7}.district-link-esusdata,.atlas-index-esusdata,.project-card-esusdata,[data-region=esusdata]{--region-accent:#e9bd88}.observatory-map:has(.district-link-cnesdata:hover) [data-region=cnesdata] .region-highlight,.observatory-map:has(.district-link-limnopulse:hover) [data-region=limnopulse] .region-highlight,.observatory-map:has(.district-link-infrastructure:hover) [data-region=infrastructure] .region-highlight,.observatory-map:has(.district-link-esusdata:hover) [data-region=esusdata] .region-highlight{opacity:1}.observatory-map:has(.district-link-cnesdata:focus-visible) [data-region=cnesdata] .region-highlight,.observatory-map:has(.district-link-limnopulse:focus-visible) [data-region=limnopulse] .region-highlight,.observatory-map:has(.district-link-infrastructure:focus-visible) [data-region=infrastructure] .region-highlight,.observatory-map:has(.district-link-esusdata:focus-visible) [data-region=esusdata] .region-highlight{opacity:1;stroke:#f4e5a6}[data-observatory]:not([data-controller-ready]):has(#district-cnesdata:target) [data-region=cnesdata] .region-selection,[data-observatory]:not([data-controller-ready]):has(#district-limnopulse:target) [data-region=limnopulse] .region-selection,[data-observatory]:not([data-controller-ready]):has(#district-infrastructure:target) [data-region=infrastructure] .region-selection,[data-observatory]:not([data-controller-ready]):has(#district-esusdata:target) [data-region=esusdata] .region-selection{opacity:1}.observatory-controls{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.observatory-controls[hidden]{display:none}.observatory-controls button{min-height:44px;color:var(--text);cursor:pointer;font:inherit;background:#0a1927;border:1px solid #627f91;border-radius:8px;padding:9px 14px}.observatory-controls button:hover{border-color:var(--accent)}.explorer .observatory-controls button:focus-visible{outline-offset:3px;outline:3px solid #f4e5a6}.observatory-controls button:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.atlas-index *,.observatory-map *,.observatory-controls *,.district-details *{transition:none!important;animation:none!important}}.district-link,.observatory-hub{left:var(--desktop-x);top:var(--desktop-y);position:absolute;transform:translate(-50%)}.district-link{width:max-content;min-height:48px;color:var(--text);background:#0a1927f5;border:1px solid #627f91;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.3;text-decoration:none;display:flex;box-shadow:0 5px 20px #0009}.district-link:hover,.district-link[data-hovered=true],.district-link[aria-current=true]{border-color:var(--region-accent);background:#12333e}.district-link[aria-current=true]{outline:2px solid var(--region-accent);outline-offset:2px}.observatory-map .district-link:focus-visible{outline-offset:3px;outline:3px solid #f4e5a6}.district-number{color:var(--region-accent);font-variant-numeric:tabular-nums;font-size:.75rem}.observatory-hub{color:#b8c8d8;white-space:nowrap;opacity:.65;pointer-events:none;padding:5px;font-size:.65rem}.observatory-instruction{color:var(--muted-strong);margin-block:18px 28px}.project-access-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.project-card{border:1px solid var(--line);border-top:3px solid var(--region-accent);background:var(--surface);border-radius:12px;flex-direction:column;padding:22px;display:flex}.project-card h3{margin-block:4px 0}.project-card-stack{flex-wrap:wrap;gap:6px;margin:14px 0 4px;padding:0;list-style:none;display:flex}.project-card-stack li{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:4px 9px;font-size:.78rem}.project-card dl{margin:12px 0 20px}.project-card dt{color:var(--region-accent);letter-spacing:.06em;text-transform:uppercase;margin-top:12px;font-size:.75rem}.project-card dd{color:var(--muted-strong);overflow-wrap:anywhere;margin:4px 0 0}.project-card-proof{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.project-card .button{align-self:flex-start;min-height:44px;margin-top:auto}@media (width<=1100px){.project-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.project-access-grid{grid-template-columns:1fr}}.district-details{z-index:3;pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.district-details article{box-sizing:border-box;width:var(--district-panel-width);overscroll-behavior:contain;background:var(--surface);opacity:0;visibility:hidden;pointer-events:none;padding:22px;transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:absolute;inset:12px 12px 12px auto;overflow-y:auto;transform:translate(24px);box-shadow:-16px 0 42px #000b}[data-observatory]:not([data-controller-ready]) .district-details article:target,.district-details article[data-selected=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.district-panel-close{float:right;border:1px solid var(--line);border-radius:999px;place-items:center;width:44px;height:44px;margin:-10px -10px 8px 12px;font-size:1.6rem;line-height:1;text-decoration:none;display:grid}.district-details h2{font-size:1.5rem}.district-details .button{min-height:44px}.district-technologies{flex-wrap:wrap;gap:8px;margin:20px 0 16px;padding:0;list-style:none;display:flex}.district-technologies li{border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:6px 10px;font-size:.85rem}.district-selectors-title{display:none}.observatory-map:after{content:"";z-index:1;border-radius:inherit;opacity:0;pointer-events:none;background:#050a11b8;transition:opacity .16s;position:absolute;inset:0}[data-observatory]:has(.district-details article[data-selected=true]) .observatory-map:after,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .observatory-map:after{opacity:1}[data-observatory]:has(.district-details article[data-selected=true]) .observatory-regions,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .observatory-regions{z-index:2}[data-observatory]:has(.district-details article[data-selected=true]) .observatory-hub,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .observatory-hub{opacity:0}.district-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width>=701px){[data-observatory]:has(.district-details article[data-selected=true]) .district-selectors,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-selectors{z-index:4;box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:8px;width:clamp(12rem,18vw,15rem);padding:16px;display:flex;position:absolute;top:12px;left:12px;box-shadow:16px 0 42px #000b}[data-observatory]:has(.district-details article[data-selected=true]) .district-selectors-title,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-selectors-title{margin-bottom:4px;display:block}[data-observatory]:has(.district-details article[data-selected=true]) .district-link,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-link{box-sizing:border-box;white-space:normal;width:100%;position:static!important;transform:none!important}}@media (width<=900px){.atlas-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=701px) and (width<=900px){.district-link-infrastructure{white-space:normal;width:178px}}@media (width<=700px){.region-layout-desktop{display:none}.region-layout-mobile{display:block}.district-link,.observatory-hub{left:var(--mobile-x);top:var(--mobile-y)}.district-link{white-space:normal;gap:6px;width:35%;min-height:44px;padding:7px 9px;font-size:.875rem;transform:translate(-100%)}.district-link-cnesdata{transform:translate(-100%,-10px)}.district-link-infrastructure{transform:translate(20%,8px)}.district-link-esusdata{transform:translate(-70%,10px)}.district-number{font-size:.65rem}.district-details article{border-radius:16px 16px 0 0;width:100%;max-height:60%;padding:22px;inset:auto 0 0;transform:translateY(24px)}.district-details article[data-selected=true],[data-observatory]:not([data-controller-ready]) .district-details article:target{transform:translateY(0)}[data-observatory]:has(.district-details article[data-selected=true]) .district-selectors,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-selectors{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;position:absolute;top:calc(40% + 8px);left:2px;right:2px}[data-observatory]:has(.district-details article[data-selected=true]) .district-link,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-link{text-align:center;white-space:normal;flex-direction:column;justify-content:center;gap:1px;width:100%;height:60px;min-height:60px;padding:4px;font-size:.875rem;position:relative!important;top:auto!important;left:auto!important;transform:none!important}[data-observatory]:has(.district-details article[data-selected=true]) .district-link>span:last-child,[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-link>span:last-child{overflow-wrap:anywhere;min-width:0}[data-observatory]:has(.district-details article[data-selected=true]) .district-details article[data-selected=true],[data-observatory]:not([data-controller-ready]):has(.district-details article:target) .district-details article:target{padding-top:150px}}:where([data-observatory]:not([data-controller-ready]):has(#district-cnesdata:target)) .district-link-cnesdata,:where([data-observatory]:not([data-controller-ready]):has(#district-infrastructure:target)) .district-link-infrastructure,:where([data-observatory]:not([data-controller-ready]):has(#district-limnopulse:target)) .district-link-limnopulse,:where([data-observatory]:not([data-controller-ready]):has(#district-esusdata:target)) .district-link-esusdata{border-color:var(--region-accent);outline:2px solid var(--region-accent);outline-offset:2px;background:#12333e}:where([data-observatory]:not([data-controller-ready]):has(#district-cnesdata:target)) .atlas-index-cnesdata .atlas-index-select,:where([data-observatory]:not([data-controller-ready]):has(#district-infrastructure:target)) .atlas-index-infrastructure .atlas-index-select,:where([data-observatory]:not([data-controller-ready]):has(#district-limnopulse:target)) .atlas-index-limnopulse .atlas-index-select,:where([data-observatory]:not([data-controller-ready]):has(#district-esusdata:target)) .atlas-index-esusdata .atlas-index-select{outline:2px solid var(--region-accent);outline-offset:-2px;background:#12333e}
