.maps-catalog-page{--accent:var(--cyan);--accent-soft:#cdeeff;--accent-rgb:109, 205, 255}.maps-catalog-page .maps-hero{padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(.75rem,1.5vw,1.25rem)}.maps-hero .hero-lead{max-width:62ch}.maps-count{color:var(--muted);letter-spacing:.02em;margin-top:.6rem;font-size:.9rem;font-weight:600}.maps-count strong{color:var(--accent)}.maps-catalog-page .maps-catalog-section{padding-top:clamp(.5rem,1.5vw,1rem);padding-bottom:clamp(3rem,6vw,5rem)}.maps-filterbar{flex-wrap:wrap;gap:.5rem;display:flex}.maps-filterbar label{cursor:pointer;border:1px solid var(--line);color:var(--muted-strong);background:var(--panel);user-select:none;border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.maps-filterbar label:hover{border-color:var(--line-strong);color:var(--text)}.mapfilter:focus-visible~.maps-filterbar label[for=mf-all]{outline:3px solid var(--accent);outline-offset:2px}.maps-swipe-hint{color:var(--muted);align-items:center;gap:.4rem;margin-top:1rem;font-size:.8rem;display:none}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.map-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.map-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.map-card-media{aspect-ratio:16/10;background:var(--panel-light);display:block;position:relative;overflow:hidden}.map-card-media img{object-fit:cover;width:100%;height:100%;display:block}.map-card-media-fallback{background-color:var(--panel-light);background-size:cover;width:100%;height:100%}.map-card-cat{color:#fff;letter-spacing:.02em;background:#04121abd;border-radius:999px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;position:absolute;top:.7rem;left:.7rem}.map-card-body{flex-direction:column;flex:1;gap:.65rem;padding:1rem 1.1rem 1.2rem;display:flex}.map-card-body h3{letter-spacing:-.01em;font-size:1.05rem;line-height:1.25}.map-card-desc{color:var(--muted);flex:1;font-size:.9rem;line-height:1.5}.map-card-legend{align-items:center;gap:.55rem;display:flex}.map-card-legend .legend-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.legend-bar{border:1px solid var(--line);border-radius:999px;flex:1;min-width:60px;height:10px}.map-card-meta{color:var(--muted);flex-wrap:wrap;gap:.35rem .9rem;font-size:.8rem;display:flex}.map-card-meta strong{color:var(--accent)}.map-card-cta{color:var(--accent);align-items:center;gap:.35rem;margin-top:.25rem;font-weight:600;display:inline-flex}.map-card-cta:hover{color:var(--accent-soft)}@media (width<=640px){.maps-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;padding-bottom:.6rem;overflow-x:auto}.map-card{scroll-snap-align:start}.maps-swipe-hint{display:flex}}.ml-g0{background-image:linear-gradient(90deg,#1a9850,#91cf60,#fee08b,#fc8d59,#d73027,#a50026)}.ml-g1{background-image:linear-gradient(90deg,#ff0 0% 25%,#fa0 25% 50%,red 50% 75%,#a30119 75% 100%)}.ml-g2{background-image:linear-gradient(90deg,#cf7563 0% 10%,#e09053 10% 20%,#f3ba41 20% 30%,#fae038 30% 40%,#d2fa32 40% 50%,#5de833 50% 60%,#40d168 60% 70%,#49b09c 70% 80%,#458aa1 80% 90%,#3d5894 90% 100%)}.ml-g3{background-image:linear-gradient(90deg,#d73027,#fc8d59,#fee08b,#d9ef8b,#91cf60,#1a9850)}.ml-g4{background-image:linear-gradient(90deg,#31d136,#d13131)}.ml-g5{background-image:linear-gradient(90deg,#000,#6d009c,#002edd,#00a4bb,#009b12,#00e100,#cbf900,#ffad00,#e30000,#ccc)}.ml-g6{background-image:linear-gradient(90deg,#00000a,#271751,#851e92,#a63692,#d75386,#f37375,#fac693,#f9f0bd,#fff)}.ml-g7{background-image:linear-gradient(90deg,#8b0000,#b22222,#dc143c,#ff4500,tomato,orange,gold,#ff0,#adff2f,#32cd32,green)}.ml-g8{background-image:linear-gradient(90deg,#006400,#32cd32,#ff0,orange,red)}.ml-g9{background-image:linear-gradient(90deg,#7ab5f5 0% 12.5%,#ccf57a 12.5% 25%,#abcd66 25% 37.5%,#375623 37.5% 50%,#ff0 50% 62.5%,#a87000 62.5% 75%,#732600 75% 87.5%,red 87.5% 100%)}.ml-g10{background-image:linear-gradient(90deg,#000091,#0015ff,#0cf,#4cffaa,#83ff72,#f4f802,#ffa300,#e30000,#840001)}.ml-g11{background-image:linear-gradient(90deg,#8d0925,#ffbc6e,#feffbe,#92d067,#055e33)}.ml-g12{background-image:linear-gradient(90deg,#000,#8400ff,#ee41bd,#ff718d,#ff9b63,#ffbd41,#ffdb23,#fff707,#ffff75,#fff)}.ml-g13{background-image:linear-gradient(90deg,#1a9850,#91cf60,#d9ef8b,#fee08b,#fc8d59,#d73027,#a50026)}.ml-g14{background-image:linear-gradient(90deg,#7f9127 0% 20%,#147b20 20% 40%,#f7a333 40% 60%,#f85621 60% 80%,#fb1c19 80% 100%)}.ml-g15{background-image:linear-gradient(90deg,#f7fbff,#c6dbef,#6baed6,#2171b5,#08306b)}.ml-g16{background-image:linear-gradient(90deg,#888 0% 11.11%,#e41a1c 11.11% 22.22%,#ff7f00 22.22% 33.33%,#ff3 33.33% 44.44%,#a6d854 44.44% 55.56%,#4daf4a 55.56% 66.67%,#377eb8 66.67% 77.78%,#984ea3 77.78% 88.89%,#f781bf 88.89% 100%)}.ml-g17{background-image:linear-gradient(90deg,#c1e866 0% 14.29%,#97bd3d 14.29% 28.57%,#689106 28.57% 42.86%,#f59fc8 42.86% 57.14%,#dc5796 57.14% 71.43%,#a280ff 71.43% 85.71%,#4600ff 85.71% 100%)}.ml-g18{background-image:linear-gradient(90deg,#edf8e9,#c7e9c0,#a1d99b,#74c476,#31a354,#006d2c)}.ml-g19{background-image:linear-gradient(90deg,#deebf7,#c6dbef,#9ecae1,#6baed6,#3182bd,#08519c)}.ml-g20{background-image:linear-gradient(90deg,#f1eef6,#d0d1e6,#a6bddb,#74a9cf,#2b8cbe,#045a8d)}.ml-g21{background-image:linear-gradient(90deg,#440154,#31688e,#35b779,#fde725)}.ml-g22{background-image:linear-gradient(90deg,#88c7df 0% 33.33%,#fef4b1 33.33% 66.67%,#ffa688 66.67% 100%)}.ml-g23{background-image:linear-gradient(90deg,#f7fcf5,#d9f0a3,#addd8e,#78c679,#41ab5d,#636363)}.ml-g24{background-image:linear-gradient(90deg,#09123b,#f9e6a0)}.ml-g25{background-image:linear-gradient(90deg,#09123b,#fff,#f9e6a0)}.ml-g26{background-image:linear-gradient(90deg,navy,#00f,#0080ff,#15ffe2,#7bff7b,#e2ff15,#ff9700,#ff2100,maroon)}.ml-g27{background-image:linear-gradient(90deg,#00f,#4040ff,#8080ff,#bfbfff,#fff,#ffbfbf,#ff8080,#ff4040,red)}.ml-g28{background-image:linear-gradient(90deg,#0e0a07,#e5251f,#fbbd5a,#29b635)}.ml-g29{background-image:linear-gradient(90deg,#e5251f,#fbbd5a,#29b635)}.ml-g30{background-image:linear-gradient(90deg,#ae0000 0% 14.29%,#a9a9a9 14.29% 28.57%,#dfbd00 28.57% 42.86%,#73380e 42.86% 57.14%,#228b22 57.14% 71.43%,#add8e6 71.43% 85.71%,#00008b 85.71% 100%)}.ml-g31{background-image:linear-gradient(90deg,#8b0000,#b22222,#cd5c5c,#f08080,gold,#ffffe0,#90ee90,#32cd32,#228b22,#006400,#004d00)}.ml-g32{background-image:linear-gradient(90deg,#8b0000,#dc143c,tomato,#ffa07a,#fffaf0,#90ee90,#32cd32,#228b22,#006400)}.ml-g33{background-image:linear-gradient(90deg,#4b0000,#540000,#5e0000,#670000,#710000,#7a0000,#840000,#800,#8b0000,#8b0000,#8b0000,#a31111,#b22,#d42b32,#ed3b42,tomato,#ff9224,#ffc100,#d4f517,#6ff12f,green)}.ml-g34{background-image:linear-gradient(90deg,#8b4513,sienna,peru,#deb887,wheat,#fffaf0,#b0e0e6,#87ceeb,#4682b4,#1e90ff,#00008b)}.ml-g35{background-image:linear-gradient(90deg,#8b0000,#dc143c,tomato,#ffa07a,#fffaf0,#b0e0e6,#4682b4,#1e90ff,#00008b)}.ml-g36{background-image:linear-gradient(90deg,#2a2f71,#943390,#eb7158,#ebe333)}.ml-g37{background-image:linear-gradient(90deg,#f6dede,#4e0202)}.ml-g38{background-image:linear-gradient(90deg,#9e1041 0% 20%,#f89756 20% 40%,#f9fcb5 40% 60%,#6ec5a5 60% 80%,#5e4fa2 80% 100%)}.ml-g39{background-image:linear-gradient(90deg,#f6e8c3,#dfc27d,#bf812d,#8c510a,#543005)}.ml-g40{background-image:linear-gradient(90deg,#1a9850,#91cf60,#d9ef8b,#fee08b,#fc8d59,#d73027)}.ml-g41{background-image:linear-gradient(90deg,#f7fbff,#6baed6,#2171b5,#08519c,#08306b)}.ml-g42{background-image:linear-gradient(90deg,#fff5f0,#fcbba1,#fb6a4a,#cb181d,#67000d)}.ml-g43{background-image:linear-gradient(90deg,#3a4cc0,#5c7be5,#82a5fb,#aac6fd,#cdd9ec,#ead3c7,#f6b79c,#f08d6f,#d95847,#b30326)}.ml-g44{background-image:linear-gradient(90deg,#ffeef2,#ffbcc8,#ff8a9e,#e65c78,#cc2e52,#800026)}.ml-g45{background-image:linear-gradient(90deg,#00a67a 0% 20%,#00df80 20% 40%,#ffd21e 40% 60%,#ff8b16 60% 80%,#ff367f 80% 100%)}.ml-g46{background-image:linear-gradient(90deg, [object Object] 0.0% 25.0%, [object Object] 25.0% 50.0%, [object Object] 50.0% 75.0%, [object Object] 75.0% 100.0%)}.ml-g47{background-image:linear-gradient(90deg,#99d9ea 0% 9.09%,#00f 9.09% 18.18%,#0000b4 18.18% 27.27%,#7ed321 27.27% 36.36%,#006400 36.36% 45.45%,#f99 45.45% 54.55%,#f44 54.55% 63.64%,#8b0000 63.64% 72.73%,#ffa07a 72.73% 81.82%,#c9f 81.82% 90.91%,#60c 90.91% 100%)}.mapfilter{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#mf-air_quality:checked~.maps-filterbar label[for=mf-air_quality],#mf-biodiversity:checked~.maps-filterbar label[for=mf-biodiversity],#mf-carbon:checked~.maps-filterbar label[for=mf-carbon],#mf-land_use:checked~.maps-filterbar label[for=mf-land_use],#mf-microclimate:checked~.maps-filterbar label[for=mf-microclimate],#mf-risks:checked~.maps-filterbar label[for=mf-risks],#mf-socioeconomic:checked~.maps-filterbar label[for=mf-socioeconomic],#mf-urbanization:checked~.maps-filterbar label[for=mf-urbanization],#mf-utility:checked~.maps-filterbar label[for=mf-utility],#mf-water:checked~.maps-filterbar label[for=mf-water],#mf-all:checked~.maps-filterbar label[for=mf-all]{background:var(--accent);color:#04121a;border-color:var(--accent)}#mf-air_quality:checked~.maps-grid .map-card:not([data-cat=air_quality]),#mf-biodiversity:checked~.maps-grid .map-card:not([data-cat=biodiversity]),#mf-carbon:checked~.maps-grid .map-card:not([data-cat=carbon]),#mf-land_use:checked~.maps-grid .map-card:not([data-cat=land_use]),#mf-microclimate:checked~.maps-grid .map-card:not([data-cat=microclimate]),#mf-risks:checked~.maps-grid .map-card:not([data-cat=risks]),#mf-socioeconomic:checked~.maps-grid .map-card:not([data-cat=socioeconomic]),#mf-urbanization:checked~.maps-grid .map-card:not([data-cat=urbanization]),#mf-utility:checked~.maps-grid .map-card:not([data-cat=utility]),#mf-water:checked~.maps-grid .map-card:not([data-cat=water]){display:none}
