@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;400;600;700&display=swap";body{font-family:Poppins,sans-serif;margin:0}#map{position:fixed;top:0;left:0;bottom:0;width:100%;height:100%}#loading-icon{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;z-index:9999}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#notFound{position:fixed;left:46%;top:46%;font-size:25px;font-weight:600;color:#1879d5}.legend-title{font-weight:700;text-align:center;margin-bottom:8px;font-size:15px}.legend-scale{display:block}.legend-bar{display:flex;width:100%;height:12px;border:1px solid rgba(0,0,0,.15);border-radius:3px;overflow:hidden}.legend-swatch{flex:1 1 0}.legend-ticks{position:relative;height:14px;margin-top:4px;font-size:11px;color:#3b464f}.legend-tick{position:absolute;transform:translate(-50%);white-space:nowrap}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:10px;height:10px}::-webkit-scrollbar-thumb:hover{background:#dadada}button.active{background-color:#525252;color:#fff}button:not(.active):hover{background-color:#c3c3c3;color:#fff;transform:scale(1.05)}#top-controls{position:fixed;top:14px;left:14px;z-index:20;display:flex;flex-direction:column;gap:6px;align-items:flex-start;width:290px;padding:12px 16px;background:#fffffff5;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 6px 22px #00000024}.explore-nav{display:flex;justify-content:space-between;align-items:center;width:100%;gap:14px;font-size:12px}.explore-nav a{font-weight:500;color:#1879d5;text-decoration:none}.explore-nav a:hover{text-decoration:underline}#image-text-container{position:static;margin:0;padding:0;background:transparent;text-transform:none;display:flex;align-items:center;gap:7px}#soc{margin:0;font-size:14px;font-weight:700;line-height:1;color:#10617b;white-space:nowrap}.button-container{display:flex;gap:4px;margin:0}.button-container>button{padding:4px 10px;font-size:12px;line-height:1.4;font-weight:500;border:1px solid #b8b8b8;border-radius:4px!important;cursor:pointer;background-color:#f2f2f2;color:#555;transition:background-color .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap}.button-container>button.active{background-color:#3b464f;color:#fff;border-color:#3b464f;cursor:default}.button-container>button:not(.active):hover{background-color:#d6dade;color:#3b464f;transform:none}.search-row{position:relative;display:flex;align-items:center;gap:6px;width:100%}.region-search{flex:1 1 auto;min-width:0;font-family:Poppins,sans-serif;font-size:12px;line-height:1.4;color:#3b464f;padding:4px 8px 4px 26px;border:1px solid #cdd3d8;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a7480' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") no-repeat 8px center;background-size:13px}.region-search::placeholder{color:#9aa3ab}.region-search:focus-visible{outline:none;border-color:#1879d5;box-shadow:0 0 0 2px #1879d540}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;max-height:240px;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 6px 18px #00000029}.search-results[hidden]{display:none}.search-opt{padding:6px 10px;font-size:12px;color:#3b464f;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-opt:hover,.search-opt.active{background:#eef5fb}.search-empty{padding:6px 10px;font-size:12px;color:#9aa3ab}#data-explanation-btn{padding:0;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;line-height:0}#data-explanation-btn .info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#6a7480;color:#fff;font-size:11px;font-weight:700;font-style:italic;line-height:1;transition:background .15s}#data-explanation-btn[aria-expanded=true] .info-icon,#data-explanation-btn:hover .info-icon{background:#3b464f}#top-controls .tour-launch,#top-controls .tour-launch:not(.active):hover{flex:none;margin:0;padding:0;background:none;color:#1877f2;transform:none}#image-text-container .tour-launch-icon{width:16px;height:16px;font-size:11px}#data-explanation{position:fixed;top:14px;left:14px;z-index:25;box-sizing:border-box;width:340px;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);overflow-y:auto;padding:18px 20px;background:#fff;border:1px solid #e1e8ec;border-radius:10px;box-shadow:0 10px 30px #0000002e;font-family:Poppins,sans-serif;font-size:12.5px;line-height:1.5;color:#44525c}#data-explanation[hidden]{display:none}#data-explanation .close-btn{position:absolute;top:8px;right:10px;width:24px;height:24px;background:transparent;border:none;font-size:22px;line-height:1;color:#9aa6ad;cursor:pointer;padding:0}#data-explanation .close-btn:hover{color:#1879d5}#data-explanation h3{margin:0 0 8px;padding-right:24px;font-size:16px;color:#10617b}#data-explanation p{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:#44525c}#data-explanation p:last-child{margin-bottom:0}#data-explanation a{color:#1879d5}#data-explanation .map-attribution{margin-top:12px;font-size:11px;color:#7a8893}.lab-mark{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid #e7ebee;text-decoration:none;color:#4a5862;font-family:Poppins,sans-serif;font-size:12px}.lab-mark img{width:28px;height:28px;display:block}.lab-mark span{font-weight:600;color:#10617b}.lab-mark:hover span{text-decoration:underline}#console{position:fixed;right:auto;bottom:14px;left:14px;z-index:19;height:auto;max-height:calc(100vh - 28px);overflow-y:auto;width:290px;padding:12px 18px;color:#3b464f;background:#fffffff5;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 6px 22px #00000024}#title{margin:0 0 8px;font-size:16px;font-weight:700;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden}#console-close{display:none;position:absolute;top:8px;right:10px;width:30px;height:30px;border:none;background:#0000000f;border-radius:50%;font-size:20px;line-height:1;color:#3b464f;cursor:pointer;padding:0}#console-close:hover{background:#0000001f}.panel-actions{margin:0 0 9px;display:flex;flex-direction:column;gap:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:12px;line-height:1.3;color:#3b464f;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label{flex:1 1 auto}.switch{position:relative;flex:0 0 auto;width:34px;height:18px}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cdd3d8;border-radius:999px;transition:background-color .15s}.slider:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch input:checked+.slider{background:#1879d5}.switch input:checked+.slider:before{transform:translate(16px)}.switch input:focus-visible+.slider{box-shadow:0 0 0 2px #1879d566}.control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3;color:#3b464f}.control-label{flex:1 1 auto}#cutoff-slider{width:100%;margin:0;accent-color:#1879d5}.cutoff-ticks{display:flex;justify-content:space-between;margin-top:-3px;font-size:10px;color:#6a7480}.info-wrap{position:relative;display:inline-flex;vertical-align:middle;margin-left:5px}.opt-info-btn{padding:0;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;line-height:0}.opt-info-btn .info-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#6a7480;color:#fff;font-size:10px;font-weight:700;font-style:italic;line-height:1;transition:background .15s}.opt-info-btn:hover .info-icon,.info-wrap.open .info-icon{background:#3b464f}.info-tip{position:fixed;left:0;top:0;width:230px;max-width:min(70vw,260px);padding:8px 10px;background:#3b464f;color:#fff;font-size:11px;font-weight:400;font-style:normal;line-height:1.4;text-align:left;border-radius:6px;box-shadow:0 4px 14px #00000040;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .15s,transform .15s;z-index:1000;pointer-events:none}.info-tip.show{opacity:1;visibility:visible;transform:translateY(0)}#console .console-legend{position:static;margin:0;padding:7px 10px;background:#f8f8f8d9;border:1px solid rgba(0,0,0,.06);border-radius:4px;box-shadow:none;font-size:12px}#console .console-legend .legend-title{font-size:12px;font-weight:600;text-align:center;margin-bottom:4px}#console .console-legend .legend-ticks{font-size:10px}.cgfr-tooltip{pointer-events:none}.cgfr-tooltip .mapboxgl-popup-content{font-family:Poppins,sans-serif;padding:6px 10px;border-radius:6px;box-shadow:0 2px 10px #0000002e}.cgfr-tooltip .mapboxgl-popup-tip{display:none}.cgfr-tooltip .tt-name{font-size:12px;font-weight:600;color:#3b464f;line-height:1.2}@media (max-width: 720px){#top-controls{top:8px;left:8px;width:auto;max-width:calc(100vw - 16px);padding:7px 9px;gap:5px}.explore-nav{font-size:11px;gap:10px}.button-container{flex-wrap:wrap}.button-container>button{padding:4px 8px;font-size:11px}.search-row{flex-wrap:wrap}.region-search{flex-basis:100%}#console{box-sizing:border-box;width:100%;left:0;right:0;top:auto;bottom:0;transform:none;height:auto;max-height:45vh;padding:9px 14px 11px;background:#fffffff7;border:none;border-top:1px solid rgba(0,0,0,.1);border-radius:0;box-shadow:0 -4px 16px #0000001f;overflow-y:auto}#console-close{display:block}#title{font-size:15px;text-align:left;margin:0 34px 7px 0;min-height:30px;display:flex;align-items:center}.panel-actions{margin-top:10px}#data-explanation{width:calc(100vw - 16px);top:8px;left:8px}}
