.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 16px;margin-bottom:24px;border:1px solid #dce5d5;border-radius:8px;background:#edf2e7;color:#405540;font-size:12px}.demo-banner b{font-size:10px;letter-spacing:1px;margin-right:12px}.demo-banner>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demo-banner form{margin:0}.demo-banner button{font:inherit;color:#315f46;border:1px solid #bacbb5;border-radius:5px;background:transparent;padding:6px 10px;cursor:pointer}.demo-banner a{color:#315f46}.demo-access{padding:20px;margin-top:22px;border:1px solid #dce5d5;border-radius:9px;background:#f5f7f0;font-size:12px}.demo-access label{display:block;font-weight:700;margin-bottom:8px}.demo-access select{width:100%;padding:11px;border:1px solid #becbb9;background:white;border-radius:6px;color:#254c39;font:inherit}.demo-access p{line-height:1.6;margin:10px 0}.demo-access code{font-weight:700;font-size:12px;overflow-wrap:anywhere}.demo-access a{color:#315f46;font-weight:600}.login-area{padding-top:32px;padding-bottom:32px}.login-box .intro{margin-bottom:20px}.login-box .help{margin-top:18px;padding-top:16px}.map-status{padding:10px 0;color:#5b6b56;font-size:12px}.leaflet-control-attribution{font-size:10px!important}@media(max-width:600px){.demo-banner{font-size:11px}.demo-banner span{line-height:1.8}.demo-banner b{display:block}.demo-access{padding:16px}}

.metrics .metric-card .metric-hint{display:block;margin-top:8px}

#world-map,#detail-map{background:#dce8e9}.tracking-source[hidden]{display:none!important}