/* One header rhythm for all Resources pages. */
.resources-page.page-section-hero {
  padding-top: var(--page-hero-pad-top) !important;
}
.resources-page .resources-header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  margin: 0 auto 40px;
  text-align: center;
}
.resources-page .resources-header .section-title {
  margin: 0;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.2;
}
.resources-page .resources-tabs {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 32px;
  padding: 0;
}
.resources-page .resources-tabs .pill-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 4px;
  border-radius: 999px;
}
.resources-page .resources-tabs .pill-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.25;
  white-space: nowrap;
  text-decoration: none;
}
.resources-page .resources-search {
  display: flex;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 32px;
}
.resources-page .resources-search[hidden] { display: none; }
.resources-page .resources-search .meth-matrix-search {
  width: 100%;
  max-width: none;
  margin: 0;
}
.resources-page .resources-search .meth-matrix-search-pill {
  width: 100%;
  height: 68px;
}
.resources-page .resources-search .meth-matrix-search-input,
.resources-page .resources-search .meth-matrix-search-input::placeholder {
  font-size: 16px;
}
@media (max-width: 1000px) {
  .resources-page .resources-tabs .pill-tab { padding-inline: 12px; font-size: 14px; }
}
@media (max-width: 767px) {
  .resources-page.page-section-hero {
    padding-top: var(--page-hero-pad-top-mobile) !important;
    padding-inline: 24px !important;
  }
  .resources-page .resources-header { min-height: 78px; margin-bottom: 24px; }
  .resources-page .resources-header .section-title { font-size: 32px; }
  .resources-page .resources-tabs { display: flex; margin-bottom: 24px; }
  .resources-page .resources-tabs .pill-tabs {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .resources-page .resources-tabs .pill-tabs::-webkit-scrollbar { display: none; }
  .resources-page .resources-tabs .pill-tab { flex: 0 0 auto; min-height: 44px; }
  .resources-page .resources-search { margin-bottom: 24px; }
  .resources-page .resources-search .meth-matrix-search-pill { height: 46px; padding: 0 14px; }
  .resources-page .resources-search .meth-matrix-search-input,
  .resources-page .resources-search .meth-matrix-search-input::placeholder { font-size: 14px; }
  /* Preserve Guides' approved compact mobile category menu. */
  .resources-page.guides-page > .resources-tabs { display: none; }
  .resources-page .guides-mobile-categories { display: block; }
}
