/* One geometry for the default Products and Research inventories. */
.professional-research {
  --browse-top: 30px;
  --browse-inline: 32px;
  --browse-title-size: 30px;
}
.browse-header { padding: var(--browse-top) var(--browse-inline) 0; }
.browse-heading { margin: 0 0 22px; }
.browse-heading-title { position: relative; }
.browse-heading-title h1 { margin: 0; font-size: var(--browse-title-size); line-height: 1.25; letter-spacing: -.02em; }
.browse-heading-title:has(.browse-heading-action) h1 { padding-right: 160px; }
.browse-heading-action { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.browse-heading-action .btn { min-height: 44px; padding-inline: 16px; font-size: 13px; white-space: nowrap; }
.browse-description { margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.browse-search { padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.browse-results-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; margin: 18px 0 1px; }
.browse-results-toolbar .browse-result-count { margin: 0; color: var(--muted); font-size: 12px; line-height: 18px; flex: 1; }
.professional-research .products-search-page > .products-content { padding: 0 0 44px; }
.products-search-page :is(.known-products-inventory,.saved-matches) { margin: 0 var(--browse-inline); }
.products-search-page .saved-matches:not([hidden]), .products-search-page .products-empty { margin-top: 18px; }

.research-toolbar-frame { padding-inline: var(--browse-inline); }
.research-workspace[data-research-view="history"] :is(#research-session-list,.research-session-pages) { padding-inline: var(--browse-inline); }

.research-workspace:not([data-research-view="history"]) .browse-header { padding: 25px 20px 0; }
.research-workspace:not([data-research-view="history"]) .browse-heading-title h1 { font-size: 22px; padding-right: 135px; }
.research-workspace:not([data-research-view="history"]) .browse-heading-action .btn { min-height: 40px; font-size: 11px; padding-inline: 10px; }
.research-workspace:not([data-research-view="history"]) .browse-description { font-size: 12px; }
.research-workspace:not([data-research-view="history"]) .research-toolbar-frame { padding-inline: 20px; }
.research-workspace:not([data-research-view="history"]) .browse-result-count { font-size: 11px; }

@media (min-width: 801px) and (min-height: 560px) {
  /* Products reserves its gutter on the page scroller. Research scrolls only
   * the list, so its fixed header and toolbar reserve that same native gutter. */
  .research-workspace[data-research-view="history"] :is(.research-header-frame,.research-toolbar-frame) { overflow: hidden; scrollbar-gutter: stable; scrollbar-width: thin; }
}
@media (min-width: 1600px) {
  .professional-research { --browse-top: 32px; --browse-inline: 44px; }
}
@media (min-width: 801px) and (max-width: 1250px) {
  .professional-research { --browse-top: 26px; --browse-inline: 24px; }
}
@media (max-width: 800px) {
  .professional-research { --browse-top: 24px; --browse-inline: 20px; }
}
@media (max-width: 500px) {
  .professional-research { --browse-top: 22px; --browse-inline: 16px; --browse-title-size: 27px; }
  .browse-heading-title:has(.browse-heading-action) h1 { padding-right: 145px; }
  .browse-heading-action .btn { padding-inline: 12px; font-size: 12px; }
}
