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