/* "Saved" filter pill next to the results heading. */
.listings-head:has(.nh-saved-pill) {
  display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px;
}
.nh-saved-pill {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 18px;
  border-radius: 9999px; border: 1.5px solid #17284b; background: #fff; color: #17284b;
  font: 700 14px/1 var(--font, system-ui, sans-serif); cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background .2s, color .2s, scale .15s var(--ease, cubic-bezier(.2, .8, .2, 1));
}
.nh-saved-pill[hidden] { display: none; }
.nh-saved-pill:hover { background: #e6f0fa; }
.nh-saved-pill:active { scale: .96; }
.nh-saved-pill:focus-visible { outline: 3px solid var(--brand, #17284b); outline-offset: 2px; }
.nh-saved-pill svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nh-saved-count {
  display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px;
  border-radius: 9999px; background: #e6f0fa; color: #17284b; font-size: 12px; font-weight: 800;
}
.nh-saved-pill[aria-pressed="true"] { background: #17284b; color: #fff; }
.nh-saved-pill[aria-pressed="true"] svg { fill: #fff; }
.nh-saved-pill[aria-pressed="true"] .nh-saved-count { background: rgba(255, 255, 255, .22); color: #fff; }
@media (prefers-reduced-motion: reduce) { .nh-saved-pill { transition: none; } .nh-saved-pill:active { scale: 1; } }