@media (max-width: 700px) {
  body { margin: 12px; }
  .hdr { flex-wrap: wrap !important; gap: 8px 16px !important; margin-bottom: 14px !important; }
  .hdr img { height: 80px !important; }
  .hdr h1 { order: 3; flex-basis: 100%; font-size: 1.25em !important; }
  #wrap { flex-direction: column; gap: 14px; }
  #facets { width: 100%; margin-top: 0 !important; }
  #main { flex: none; max-width: 100%; }
  #main > div:first-child { display: block !important; }
  #q { width: 100%; box-sizing: border-box; font-size: 16px; padding: 10px; }
  #go { width: 100%; margin-top: 8px; padding: 10px; font-size: 16px; }
  #ac { max-height: 60vh !important; }
  .h { padding: 8px 0; }
  .vals label { padding: 4px 0; font-size: 1em; }
  .vals input.f { font-size: 16px; padding: 8px; }
  input[type=checkbox] { width: 18px; height: 18px; }
  .r { overflow-wrap: anywhere; }
  .ex { max-height: none !important; min-height: 0 !important; }
  .pg a { display: inline-block; padding: 10px 6px; }
}