.college-map-container{max-width:1600px;padding:var(--space-6) var(--space-4);margin:0 auto}.college-map-card{padding:var(--space-3);margin-top:var(--space-5)}.college-map-layout{gap:var(--space-4);align-items:flex-start;display:flex}.college-map-wrap{aspect-ratio:975/610;border-radius:var(--radius-md);flex:1 1 0;min-width:0;position:relative;overflow:hidden}.college-map-img{object-fit:contain;width:100%;height:100%;display:block}.college-map-dot-label{fill:#fff;font:700 9px var(--font-family);text-anchor:middle;dominant-baseline:central;pointer-events:none}.college-map-legend{font-size:var(--font-size-sm);flex:0 0 240px;margin:0;padding:0;list-style:none}.college-map-legend li{gap:var(--space-2);padding:var(--space-1) 0;align-items:flex-start;display:flex}.college-map-legend-num{color:#fff;height:22px;font-size:var(--font-size-xs);background:#ef4444;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.college-map-legend-text{flex-direction:column;min-width:0;display:flex}.college-map-legend-loc{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (width<=767px){.college-map-layout{flex-direction:column}.college-map-wrap{flex:none;width:100%}.college-map-legend{flex-basis:auto;width:100%}}.college-map-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.college-map-overlay g{pointer-events:auto}