.counsellor-filter-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4) var(--space-5);max-width:none;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg)}@media(min-width:768px){.counsellor-filter-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end}.counsellor-filter-bar__help{flex:1 1 16rem;max-width:24rem}.counsellor-filter-bar__gender{flex:0 1 22rem}}.counsellor-filter-bar .counsellor-filter-bar__gender{min-width:0;margin:0;padding:0;background:none;border:0;border-radius:0}.counsellor-filter-bar__gender>legend{margin-bottom:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;line-height:var(--leading-snug)}.counsellor-filter-bar__segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;background:var(--color-bg-mist);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill)}.counsellor-filter-bar .counsellor-filter-bar__segment{position:relative;display:flex;align-items:center;justify-content:center;gap:0;min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;color:var(--color-ink-700);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}@media(pointer:coarse){.counsellor-filter-bar .counsellor-filter-bar__segment{min-height:44px}}.counsellor-filter-bar .counsellor-filter-bar__segment input[type=radio]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.counsellor-filter-bar__segment:hover:not(:has(input:checked)){background:var(--color-surface);color:var(--color-ink-900)}.counsellor-filter-bar__segment:has(input:checked){background:var(--color-action);color:var(--color-on-action)}.counsellor-filter-bar__segment:has(input:focus-visible){outline:3px solid var(--color-accent-600);outline-offset:2px}.counsellor-filter-bar__segment:active{transform:scale(.97)}.counsellor-filter-bar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(scripting:enabled){.counsellor-filter-bar__actions:not(:has(>a)){display:none}}@media(max-width:767px){.counsellor-filter-bar__actions{min-height:4.5rem}.counsellor-filter-bar__actions .btn-secondary{flex:1}.counsellor-filter-bar__actions .btn-ghost{margin-left:calc(-1 * var(--space-3))}}