.map-wrap{font-family:inherit;padding:1rem 0}
.map-title{font-size:22px;font-weight:700;color:#003153;margin:0 0 4px}
.map-sub{font-size:14px;color:#666;margin:0 0 1.5rem;line-height:1.6}
.legend{display:flex;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:12px;color:#666;flex-wrap:wrap}
.legend-bar{height:10px;width:120px;border-radius:5px;background:linear-gradient(90deg,#dbeafe,#003153)}
.hoods{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.hood{border-radius:10px;padding:14px;cursor:pointer;border:1px solid #e2e8f0;transition:transform .12s}
.hood:hover{transform:translateY(-2px)}
.hood-name{font-size:14px;font-weight:700;margin:0 0 3px;line-height:1.25}
.hood-rent{font-size:12px;margin:0;opacity:.85}
.detail{background:#f8fafc;border-radius:12px;padding:1.25rem;border:1px solid #e2e8f0;margin-top:1rem;display:none}
.detail.on{display:block}
.detail-title{font-size:16px;font-weight:700;color:#003153;margin:0 0 12px}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.detail-stat{background:#fff;border-radius:8px;padding:10px 12px;border:1px solid #e2e8f0}
.stat-label{font-size:11px;color:#666;margin:0 0 4px}
.stat-val{font-size:16px;font-weight:700;color:#003153;margin:0}
.map-note{font-size:12px;color:#94a3b8;line-height:1.6;margin:1.25rem 0 0}