/* Find-bills page. Reuses tokens/base from measure.css and the bill-card/
   track-all/sign-in styling from topics.css -- only page-specific bits here. */

.f-header { margin: 0 0 22px; }
.f-header h1 { font-size: 1.6rem; margin: 0 0 4px; color: var(--brand-dark); }
.f-header p { color: var(--ink-soft); margin: 0; font-size: .95rem; }

.f-section-sub { font-size: .85rem; color: var(--ink-soft); margin: 0 0 4px; }

.f-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 8px 0 14px; border-bottom: 1px solid var(--line); margin-bottom: 10px; }
.f-toolbar label { font-size: .8rem; font-weight: 600; color: var(--ink-soft); }
.f-select { font: inherit; font-size: .86rem; color: var(--ink); background: #fff;
  border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; cursor: pointer; max-width: 100%; }
.f-select:focus { outline: none; border-color: var(--brand); }

.f-pick-select { min-width: 280px; }

.f-empty { padding: 14px 4px; color: var(--ink-soft); font-size: .9rem; font-style: italic; }

.t-b2-hot { color: var(--brand-dark); font-weight: 700; }

/* Sponsor/committee picker: every option pre-rendered, JS toggles visibility --
   avoids re-syncing tracked-checkbox state on every dropdown change. */
.f-pick-block[hidden] { display: none; }