.walking-route-map[data-v-b3312aa1]{background:var(--surface-soft);border:1px solid var(--border-default);border-radius:var(--radius-md);margin:1.5rem 0 2rem;overflow:hidden}.walking-route-map__canvas[data-v-b3312aa1]{height:320px;width:100%}.walking-route-map--compact[data-v-b3312aa1]{margin:0}.walking-route-map--compact .walking-route-map__canvas[data-v-b3312aa1]{height:180px}.walking-route-map__legend[data-v-b3312aa1]{background:var(--surface-base);border-top:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-12) var(--space-20);padding:var(--space-12) var(--space-16)}.walking-route-map__step[data-v-b3312aa1]{align-items:center;color:var(--color-text);display:inline-flex;font-size:var(--fs-small);gap:var(--space-6);line-height:var(--lh-snug)}.walking-route-map__number[data-v-b3312aa1]{align-items:center;background:#0d646d;border-radius:var(--radius-circle);color:var(--color-on-dark);display:inline-flex;flex-shrink:0;font-size:var(--fs-caption);font-weight:var(--fw-bold);height:22px;justify-content:center;width:22px}@media (max-width:640px){.walking-route-map__canvas[data-v-b3312aa1]{height:240px}.walking-route-map__legend[data-v-b3312aa1]{gap:var(--space-8) var(--space-16);padding:var(--space-10) var(--space-12)}.walking-route-map__step[data-v-b3312aa1]{font-size:var(--fs-caption)}}