:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#193d40;background:#f5f5ef;accent-color:#087f78}*{box-sizing:border-box}body{margin:0}header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e1dc}h1{font-size:28px;margin:6px 0}header p{margin:0;color:#607775}.eyebrow{font-size:11px;letter-spacing:2px;color:#087f78}.stamp{font-size:12px;line-height:1.8;text-align:right}main{display:grid;grid-template-columns:320px 1fr;height:calc(100dvh - 175px);min-height:500px}aside{padding:24px;overflow:auto;background:#fff}h2{font-size:20px;margin:0 0 22px}label,legend{font-size:14px;font-weight:600}input[type=search],select{width:100%;padding:12px;border:1px solid #cbd8d4;border-radius:8px;margin:8px 0 20px;background:white;color:#193d40;font-size:16px}fieldset{border:0;padding:0;margin:0 0 22px}#districts{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.check{display:flex;gap:8px;align-items:center;margin-bottom:20px}input[type=checkbox]{width:18px;height:18px}.district{font-size:14px;display:flex;align-items:center;gap:4px}button{cursor:pointer;border:1px solid #cbd8d4;background:#f4f8f6;color:#193d40;padding:10px 16px;border-radius:8px;font:inherit}button:hover{background:#e2efea}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9ab48;outline-offset:2px}hr{border:0;border-top:1px solid #e1e9e5;margin:24px 0}.hint,footer{font-size:12px;color:#607775;line-height:1.7}#status{line-height:1.7;font-size:14px}#import{max-width:100%;margin-top:10px;font-size:12px}.map-panel{position:relative}#map{height:100%;background:#e4ece5}#map-note{position:absolute;bottom:30px;left:12px;right:12px;z-index:500;pointer-events:none;text-align:center;background:#fffffff0;padding:10px;border-radius:8px;font-size:12px}.fit{position:absolute;top:12px;right:12px;z-index:500;background:white}footer{padding:12px 24px;border-top:1px solid #d8e1dc}.result{width:100%;text-align:left;margin-top:8px;line-height:1.6}.result small{display:block;color:#607775}.popup h3{margin:0 0 10px;font-size:18px}.popup dl{display:grid;grid-template-columns:90px 1fr;gap:7px;margin:0 0 12px}.popup dt{color:#607775}.popup dd{margin:0;overflow-wrap:anywhere}.popup a{color:#087f78}.pin{background:transparent;border:0}.pin span{display:block;width:22px;height:22px;border:3px solid white;border-radius:50%;background:#087f78;box-shadow:0 2px 8px #193d4060}.pin .sale{background:#d38328}@media(max-width:700px){header{padding:16px;gap:12px}h1{font-size:22px}header p{font-size:12px}.stamp{font-size:11px}main{display:flex;flex-direction:column;height:auto;min-height:0}aside{padding:20px;overflow:visible}.map-panel{height:60dvh;min-height:380px}#results{max-height:220px;overflow:auto}footer{padding:12px 16px}}

.leaflet-popup-content-wrapper{max-height:75dvh;overflow:auto}.popup{overflow-wrap:anywhere}a{overflow-wrap:anywhere}@media(max-width:700px){.map-panel{order:-1;height:52dvh;min-height:320px}.district,.check{min-height:44px}.fit{max-width:65%}.leaflet-popup-content{max-width:calc(100vw - 90px);margin:12px}.popup dl{grid-template-columns:75px minmax(0,1fr)}}