*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;color:#173c34}main{height:100%;display:flex}aside{width:245px;flex-shrink:0;background:#fff;border-right:1px solid #d7e0dc;overflow:auto;padding:24px 12px}.index-title{font-size:12px;letter-spacing:.12em;font-weight:800;padding:0 10px}.index-intro{font-size:14px;color:#63736f;padding:0 10px;margin:10px 0 20px}nav a{display:flex;gap:10px;align-items:center;min-height:46px;padding:8px 10px;color:#173c34;text-decoration:none;font-size:14px;line-height:1.35;border-radius:5px}nav a:hover,nav a:focus-visible{background:#eef4f0;outline:2px solid #507c6b}nav a span{background:#173c34;color:white;display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;font-size:12px;font-weight:700}.map-panel{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:white;border-bottom:1px solid #d7e0dc;min-height:62px}.toolbar label{display:flex;align-items:center;gap:9px;font-size:14px;flex:1}.toolbar select{min-width:0;max-width:270px;width:100%;padding:9px;border:1px solid #baccc3;border-radius:4px;background:white;font-size:14px;color:#173c34}button{padding:10px 12px;background:#fff;border:1px solid #baccc3;border-radius:5px;font-size:14px;color:#173c34;cursor:pointer;white-space:nowrap}button:focus-visible,select:focus-visible{outline:3px solid #d96b4d}#map{flex:1;min-height:250px;background:#e5ede7;z-index:0}.map-footer{display:flex;gap:16px;flex-wrap:wrap;padding:10px 14px;font-size:12px;background:white}.map-footer i{display:inline-block;vertical-align:middle;width:14px;height:10px;border:2px solid #397d68;background:#397d681a;margin-right:5px}#status{position:absolute;top:75px;left:55px;right:20px;z-index:500;background:white;padding:10px 15px;border-radius:5px;font-size:14px;box-shadow:0 2px 10px #0002;margin:0}#status[hidden]{display:none}.guide-pin{background:transparent;border:0}.guide-pin b{display:grid;place-items:center;width:32px;height:32px;background:#173c34;border:2px solid white;color:white;border-radius:50%;box-shadow:0 2px 7px #0005;font:700 13px system-ui}.guide-pin.active b{background:#c15136;width:38px;height:38px}.guide-pin:focus-visible{outline:3px solid #c15136;outline-offset:4px;border-radius:50%}.leaflet-tooltip{font:600 13px system-ui;color:#173c34;padding:7px 10px}.leaflet-control-attribution{font-size:11px!important}.leaflet-control-zoom a{width:36px!important;height:36px!important;line-height:36px!important}.leaflet-container{font-family:system-ui}.leaflet-popup-content{font-size:14px;line-height:1.5}.leaflet-popup-content a{display:block;color:#173c34;font-weight:700;margin-top:8px}.detail aside{display:none}.detail .toolbar{justify-content:space-between}.detail #select-label{display:none}#detail-title{font-size:16px}.detail .map-footer{justify-content:space-between}@media(max-width:700px){aside{display:none}.toolbar{padding:10px;gap:8px}.toolbar label{font-size:0;gap:0}.toolbar select{max-width:none;font-size:14px}.map-footer{gap:8px;font-size:11px;padding:8px 10px}#detail-title{font-size:14px}.guide-pin b{width:30px;height:30px}.toolbar button{padding:10px;font-size:13px}}