/* Opt-in choice groups. No enclosing panel, including on narrow screens. */
body .fx-content .fx-chip-list.fx-chip-list {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;
    position: static; width: auto; min-width: 0; gap: 8px; padding: 0;
    border: 0; border-radius: 0; background: none; box-shadow: none;
    backdrop-filter: none; -webkit-backdrop-filter: none;
    overflow: visible; mask: none; -webkit-mask: none; box-sizing: border-box;
}
body .fx-content .fx-chip-list > button,
body .fx-content .fx-chip-list > a {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    flex: 0 1 auto; max-width: 100%; min-height: 44px; padding: 10px 17px;
    border: 1px solid var(--fx-border); border-radius: var(--fx-radius-pill);
    background: var(--fx-bg-subtle); color: var(--fx-text-muted); box-shadow: none;
    font-family: inherit; font-size: 13px; font-weight: 650; line-height: 1.4;
    white-space: normal; text-align: center; text-decoration: none; cursor: pointer;
    transition: background var(--fx-transition-fast), border-color var(--fx-transition-fast), color var(--fx-transition-fast);
}
body .fx-content .fx-chip-list > :is(button, a):hover:not(:disabled) {
    background: var(--fx-bg-hover); border-color: var(--fx-border-strong); color: var(--fx-text-main);
}
body .fx-content .fx-chip-list > :is([aria-pressed="true"], [aria-current], .active) {
    color: var(--fx-ac2); background: var(--fx-ac2-soft);
    border-color: color-mix(in srgb, var(--fx-ac2) 45%, var(--fx-border));
}
body .fx-content .fx-chip-list > :focus-visible { outline: 2px solid var(--fx-ac2); outline-offset: 3px; }
body .fx-content .fx-chip-list > :disabled { opacity: .5; cursor: default; }
@media (prefers-reduced-motion: reduce) {
    body .fx-content .fx-chip-list > :is(button, a) { transition: none; }
}