/* schools: "where do you want to learn" as a dark pill with a gold pin and a gold count */
  html body #schools .od-top .od-field { background: #1C1810 !important; border: 0 !important; border-radius: 999px !important; color: #FBF7EE;
    min-height: 50px; padding: 0 40px 0 18px !important; gap: 10px !important; box-shadow: 0 10px 22px -16px rgba(28,24,16,.8); }
  html body #schools .od-top .od-field:hover, html body #schools .od-top .od-field:focus-within { background: #2A241A !important; }
  html body #schools .od-top .od-field:focus-within { outline: 2px solid #E9C98F; outline-offset: 2px; }
  html body #schools .od-top .od-field > svg { color: #E9C98F !important; width: 17px; height: 17px; }
  html body #schools .od-fl small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* kept for screen readers */
  html body #schools .od-fl strong { color: #FBF7EE !important; font: 600 15px/1.2 var(--sans) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html body #schools .od-fl { min-width: 0; flex: 1; }
  html body #schools .od-top .od-field { width: 100%; box-sizing: border-box; }
  html body #schools .od-count { flex: none; font: 700 12px/1 var(--sans); font-style: normal; color: #1C1810; background: #E9C98F; border-radius: 999px; padding: 5px 10px; white-space: nowrap; }
  html body #schools .od-count[hidden] { display: none; }
  html body #schools .od-top .od-field::after { border-color: #FBF7EE !important; right: 18px !important; }
  @media (max-width: 1024px) { html body #schools .od-top .od-field { min-height: 48px; } }