/* METATRON-HEALTH-SEARCH-BROWSE — the directory under the search box.
   Site tokens only; Metatron density rule: nothing above 22px, 24px between
   blocks, 16px grid gap, hairlines instead of empty space, no weight above 600.
   The inset repeats .search-app's own value so the directory sits on the same
   band as the search box instead of bleeding to the viewport edge. */
.search-browse {
  margin: 24px clamp(1rem, 7vw, 10rem) 32px;
}
.search-browse > p.browse-note {
  max-width: 68ch;
  margin: 0 0 24px;
  color: var(--ink-2, #5F5A4F);
  font-size: .875rem;
  line-height: 1.55;
}
.search-browse .browse-group { margin: 0 0 24px; }
.search-browse .browse-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .5rem;
  padding-bottom: .35rem;
  border-bottom: 1px solid var(--line, #D8D0C0);
}
.search-browse .browse-head h2 {
  margin: 0;
  font-size: 1.125rem !important;   /* the site sets h2 !important up to 61.6px */
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
}
.search-browse .browse-head .count {
  color: var(--ink-2, #5F5A4F);
  font: .75rem/1.4 var(--mono, ui-monospace, monospace);
  letter-spacing: .06em;
}
.search-browse .browse-head .what {
  flex: 1 1 100%;
  margin: .2rem 0 0;
  color: var(--ink-2, #5F5A4F);
  font-size: .8125rem;
  line-height: 1.5;
}
.search-browse ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 0 16px;
  margin: .5rem 0 0;
  padding: 0;
  list-style: none;
}
.search-browse li { border-bottom: 1px solid var(--hair, rgba(23,36,31,.1)); }
.search-browse li a {
  display: block;
  padding: .42rem .2rem;
  color: var(--ink, #17241F);
  font-size: .875rem;
  line-height: 1.4;
  text-decoration: none;
}
.search-browse li a:hover { color: var(--brand-text, #173F35); text-decoration: underline; }