/* Restore the pre-1.1.20 home wordmark scale, with full text on narrow screens. */
#wpHeader .wp-source-brand b {
  font-size: 22px;
  line-height: 1.2;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
}
@media (max-width: 767px) {
  #wpHeader .wp-source-brand b { font-size: 18px; line-height: 1.25; }
}
@media (max-width: 359px) {
  #wpHeader .wp-source-brand b { font-size: 17px; }
}

/* The category brand block is removed in PHP; the search now starts at the top. */
.wp-category-browser .wp-category-searchbar { top: var(--wp-category-adminbar-height, 0px); }

/* One content gutter covers titles, back links, balances, cards and paragraphs. */
body.wellness-spaced-screen #wp-main {
  padding-inline: clamp(16px, 3vw, 28px);
}
body.wellness-spaced-screen #wp-main > .wp-container.wp-page {
  width: 100%;
  padding-inline: 0;
  margin-inline: auto;
}
body.wellness-spaced-screen .woocommerce-MyAccount-content,
body.wellness-spaced-screen .wpt-panel,
body.wellness-spaced-screen .wp-content { min-width: 0; overflow-wrap: anywhere; }
body.wellness-spaced-screen .wpt-panel > h2 { font-size: clamp(20px, 2.4vw, 24px); line-height: 1.4; }
body.wellness-spaced-screen .wpt-card a:has(> img) { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.wellness-spaced-screen .wpt-card a > b { min-width: 0; overflow-wrap: anywhere; }
body.wellness-spaced-screen .wpt-card a > img { flex: none; }

/* Keep the word label above the orange disc and physically below its lower edge. */
.wp-tabbar .wp-tab--invite { isolation: isolate; padding-top: 44px; }
.wp-tabbar .wp-tab--invite .wp-tab-icon { z-index: 1; }
.wp-tabbar .wp-tab--invite .wp-tab-label {
  position: relative;
  z-index: 2;
  color: var(--wp-ink, #2b2118);
  background: var(--wp-cream, #faf6ef);
  border-radius: 3px;
}
@media (max-width: 479px) { .wp-tabbar .wp-tab--invite { padding-top: 43px; } }
@media (max-width: 374px) { .wp-tabbar .wp-tab--invite { padding-top: 40px; } }

.wellness-agent-levels-screen .wp-agent-heading h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.3; }
.wellness-agent-levels-screen .wp-agent-back { min-height: 44px; align-items: center; }
