/* The km | mi switch at the top right of a route page (app/walks.php, walk_units_switcher). */
.walk-head { position: relative; }
.units { position: absolute; inset-block-start: 0; inset-inline-end: 0; display: inline-flex; border: 1px solid var(--line); border-radius: 999px; background: var(--card); overflow: hidden; font-size: .85rem; }
.units a { padding: .3rem .75rem; color: var(--ink-soft); text-decoration: none; line-height: 1.2; }
.units a + a { border-inline-start: 1px solid var(--line); }
.units a[aria-current="true"] { background: var(--pine); color: #fff; }
.units a:not([aria-current="true"]):hover, .units a:focus-visible { background: var(--paper-2); }
@media (max-width: 520px) { .units { position: static; margin: 0 0 .75rem auto; width: max-content; } }