/* SHARED·EXPLOREFOOT (420) — the keep-exploring foot chips. (D-591)
 * EXTRACTED from read.css (.wkr-foot/.wkr-chiprow/.wkr-navchip), values verbatim, prefix
 * renamed (→ xfc). Navigation-TEAL, never kind-family coloured (D-591: these are link-outs;
 * teal = navigation). Icon differentiates the destination kind (topic / board / tool).
 * ⚠️ The live read keeps its copy until the reviewed migration pass. */
.xfc { margin-top: var(--space-24); }
.xfc .fl { font-family: var(--font-label); font-size: var(--text-micro); font-weight: var(--weight-600); text-transform: uppercase; letter-spacing: var(--tracking-08); color: var(--text-tertiary); margin-bottom: var(--space-12); }
.xfc .chiprow { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.xfc .chip { display: inline-flex; align-items: center; gap: var(--space-4); font-family: var(--font-label); font-size: var(--text-caption); font-weight: var(--weight-600); color: var(--nav-active); background: var(--teal-100); border: 1px solid var(--teal-200); border-radius: var(--radius-pill); padding: var(--space-8) var(--space-12); cursor: pointer; } /* token-exception */
.xfc .chip:active { transform: scale(0.97); }
.xfc .chip:focus-visible { outline: var(--focus-ring); outline-offset: var(--focus-offset); }
.xfc .chip svg { width: var(--dim-16); height: var(--dim-16); color: var(--accent); }