.tp-pills{gap:var(--space-2);margin-block:0 var(--space-5);flex-wrap:wrap;display:flex}.tp-pill{min-block-size:var(--control-h-sm);padding-block:var(--space-1-5);padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-head);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.tp-pill[role=tab]{cursor:pointer}.tp-pill[role=tab]:not(.is-active):hover{border-color:var(--color-highlight);color:var(--color-highlight-text)}.tp-pill.is-active{border-color:var(--color-action);background:var(--color-action);color:var(--color-on-accent)}.tp-pill:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:2px}@media (max-width:720px){.tp-pill{min-block-size:var(--touch-target)}}