/* Walkable from this clinic (Danny t195, t201, t202). Linked only from clinic pages with the walkable block
   (src/components/LiveMap.astro), so other pages stay inside the page weight budget. Uses tokens from global.css. */
.wk-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-block: 0 var(--s-2); }
.wk-chips[hidden] { display: none; }
.wk-chips, .wk-chip { position: relative; }
.wk .lm-local:lang(ko) { font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Sans CJK KR', system-ui, sans-serif; }
.lm-skip { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lm-skip:focus { position: static; inline-size: auto; block-size: auto; clip-path: none; display: inline-block; margin-block-end: 0.5rem; padding: 0.5rem 0.9rem; background: #1a1a1a; color: #fff; border-radius: var(--radius-sm); }
@media (max-width: 40rem) { .wk-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--s-2)); padding: 0.15rem var(--s-2) 0.35rem; scrollbar-width: thin; } .wk-chip { flex: none; } }
.wk-list li[data-more] { display: none; }
.wk[data-only] .wk-group:not([data-on]) { display: none; }
.wk[data-only] .wk-list li[data-more] { display: flex; }
.wk[data-only] .wk-groups { grid-template-columns: 1fr; }
.wk-chip { display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 44px; padding: 0.3rem 0.85rem; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); color: var(--fg); font: inherit; font-size: var(--fs-sm); cursor: pointer; }
.wk-chip span:not(.lm-dot) { color: var(--fg); }
.wk-chip .wk-n { font-weight: 700; font-variant-numeric: tabular-nums; }
.wk-chip:hover { border-color: var(--teal-700); }
.wk-chip[aria-pressed='true'] { background: #14202b; border-color: #14202b; color: #fff; }
.wk-chip[aria-pressed='true'] span:not(.lm-dot) { color: #fff; }
.wk-chip:disabled { opacity: 0.55; cursor: default; }
.wk-legend { display: flex; align-items: center; gap: 0.5rem; margin-block: var(--s-1) var(--s-2); }
.wk-ring { flex: none; inline-size: 1.4rem; block-size: 1.4rem; border-radius: 50%; border: 2px dashed #293A40; }
.wk-body { display: grid; gap: var(--s-3); }
.wk-groups { display: grid; gap: var(--s-2) var(--s-3); grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); }
.wk-group h3 { display: flex; flex-wrap: wrap; align-items: center; gap: 0.15rem 0.5rem; margin: 0 0 0.35rem; font-size: 1rem; }
.wk-group h3 .lm-dot { margin-inline-end: 0.1rem; }
.wk-count { font-weight: 400; font-size: var(--fs-sm); color: var(--muted); }
.wk-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.1rem; }
.wk-list li { min-inline-size: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.5rem; padding-block: 0.3rem; border-block-end: 1px solid var(--line); }
.wk-list li:last-child { border-block-end: 0; }
.wk-name { font-weight: 600; min-block-size: 24px; display: inline-block; }
.wk-meta { flex-basis: 100%; font-size: var(--fs-sm); color: var(--muted); }
.wk-table { inline-size: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.wk-table caption { text-align: start; font-weight: 600; padding-block-end: 0.35rem; }
.wk-table thead th { white-space: nowrap; }
.wk-k-on { display: none; }
.wk[data-only] .wk-k-all { display: none; }
.wk[data-only] .wk-k-on { display: inline; }
.wk-name, .wk-list .lm-local, .lm-name, .lmx-card-h, .lmx-local, .lm-pron { overflow-wrap: anywhere; }
.wk-table th, .wk-table td { padding: 0.4rem 0.5rem; border-block-end: 1px solid var(--line); text-align: end; font-variant-numeric: tabular-nums; }
.wk-table th[scope='row'], .wk-table thead th:first-child { text-align: start; font-weight: 400; }
/* The dot sits in the cell's start padding, so a long type name wraps under itself, never away from its dot. */
.wk-table th[scope='row'] { position: relative; padding-inline-start: 1.6rem; }
.wk-table th[scope='row'] .lm-dot { position: absolute; inset-inline-start: 0.5rem; inset-block-start: 0.68rem; inline-size: 0.7rem; block-size: 0.7rem; border-width: 2px; }
.wk-same { margin-block-start: var(--s-2); }
html[data-contrast='more'] .wk-chip[aria-pressed='true'] { background: #fff; border-color: #fff; color: #000; }
html[data-contrast='more'] .wk-chip[aria-pressed='true'] span:not(.lm-dot) { color: #000; }
html[data-contrast='more'] .wk-ring { border-color: currentColor; }
/* QA R2-M2: every place of the chosen type as a text list. */
.wk-all[hidden] { display: none; }
.wk-all-list { margin: var(--s-2) 0; padding-inline-start: 1.6rem; columns: 2 18rem; column-gap: 2rem; }
.wk-all-list li { break-inside: avoid; margin-block-end: 0.35rem; }
.wk-all-name { all: unset; display: inline-block; cursor: pointer; color: var(--link); text-underline-offset: 0.18em; font-weight: 600; text-decoration: underline; overflow-wrap: anywhere; min-block-size: 24px; }
.wk-all-name:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.wk-all-list .lm-local, .wk-all-list .wk-meta { display: block; font-size: var(--fs-sm); }
.wk-rings { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-block: 0 var(--s-2); }
.wk-rings[hidden] { display: none; }
.wk-ring-btn { min-inline-size: 44px; min-block-size: 44px; padding: 0.3rem 0.85rem; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); color: var(--fg); font: inherit; font-size: var(--fs-sm); cursor: pointer; }
.wk-ring-btn[aria-pressed='true'] { background: #14202b; border-color: #14202b; color: #fff; }
.wk-ring-btn:focus-visible { outline: 2px solid var(--focus, #b3006b); outline-offset: 2px; }
html[data-contrast='more'] .wk-ring-btn[aria-pressed='true'] { background: #fff; border-color: #fff; color: #000; }
.wk[data-ring='5'] [data-at='1'], .wk[data-ring='5'] [data-at='2'] { display: none; }
.wk[data-ring='10'] [data-at='2'] { display: none; }
.wk[data-js][data-ring='5'] .wk-table [data-col='10'], .wk[data-js][data-ring='5'] .wk-table [data-col='15'] { display: none; }
.wk[data-js][data-ring='10'] .wk-table [data-col='15'] { display: none; }
.wk-transit { margin-block: 0 var(--s-2); }

.wk-empty { display: none; margin: 0; color: var(--muted); }
.wk[data-ring='5'] .wk-group[data-n5='0'] .wk-empty,
.wk[data-ring='10'] .wk-group[data-n10='0'] .wk-empty,
.wk[data-ring='15'] .wk-group[data-n15='0'] .wk-empty { display: block; }
.wk[data-ring='5'] .wk-group[data-n5='0'] .wk-list,
.wk[data-ring='10'] .wk-group[data-n10='0'] .wk-list,
.wk[data-ring='15'] .wk-group[data-n15='0'] .wk-list { display: none; }
.plan-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 44px; block-size: 44px; margin-inline-start: auto; border: 1px solid var(--line-strong); border-radius: var(--pill); background: var(--surface); color: var(--navy-900); text-decoration: none; font-size: 1.15rem; line-height: 1; flex: none; }
.plan-icon:hover { border-color: var(--teal-700); }
.plan-icon:focus-visible { outline: 2px solid var(--focus, #b3006b); outline-offset: 2px; }
.wk-list .plan-icon { margin-block: 0; }

.lm-pron, .wk-list .lm-pron { display: block; flex-basis: 100%; font-size: var(--fs-sm); color: var(--muted); font-weight: 400; }