.hero-map{background:linear-gradient(180deg,#fff,#f8fafc)}.hero-map-container{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-map-head{max-width:640px;margin-bottom:var(--space-8, 32px)}.hero-map-kicker{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-success, #16a34a);margin-bottom:8px}.hero-map-head h2{margin-bottom:12px;color:var(--color-text-main)}.hero-map-sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.55}.hero-map-figure{width:100%;max-width:920px;margin:0 auto;border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:var(--shadow-card);background:#f1f5f9}.hero-map-img{display:block;width:100%;height:auto}.hero-map-attribution{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;padding:6px 12px;background:#fff}.hero-map-attribution a{color:inherit;text-decoration:underline;text-decoration-color:#1b396f66}.hero-map-attribution a:hover{color:var(--color-primary-blue)}.hero-map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin:20px 0 0;padding:0;list-style:none;max-width:760px}.hero-map-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-muted)}.hero-map-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.hero-map-legend-item--park .hero-map-legend-dot{background:#63dd01}.hero-map-legend-item--stadium .hero-map-legend-dot{background:var(--color-primary-blue, #1b396f)}.hero-map-legend-item--radius .hero-map-legend-dot{background:transparent;border:2px dashed #ef4444}.hero-map-actions{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-map-actions-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-main);margin:0}.hero-map-actions-foot{font-size:var(--text-xs);color:var(--color-text-muted);margin:4px 0 0}@media(max-width:480px){.hero-map-figure{border-radius:var(--radius-md, 12px)}.hero-map-legend{gap:8px 14px;font-size:var(--text-xs)}}@media(max-width:400px){.hero-map-legend{flex-direction:column;align-items:flex-start;gap:6px}}