@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#fafbf9;color:#101a35;font-family:Lato,Arial,sans-serif;font-size:16px;line-height:1.5}main{max-width:1240px;margin:auto;padding:36px 28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{color:#a63510;font-size:11px;font-weight:900;letter-spacing:1.6px;margin:0 0 10px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}header p:last-child{margin:0;color:#596575}.help{flex-shrink:0;border:1px solid #cdd4dc;border-radius:9px;padding:12px 18px;color:#101a35;text-decoration:none;font-weight:700;background:#fff}.help span{color:#cb3900;margin-left:15px}.explorer{border:1px solid #dce2e5;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 40px #101a3508}.toolbar{display:flex;gap:16px;align-items:center;padding:18px;border-bottom:1px solid #e1e5e8}.search{display:flex;align-items:center;flex:1;gap:10px;min-width:150px;border:1px solid #cdd4dc;background:#f9fafb;padding:8px 13px;border-radius:8px}.search span{font-size:24px;color:#536276}.search input{width:100%;border:0;outline:0;background:none;font:inherit;color:inherit;min-width:0}.search:focus-within{outline:3px solid #eebba7;outline-offset:2px}button,select{font:inherit;cursor:pointer}button{border:1px solid #cdd4dc;color:#101a35;background:white;border-radius:8px;padding:11px 15px;font-weight:700}button:hover,.help:hover{background:#f4f6f8}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c84413;outline-offset:3px}.area-select{font-size:12px;color:#596575}select{display:block;max-width:220px;padding:7px;border:0;background:#fff;color:#101a35;font-weight:700}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);height:560px}aside{overflow:auto;border-right:1px solid #dce2e5}.list-heading{position:sticky;top:0;z-index:2;background:#fff;padding:18px 20px 14px;display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #edf0f2}.list-heading span{font-size:11px;color:#657080}.card{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:18px 20px;border-bottom:1px solid #edf0f2;transition:background .15s}.card.selected{background:#fff4ee;box-shadow:inset 3px 0 #e24710}.number{border:1px solid #d5dce3;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;margin-top:2px}.card h2{font-size:16px;margin:0 0 4px;line-height:1.3}.card p{font-size:12px;color:#657080;margin:0 0 12px}.card .actions{display:flex;gap:18px;align-items:center}.card a{font-size:13px;color:#a6340d;font-weight:900;text-decoration:none}.card a:hover{text-decoration:underline}.card button{font-size:12px;padding:6px 0;border:0;color:#536276;font-weight:400;background:none}.map-panel{position:relative;background:#eef1ed;min-width:0}#map{height:100%;width:100%;z-index:1}.map-hint{position:absolute;z-index:500;top:16px;left:50%;transform:translateX(-50%);background:#ffffffed;padding:8px 14px;border:1px solid #d6ddd7;border-radius:24px;font-size:11px;white-space:nowrap;box-shadow:0 2px 8px #0000000a;pointer-events:none}footer{padding:13px 20px;border-top:1px solid #e1e5e8;display:flex;gap:20px;justify-content:space-between;color:#67717f;font-size:11px}footer p{margin:0}.note{font-size:12px;color:#697482;max-width:760px;margin:18px 0 0}.pin{display:flex;align-items:center;justify-content:center;background:#101a35;border:3px solid white;color:white;border-radius:50%;font:bold 12px Lato,Arial,sans-serif;box-shadow:0 2px 8px #101a3540;width:34px;height:34px}.active-pin{background:#e24710;transform:scale(1.15)}.leaflet-popup-content{font-family:Lato,Arial,sans-serif;min-width:190px;margin:18px}.leaflet-popup-content strong{font-size:17px;display:block;margin-bottom:6px}.leaflet-popup-content p{font-size:12px;color:#5d6876;margin:0 0 15px}.leaflet-popup-content a{display:inline-block;background:#d83e06;color:white;padding:10px 15px;border-radius:6px;font-weight:bold;text-decoration:none}.mobile-switch{display:none}#map-error{position:absolute;z-index:600;bottom:35px;margin:15px;padding:12px;background:white;border-radius:8px;font-size:13px}.empty{padding:30px 22px;color:#596575}.missing{font-size:11px!important;color:#896127!important}.leaflet-control-attribution{font-size:10px!important}
@media(max-width:800px){main{padding:22px 12px}header{align-items:flex-start;margin-bottom:20px}h1{font-size:27px}.help{font-size:12px;padding:9px}.help span{margin-left:5px}.eyebrow{font-size:9px}.toolbar{flex-wrap:wrap;gap:10px;padding:12px}.search{flex-basis:100%;padding:6px 12px}.area-select{flex:1}.area-select select{max-width:240px}#reset{padding:8px 10px;font-size:12px}.mobile-switch{display:flex;padding:10px 12px;gap:6px;border-bottom:1px solid #e1e5e8}.mobile-switch button{flex:1;padding:9px;font-size:13px}.mobile-switch button[aria-pressed=true]{background:#101a35;color:white;border-color:#101a35}.workspace{display:block;height:440px}.workspace aside{height:100%;display:none;border:0}.workspace .map-panel{height:100%}.list-view aside{display:block}.list-view .map-panel{display:none}.map-hint{font-size:10px;top:12px}footer{display:block;padding:12px;font-size:10px}footer p+p{margin-top:4px}.note{font-size:11px}header p:last-child{font-size:13px}.card button{min-height:36px}h1{max-width:280px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}