.chip{font-family:var(--font-sans);letter-spacing:0;background:var(--surface);min-height:40px;color:var(--ink);white-space:nowrap;max-width:100%;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);border-radius:9999px;align-items:center;padding:8px 16px;font-size:16px;font-weight:600;line-height:1.5;display:inline-flex}.chip:hover{background:var(--line)}.chip.is-active{background:var(--ink);color:var(--white)}@media (max-width:768px){.chip{white-space:normal;text-align:left}}.chip-row{flex-wrap:wrap;gap:8px;display:flex}