:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#203342;background:#e7edf0}*{box-sizing:border-box}html,body,.shell{height:100%;margin:0}.shell{display:flex;overflow:hidden}.sidebar{position:relative;z-index:600;width:390px;flex:none;background:#f8faf9;box-shadow:7px 0 26px #102a3e12;display:flex;flex-direction:column}.brand{height:93px;flex:none;background:#173448;color:white;display:flex;align-items:center;padding:18px 23px;gap:14px}.brand-mark{width:42px;height:42px;border:1px solid #79a8ae;border-radius:12px;display:grid;place-items:center;font:600 24px Georgia,serif;color:#d4ded5;background:#ffffff10}.brand h1{font-size:19px;margin:4px 0 0;font-weight:650;letter-spacing:-.02em}.eyebrow{font-size:10px;letter-spacing:.18em;color:#a8ccd1;font-weight:700}.side-scroll{overflow:auto;padding:22px 23px 25px}.intro{margin-bottom:23px}.tag{display:inline-flex;color:#557871;background:#e5eee9;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:750;letter-spacing:.04em}.intro p{color:#637481;line-height:1.55;margin:11px 0 0;font-size:13px}label{font-size:12px;font-weight:650}.search-wrap{position:relative;margin-bottom:15px}.search-wrap label,.filters label,.route-filter label{display:block;margin-bottom:8px;color:#4b626d}.search-wrap input,.filters select,.route-filter select{width:100%;border:1px solid #d6e1e3;border-radius:9px;background:#fff;outline:none;color:#233b4c;height:42px;padding:0 12px;font:inherit;font-size:13px}.search-wrap input{padding-right:39px}.search-wrap input:focus,.filters select:focus,.route-filter select:focus{border-color:#6e9d9d;box-shadow:0 0 0 3px #6e9d9d22}.search-icon{position:absolute;right:13px;bottom:5px;font-size:26px;color:#789095}.filters{margin-bottom:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.section-heading h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#687c86;margin:0}.text-button{font-size:12px;color:#327d86;background:none;border:0;cursor:pointer;font-weight:700}.layers{padding-top:17px;border-top:1px solid #e3e9e9}.layer-row{display:flex;align-items:center;gap:11px;min-height:58px;border-bottom:1px solid #edf0f0;cursor:pointer}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.swatch.yards{background:#397eaa}.swatch.playgrounds{background:#d5a45b}.swatch.containers{background:#9e7088}.swatch.roads{background:#789180}.swatch.routes{background:#7566aa}.layer-title{flex:1;font-size:13px;color:#263d49}.layer-title small{display:block;font-weight:450;font-size:11px;color:#83939a;margin-top:3px}.layer-row b{font-size:11px;color:#9aa8aa;font-weight:600}.layer-row input{position:absolute;opacity:0}.switch{width:31px;height:18px;border-radius:18px;background:#cbd8d9;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s}.layer-row input:checked+.switch{background:#3b8291}.layer-row input:checked+.switch:after{transform:translateX(13px)}.route-filter{background:#eef2f1;border-radius:10px;padding:12px;margin:15px 0}.route-filter p{font-size:11px;line-height:1.4;color:#75878e;margin:8px 0 0}.results{padding-top:22px;margin-top:19px;border-top:1px solid #e3e9e9}.results .section-heading span{color:#9ba8ad;font-size:12px}.result-list{max-height:315px;overflow:auto}.result{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e9eeee;background:transparent;padding:10px 5px 11px;cursor:pointer}.result:hover,.result:focus-visible{background:#eaf2f3;outline:none}.result strong{display:block;font-size:12.5px;line-height:1.35;font-weight:650;color:#2b4350}.result span{display:block;font-size:11px;color:#84949b;margin-top:5px}.empty{font-size:12px;color:#82939b;padding:14px 0;line-height:1.5}footer{border-top:1px solid #e3e9e9;margin-top:20px;padding-top:14px;color:#9aa8ad;font-size:10px;line-height:1.5}footer a{color:inherit}.map-area{position:relative;flex:1;min-width:0}#map{height:100%;width:100%;background:#e8eeeb}.leaflet-control-attribution{font-size:10px!important}.leaflet-control-zoom{border:0!important;box-shadow:0 3px 16px #1e3a482b!important}.leaflet-control-zoom a{border:0!important;color:#2c5765!important}.status{position:absolute;z-index:500;top:20px;left:20px;color:#37616b;background:#fff;border:1px solid #e0e9e8;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px #213c4a1a;font-size:12px}.status[hidden]{display:none}.card{position:absolute;z-index:500;right:20px;bottom:28px;width:min(385px,calc(100% - 40px));max-height:70%;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 16px 40px #132d3f36;padding:22px 24px 24px;border:1px solid #e6eeee}.card[hidden]{display:none}.card>button{position:absolute;top:10px;right:12px;background:#f0f4f4;border:0;border-radius:50%;width:26px;height:26px;color:#56717b;font-size:20px;cursor:pointer}.card-kind{text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:#5c8b91;font-weight:800}.card h2{font-size:17px;line-height:1.35;margin:8px 22px 17px 0;color:#193847}.card dl{margin:0}.card dt{color:#889ba2;font-size:11px;margin-top:12px}.card dd{margin:3px 0 0;font-size:13px;color:#304754;font-weight:600}.mobile-open,.mobile-close{display:none}@media(max-width:760px){.sidebar{position:absolute;top:0;left:0;bottom:0;width:min(390px,90vw);transform:translateX(-105%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.mobile-open{display:block;position:absolute;top:16px;left:15px;z-index:500;border:0;border-radius:9px;background:#173448;color:white;padding:11px 13px;font-size:13px;box-shadow:0 4px 16px #1532443b}.mobile-close{display:block;margin-left:auto;color:white;background:transparent;border:0;font-size:26px;cursor:pointer}.status{top:68px;left:15px}.card{bottom:15px;right:15px;width:calc(100% - 30px);max-height:42%}.leaflet-top.leaflet-left{top:106px}}