/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 */
/* BariatricPal leaderboard: compact ranked-list treatment. */

:root {
  --lb-accent: #d23b70;
  --lb-gold: #f0bd3f;
  --lb-surface: rgba(255, 255, 255, 0.025);
  --lb-surface-hover: rgba(255, 255, 255, 0.05);
  --lb-rule: rgba(255, 255, 255, 0.09);
  --lb-muted: #a7adb8;
  --lb-focus: #8ec7ff;
  --lb-radius: 12px;
}

.ipsLayout__main .ipsPageHeader {
  margin-bottom: 12px !important;
}

.ipsLayout__main .ipsPageHeader__title {
  font-size: clamp(1.6rem, 2.2vw, 2rem) !important;
  line-height: 1.1 !important;
}

#ipsTabs_leaderboard {
  min-height: 56px !important;
  border-radius: var(--lb-radius) var(--lb-radius) 0 0 !important;
}

#ipsTabs_leaderboard .ipsTabs__tab {
  min-height: 56px !important;
  padding-block: 10px !important;
}

#ipsTabs_leaderboard .ipsTabs__tab i {
  margin-right: 8px !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsButtonBar {
  min-height: 44px !important;
  padding: 6px 12px !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsDataFilters__button {
  min-height: 32px !important;
  padding: 6px 10px !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  counter-reset: leaderboard-rank;
  border-bottom: 1px solid var(--lb-rule) !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 84px !important;
  padding: 10px 14px !important;
  gap: 12px !important;
  counter-increment: leaderboard-rank;
  border: 0 !important;
  border-top: 1px solid var(--lb-rule) !important;
  background: transparent !important;
  transition: background-color 160ms ease-out;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li:hover {
  background: var(--lb-surface-hover) !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li:first-child {
  background: var(--lb-surface) !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li::before {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  content: counter(leaderboard-rank, decimal-leading-zero);
  border-radius: 50%;
  color: var(--lb-muted);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li:first-child::before {
  color: #1c2028;
  background: var(--lb-gold);
}

#ipsTabs_leaderboard_leaderboard_panel .ipsCoverPhoto {
  display: none !important;
}

#ipsTabs_leaderboard_leaderboard_panel .cUserHovercard__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#ipsTabs_leaderboard_leaderboard_panel
  .cUserHovercard__grid
  > .i-padding_2 {
  min-width: 0 !important;
  padding: 0 !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsPhotoPanel {
  align-items: center !important;
  min-width: 0 !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsUserPhoto--fluid {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsPhotoPanel__text {
  min-width: 0 !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsPhotoPanel__text h4 {
  margin: 0 0 3px !important;
  font-size: 1rem !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsPhotoPanel__secondary {
  overflow: hidden;
  color: var(--lb-muted) !important;
  font-size: 0.82rem !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsPhotoPanel__secondary span {
  color: inherit !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsLeaderboard_trophy {
  margin-left: auto !important;
  transform: scale(0.78);
}

#ipsTabs_leaderboard_leaderboard_panel .ipsFluid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(70px, 1fr)) !important;
  gap: 10px !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsFluid > div {
  place-content: center !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsFluid .i-font-size_3 {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsFluid .i-font-weight_500 {
  font-size: 0.75rem !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li > .ipsButtons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li > .ipsButtons > li {
  flex: 0 0 auto !important;
}

#ipsTabs_leaderboard_leaderboard_panel
  .ipsMembers
  > li
  > .ipsButtons
  .ipsButton {
  width: auto !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  white-space: nowrap;
}

#ipsTabs_leaderboard_leaderboard_panel
  .ipsMembers
  > li
  > .ipsButtons
  .ipsButton--primary {
  background: var(--lb-accent) !important;
}

#ipsTabs_leaderboard_leaderboard_panel
  .ipsMembers
  > li
  > .ipsButtons
  .ipsButton:focus-visible {
  outline: 2px solid var(--lb-focus) !important;
  outline-offset: 2px !important;
}

#ipsTabs_leaderboard_leaderboard_panel + * {
  margin-top: 18px !important;
}

@media (max-width: 860px) {
  #ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 12px !important;
    gap: 8px !important;
  }

  #ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li::before {
    width: 30px;
    height: 30px;
    margin-top: 7px;
  }

  #ipsTabs_leaderboard_leaderboard_panel .cUserHovercard__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #ipsTabs_leaderboard_leaderboard_panel .ipsFluid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #ipsTabs_leaderboard_leaderboard_panel .ipsMembers > li > .ipsButtons {
    grid-column: 2;
    justify-content: flex-start !important;
  }

  #ipsTabs_leaderboard_leaderboard_panel .ipsLeaderboard_trophy {
    display: none !important;
  }
}

@media (max-width: 430px) {
  #ipsTabs_leaderboard .ipsTabs__tab {
    padding-inline: 7px !important;
    font-size: 0.78rem !important;
  }

  #ipsTabs_leaderboard .ipsTabs__tab i {
    display: none !important;
  }

  #ipsTabs_leaderboard_leaderboard_panel
    .ipsMembers
    > li
    > .ipsButtons
    .ipsButton {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 0.78rem !important;
  }
}

/* Compact sidebar system */
.ipsLayout__secondary-column .ipsWidget {
  margin-bottom: 16px !important;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15, 28, 58, 0.08);
}

.ipsLayout__secondary-column .ipsWidget__header {
  min-height: 46px;
  padding: 13px 16px !important;
}

.ipsLayout__secondary-column .ipsWidget__header h3 {
  font-size: 0.92rem !important;
  line-height: 1.2;
  letter-spacing: 0.045em;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__item {
  min-height: 0 !important;
  padding: 14px 15px !important;
  gap: 11px !important;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__icon {
  align-self: flex-start;
  flex: 0 0 30px !important;
  width: 30px !important;
  margin-top: 1px;
}

.ipsLayout__secondary-column
  .ipsData--topic-feed-widget
  .ipsData__icon
  .ipsUserPhoto {
  width: 30px !important;
  height: 30px !important;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__content {
  min-width: 0;
  gap: 8px !important;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__main {
  min-width: 0;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__category,
.ipsLayout__secondary-column
  .ipsData--topic-feed-widget
  .ipsData__last[data-ips-hook="latestAuthorPhoto"],
.ipsLayout__secondary-column
  .ipsData--topic-feed-widget
  .ipsData__last[data-ips-hook="latestUserPhoto"] {
  display: none !important;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__title h4 {
  display: -webkit-box;
  overflow: hidden;
  margin: 0 0 4px !important;
  font-size: 0.93rem !important;
  font-weight: 700;
  line-height: 1.28;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__meta {
  overflow: hidden;
  font-size: 0.76rem !important;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__extra {
  align-self: center;
  flex: 0 0 auto;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__stats {
  display: flex !important;
  align-items: center;
  gap: 9px;
}

.ipsLayout__secondary-column .ipsData--topic-feed-widget .ipsData__stats li {
  margin: 0 !important;
  font-size: 0.75rem !important;
}

@media (max-width: 979px) {
  .ipsLayout__secondary-column .ipsWidget {
    margin-bottom: 12px !important;
  }
}

/* Top Members uses the same member-card component in several ranked groups. */
#ipsTabs_leaderboard_members_panel .ipsButtonBar {
  min-height: 44px !important;
  padding: 6px 12px !important;
}

#ipsTabs_leaderboard_members_panel .ipsDataFilters__button {
  min-height: 32px !important;
  padding: 6px 10px !important;
}

#ipsTabs_leaderboard_members_panel [data-role="tableRows"] > div > h2 {
  padding: 12px 14px !important;
  font-size: 0.86rem !important;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

#ipsTabs_leaderboard_members_panel .ipsMembers {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  counter-reset: leaderboard-rank;
  border-bottom: 1px solid var(--lb-rule) !important;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 84px !important;
  padding: 10px 14px !important;
  gap: 12px !important;
  counter-increment: leaderboard-rank;
  border: 0 !important;
  border-top: 1px solid var(--lb-rule) !important;
  background: transparent !important;
  transition: background-color 160ms ease-out;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li:hover {
  background: var(--lb-surface-hover) !important;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li::before {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  content: counter(leaderboard-rank, decimal-leading-zero);
  border-radius: 50%;
  color: var(--lb-muted);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li:first-child::before {
  color: #1c2028;
  background: var(--lb-gold);
}

#ipsTabs_leaderboard_members_panel .ipsCoverPhoto {
  display: none !important;
}

#ipsTabs_leaderboard_members_panel .cUserHovercard__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 180px !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
}

#ipsTabs_leaderboard_members_panel
  .cUserHovercard__grid
  > .i-padding_2 {
  min-width: 0 !important;
  padding: 0 !important;
}

#ipsTabs_leaderboard_members_panel .ipsPhotoPanel {
  align-items: center !important;
  min-width: 0 !important;
}

#ipsTabs_leaderboard_members_panel .ipsUserPhoto--fluid {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
}

#ipsTabs_leaderboard_members_panel .ipsPhotoPanel__text {
  min-width: 0 !important;
}

#ipsTabs_leaderboard_members_panel .ipsPhotoPanel__text h4 {
  margin: 0 0 3px !important;
  font-size: 1rem !important;
}

#ipsTabs_leaderboard_members_panel .ipsPhotoPanel__secondary {
  overflow: hidden;
  color: var(--lb-muted) !important;
  font-size: 0.82rem !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ipsTabs_leaderboard_members_panel .ipsPhotoPanel__secondary span {
  color: inherit !important;
}

#ipsTabs_leaderboard_members_panel .ipsFluid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(70px, 1fr)) !important;
  gap: 10px !important;
}

#ipsTabs_leaderboard_members_panel .ipsFluid > div {
  place-content: center !important;
}

#ipsTabs_leaderboard_members_panel .ipsFluid .i-font-size_3 {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

#ipsTabs_leaderboard_members_panel .ipsFluid .i-font-weight_500 {
  font-size: 0.75rem !important;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li > .ipsButtons {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ipsTabs_leaderboard_members_panel .ipsMembers > li > .ipsButtons > li {
  flex: 0 0 auto !important;
}

#ipsTabs_leaderboard_members_panel
  .ipsMembers
  > li
  > .ipsButtons
  .ipsButton {
  width: auto !important;
  min-height: 36px !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  white-space: nowrap;
}

#ipsTabs_leaderboard_members_panel
  .ipsMembers
  > li
  > .ipsButtons
  .ipsButton--primary {
  background: var(--lb-accent) !important;
}

/* Past Leaders becomes a dense date-by-date results table. */
#ipsTabs_leaderboard_history_panel .cPastLeaders {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid var(--lb-rule);
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_row {
  display: grid !important;
  grid-template-columns: 128px repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  min-height: 76px;
  padding: 10px 14px !important;
  gap: 12px !important;
  border-bottom: 1px solid var(--lb-rule) !important;
  transition: background-color 160ms ease-out;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_row:hover {
  background: var(--lb-surface-hover);
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_title {
  margin: 0 !important;
  font-size: 0.95rem !important;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_title span {
  display: block;
  margin-top: 2px;
  color: var(--lb-muted);
  font-size: 0.74rem;
  font-weight: 500;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell {
  min-width: 0;
  padding: 7px 10px;
  border-radius: 9px;
  background: var(--lb-surface);
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel {
  min-width: 0;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsUserPhoto--fluid {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel__text {
  min-width: 0;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel__primary,
#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel__secondary {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel__secondary {
  color: var(--lb-muted);
  font-size: 0.76rem;
}

#ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsLeaderboard_trophy {
  margin-left: 7px;
  transform: scale(0.72);
}

@media (max-width: 860px) {
  #ipsTabs_leaderboard_members_panel .ipsMembers > li {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 12px !important;
    gap: 8px !important;
  }

  #ipsTabs_leaderboard_members_panel .ipsMembers > li::before {
    width: 30px;
    height: 30px;
    margin-top: 7px;
  }

  #ipsTabs_leaderboard_members_panel .cUserHovercard__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  #ipsTabs_leaderboard_members_panel .ipsFluid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #ipsTabs_leaderboard_members_panel .ipsMembers > li > .ipsButtons {
    grid-column: 2;
    justify-content: flex-start !important;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_title {
    grid-column: 1 / -1;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_title span {
    display: inline;
    margin-left: 4px;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_cell {
    display: block !important;
    min-width: 0;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsPhotoPanel {
    display: grid !important;
    justify-items: center;
    gap: 5px;
    text-align: center;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsLeaderboard_trophy {
    display: none !important;
  }
}

@media (max-width: 430px) {
  #ipsTabs_leaderboard_members_panel
    .ipsMembers
    > li
    > .ipsButtons
    .ipsButton {
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 0.78rem !important;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_row {
    padding-inline: 9px !important;
    gap: 7px !important;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_cell {
    padding: 8px 5px;
  }

  #ipsTabs_leaderboard_history_panel .cPastLeaders_cell .ipsUsername {
    font-size: 0.78rem;
  }
}


/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */
/* BariatricPal site footer and desktop navigation cleanup. */

:root {
  --bp-footer-bg: #20242c;
  --bp-footer-bg-deep: #191d24;
  --bp-footer-field: #2b303a;
  --bp-footer-text: #f4f5f7;
  --bp-footer-muted: #aeb5c0;
  --bp-footer-rule: rgba(255, 255, 255, 0.11);
  --bp-footer-accent: #d83a73;
  --bp-footer-accent-hover: #eb4c86;
  --bp-footer-focus: #8ec7ff;
  --bp-footer-radius: 10px;
}

/* Keep Invision's native More overflow control visible. */

.ipsFooter__footer {
  padding: 0 !important;
  background: var(--bp-footer-bg) !important;
  color: var(--bp-footer-text);
}

.ipsFooter__footer > .ipsWidth {
  width: 100% !important;
  max-width: none !important;
}

.bpSiteFooter {
  width: min(100% - 40px, 1500px);
  margin-inline: auto;
  padding: clamp(42px, 5vw, 72px) 0 44px;
}

.bpSiteFooter__lead {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(360px, 0.9fr);
  align-items: end;
  gap: clamp(36px, 7vw, 110px);
  padding-bottom: 38px;
  border-bottom: 1px solid var(--bp-footer-rule);
}

.bpSiteFooter__brand {
  max-width: 510px;
}

.bpSiteFooter__logo {
  display: block;
  width: min(100%, 280px);
  height: auto;
  margin-bottom: 18px;
}

.bpSiteFooter__logo--light {
  display: none;
}

.bpSiteFooter__brand p {
  max-width: 48ch;
  margin: 0;
  color: var(--bp-footer-muted);
  font-size: 1rem;
  line-height: 1.65;
}

.bpSiteFooter__newsletter {
  width: 100%;
  max-width: 560px;
  justify-self: end;
}

.bpSiteFooter__newsletter > label {
  display: block;
  margin-bottom: 10px;
  color: var(--bp-footer-text);
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.bpSiteFooter__newsletterRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.bpSiteFooter__newsletter input {
  min-width: 0;
  height: 48px;
  padding: 0 15px;
  border: 1px solid var(--bp-footer-rule);
  border-radius: var(--bp-footer-radius);
  background: var(--bp-footer-field);
  color: var(--bp-footer-text);
  font: inherit;
}

.bpSiteFooter__newsletter input::placeholder {
  color: var(--bp-footer-muted);
  opacity: 1;
}

.bpSiteFooter__newsletter button {
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: var(--bp-footer-radius);
  background: var(--bp-footer-accent);
  color: var(--bp-footer-text);
  font: inherit;
  font-weight: 750;
  cursor: pointer;
  transition:
    background-color 160ms ease-out,
    transform 160ms ease-out;
}

.bpSiteFooter__newsletter button:hover {
  background: var(--bp-footer-accent-hover);
}

.bpSiteFooter__newsletter button:active {
  transform: translateY(1px);
}

.bpSiteFooter__newsletter input:focus-visible,
.bpSiteFooter__newsletter button:focus-visible,
.bpSiteFooter__nav a:focus-visible {
  outline: 2px solid var(--bp-footer-focus);
  outline-offset: 3px;
}

.bpSiteFooter__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(24px, 3.5vw, 56px);
  padding-top: 38px;
}

.bpSiteFooter__nav section {
  min-width: 0;
}

.bpSiteFooter__nav h3 {
  margin: 0 0 15px;
  color: var(--bp-footer-text);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  line-height: 1.2;
  text-transform: uppercase;
}

.bpSiteFooter__nav ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bpSiteFooter__nav a {
  color: var(--bp-footer-muted);
  font-size: 0.94rem;
  line-height: 1.4;
  text-decoration: none;
  text-underline-offset: 4px;
  transition: color 140ms ease-out;
}

.bpSiteFooter__nav a:hover {
  color: var(--bp-footer-text);
  text-decoration: underline;
}

.bpSiteFooter__connect {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.bpSiteFooter__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bpSiteFooter__socials a {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--bp-footer-rule);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--bp-footer-text);
  font-size: 1.05rem;
}

.bpSiteFooter__socials a:hover {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.14);
  text-decoration: none;
}

.bpSiteFooter__shopFollow {
  min-height: 36px;
}

.bpSiteFooter__shopFallback {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 9px;
  padding: 0 16px;
  border-radius: 999px;
  background: #5934eb;
  color: #fff !important;
  font-weight: 750;
}

.bpSiteFooter__shopFallback:hover {
  background: #6846f4;
  text-decoration: none !important;
}

.bpSiteFooter__junip {
  display: block;
  width: 100%;
  max-width: 275px;
  min-height: 68px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: #fff;
  color: #18231d !important;
}

.bpSiteFooter__junip:hover {
  border-color: rgba(255, 255, 255, 0.42);
  text-decoration: none !important;
}

.bpSiteFooter__junipFallback {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 10px;
  align-items: center;
}

.bpSiteFooter__junipFallback strong {
  grid-row: 1 / 3;
  display: grid;
  min-width: 62px;
  min-height: 48px;
  place-items: center;
  border-radius: 7px;
  background: #079447;
  color: #fff;
  font-size: 1.2rem;
}

.bpSiteFooter__junipFallback > span:last-of-type {
  color: #18231d;
  font-size: 0.78rem;
  text-transform: uppercase;
}

.bpSiteFooter__junipFallback b {
  color: #079447;
  font-size: 0.9rem;
}

.bpSiteFooter__stars {
  color: #079447;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

.bpSiteFooter__stars span {
  color: #aeb5c0;
}

.bpSiteFooter__junip .junip-badge:not(:empty) + .bpSiteFooter__junipFallback {
  display: none;
}

.bpSiteFooter__utility {
  display: flex;
  justify-content: flex-end;
  padding-top: 18px;
  border-top: 1px solid var(--bp-footer-rule);
}

.bpSiteFooter__utility a {
  color: var(--bp-footer-muted);
  font-size: 0.76rem;
  text-decoration: none;
}

.bpSiteFooter__utility a:hover {
  color: var(--bp-footer-text);
  text-decoration: underline;
}

/* Retain Invision's dynamic controls as the utility bar below the new nav. */
.ipsFooter__align {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  padding: 18px max(20px, calc((100% - 1500px) / 2)) !important;
  border-top: 1px solid var(--bp-footer-rule);
  background: var(--bp-footer-bg-deep);
}

.ipsFooter__align > hr {
  display: none !important;
}

.ipsFooter__align .ipsColorSchemeChanger,
.ipsFooter__align .ipsSocialIcons,
.ipsFooter__align .ipsFooterLinks {
  margin: 0 !important;
}

.ipsFooter__align .ipsSocialIcons {
  justify-self: start;
}

.ipsFooter__align .ipsFooterLinks {
  justify-self: end;
}

.ipsFooter__align .ipsCopyright {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  margin: 0 !important;
  color: var(--bp-footer-muted);
}

@media (prefers-reduced-motion: reduce) {
  .bpSiteFooter__newsletter button,
  .bpSiteFooter__nav a {
    transition: none;
  }
}

@media (max-width: 1200px) {
  .bpSiteFooter__nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .bpSiteFooter__lead {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 28px;
  }

  .bpSiteFooter__newsletter {
    max-width: 620px;
    justify-self: start;
  }

  .bpSiteFooter__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }

  .ipsFooter__align {
    grid-template-columns: 1fr auto !important;
  }

  .ipsFooter__align .ipsCopyright {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: start;
  }
}

@media (max-width: 560px) {
  .bpSiteFooter {
    width: min(100% - 28px, 1500px);
    padding-block: 36px 32px;
  }

  .bpSiteFooter__lead {
    padding-bottom: 30px;
  }

  .bpSiteFooter__newsletterRow {
    grid-template-columns: minmax(0, 1fr);
  }

  .bpSiteFooter__newsletter button {
    width: 100%;
  }

  .bpSiteFooter__nav {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-top: 16px;
  }

  .bpSiteFooter__nav section {
    padding: 18px 0;
    border-bottom: 1px solid var(--bp-footer-rule);
  }

  .bpSiteFooter__nav section:last-child {
    border-bottom: 0;
  }

  .ipsFooter__align {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    padding: 18px 14px !important;
  }

  .ipsFooter__align .ipsSocialIcons,
  .ipsFooter__align .ipsFooterLinks,
  .ipsFooter__align .ipsCopyright {
    grid-column: 1;
    justify-self: start;
  }
}


/* BariatricPal About page */
body:has(#elCmsPageWrap[data-pageid="156"])
  .cWidgetContainer--isWidget:has(
    [data-blockid="app_cms_pagebuildertext_02fd7a"]
  ) {
  display: none;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  > .ipsWidget__content {
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #e2e7f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(16, 30, 67, 0.1);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 24px;
  color: #16213a;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > * {
  margin: 0;
}

/* Hero */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(-n + 5) {
  grid-column: 1 / -1;
  padding-inline: clamp(24px, 5vw, 64px);
  background: #101e43;
  color: #fff;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > h3:first-child {
  padding-top: 48px;
  color: #ff5b91;
  font-size: 0.76rem;
  letter-spacing: 0.16em;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > h2 {
  max-width: 760px;
  padding-top: 10px;
  font-size: clamp(2rem, 4.6vw, 3.7rem);
  line-height: 1.02;
  letter-spacing: -0.035em;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(3) {
  max-width: 760px;
  padding-top: 18px;
  padding-bottom: 24px;
  color: #d9e0ef;
  font-size: 1.08rem;
  line-height: 1.65;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(4),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(5) {
  display: flex;
  width: auto;
  padding-bottom: 10px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(5) {
  padding-left: clamp(24px, 5vw, 64px);
  padding-bottom: 48px;
}

/* CTA links use readable labels instead of displaying raw URLs */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  p:has(> a) {
  font-size: 0;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  p:has(> a)
  a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 6px;
  color: #fff;
  font-size: 0;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: none;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  a[href*="/register/"],
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  a[href*="/forums/"] {
  border-color: #d91d62 !important;
  background: #d91d62;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  a[href*="/register/"]::after {
  content: "Join the community";
  font-size: 0.84rem;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  a[href*="/pages/about-us"]::after {
  content: "Read the Store story";
  font-size: 0.84rem;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  a[href*="/forums/"]::after {
  content: "Visit the forums";
  font-size: 0.84rem;
}

/* Founder story */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(n + 6) {
  padding-inline: clamp(24px, 5vw, 64px);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(6),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(12) {
  grid-column: 1 / -1;
  padding-top: 44px;
  color: #d91d62;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(7),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(13),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(28) {
  grid-column: 1 / -1;
  padding-top: 8px;
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.1;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(8),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(9) {
  grid-column: 1 / 8;
  padding-top: 18px;
  color: #5e6a80;
  line-height: 1.7;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(9) {
  padding-bottom: 44px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(10),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(11) {
  grid-column: 8 / -1;
  padding: 24px 28px;
  border-left: 3px solid #d91d62;
  background: #f5f7fb;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(10) {
  align-self: end;
  padding-bottom: 7px;
  color: #101e43;
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1.5;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(11) {
  align-self: start;
  padding-top: 0;
  color: #5e6a80;
  font-size: 0.78rem;
}

/* Journey cards */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(13) {
  padding-bottom: 26px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(14),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(16),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(18),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(20) {
  padding: 20px 22px 6px;
  border: 1px solid #e1e6ef;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  color: #101e43;
  font-size: 1rem;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(15),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(17),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(19),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(21) {
  padding: 0 22px 20px;
  border: 1px solid #e1e6ef;
  border-top: 0;
  border-radius: 0 0 9px 9px;
  color: #5e6a80;
  line-height: 1.55;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(14),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(15) {
  grid-column: 1 / 7;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(16),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(17) {
  grid-column: 7 / -1;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(18),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(19) {
  grid-column: 1 / 7;
  margin-top: 16px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(20),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(21) {
  grid-column: 7 / -1;
  margin-top: 16px;
}

/* Three community values */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(22),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(24),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(26) {
  margin-top: 44px;
  padding: 20px 20px 4px;
  background: #f5f7fb;
  color: #d91d62;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(23),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(25),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(27) {
  padding: 0 20px 20px;
  background: #f5f7fb;
  color: #5e6a80;
  line-height: 1.5;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(22),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(23) {
  grid-column: 1 / 5;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(24),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(25) {
  grid-column: 5 / 9;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(26),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(27) {
  grid-column: 9 / -1;
}

/* Closing CTA */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(28),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(29),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(30) {
  grid-column: 1 / -1;
  background: #182952;
  color: #fff;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(28) {
  margin-top: 48px;
  padding-top: 40px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(29) {
  padding-top: 12px;
  color: #d9e0ef;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(30) {
  padding-top: 22px;
  padding-bottom: 42px;
}

@media (max-width: 720px) {
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText {
    grid-template-columns: 1fr;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > * {
    grid-column: 1 !important;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(4),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(5) {
    width: auto;
    padding-inline: 24px;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(5) {
    padding-top: 0;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(10),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(11) {
    margin-inline: 24px;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(14),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(16),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(18),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(20),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(22),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(24),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(26) {
    margin-top: 12px;
  }
}


/* BariatricPal About page v2: full-width story page */

body:has(#elCmsPageWrap[data-pageid="156"]) {
  --bp-about-ink: #12213f;
  --bp-about-navy: #111c3f;
  --bp-about-navy-soft: #1b2d59;
  --bp-about-pink: #d91d62;
  --bp-about-pink-bright: #f05b91;
  --bp-about-paper: #ffffff;
  --bp-about-wash: #f4f7fb;
  --bp-about-line: #dfe5ee;
  --bp-about-muted: #5a667d;
}

body:has(#elCmsPageWrap[data-pageid="156"])
  .ipsLayout__columns {
  display: block;
}

body:has(#elCmsPageWrap[data-pageid="156"])
  .ipsLayout__secondary-column {
  display: none !important;
}

body:has(#elCmsPageWrap[data-pageid="156"])
  .ipsLayout__primary-column {
  width: 100% !important;
  max-width: none !important;
}

body:has(#elCmsPageWrap[data-pageid="156"])
  .cWidgetContainer--isWidget:has(
    [data-blockid="app_core_stats_fd8867"]
  ),
body:has(#elCmsPageWrap[data-pageid="156"])
  .cWidgetContainer--isWidget:has(
    [data-blockid="app_forums_forumStatistics_9bb32c"]
  ),
body:has(#elCmsPageWrap[data-pageid="156"])
  .cWidgetContainer--isWidget:has(
    [data-blockid="app_cms_Blocks_7570da0e"]
  ) {
  display: none !important;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  > .ipsWidget__content {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 22px 65px rgba(18, 33, 63, 0.13);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 0 28px;
  background: var(--bp-about-paper);
}

/* Hero: one uninterrupted field, with the words doing the visual work. */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(-n + 5) {
  width: auto;
  max-width: none;
  padding-inline: clamp(28px, 7vw, 96px);
  background:
    radial-gradient(circle at 91% 18%, rgba(240, 91, 145, 0.2), transparent 28%),
    linear-gradient(135deg, var(--bp-about-navy) 0%, #142653 100%);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > h3:first-child {
  padding-top: clamp(52px, 7vw, 88px);
  padding-bottom: 0;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > h2 {
  padding-top: 14px;
  padding-right: clamp(28px, 22vw, 360px);
  font-size: clamp(2.65rem, 5.8vw, 5.4rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(3) {
  padding-top: 25px;
  padding-right: clamp(28px, 32vw, 520px);
  padding-bottom: 30px;
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(4),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(5) {
  padding-bottom: 12px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(5) {
  padding-bottom: clamp(56px, 7vw, 88px);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  p:has(> a)
  a {
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 8px;
  transition:
    transform 150ms ease,
    border-color 150ms ease,
    background-color 150ms ease;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  p:has(> a)
  a:hover {
  transform: translateY(-2px);
}

/* Founder story: editorial copy beside a pull quote. */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(6) {
  grid-row: 6;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(7) {
  grid-row: 7;
  max-width: 820px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(8) {
  grid-column: 1 / 8;
  grid-row: 8;
  padding-top: 24px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(9) {
  grid-column: 1 / 8;
  grid-row: 9;
  padding-bottom: 64px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(10),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(11) {
  grid-column: 8 / -1;
  margin-right: clamp(28px, 7vw, 96px);
  border-left: 4px solid var(--bp-about-pink);
  background: var(--bp-about-wash);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(10) {
  grid-row: 8;
  align-self: end;
  padding: 30px 32px 8px;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(11) {
  grid-row: 9;
  align-self: start;
  padding: 3px 32px 30px;
}

/* Journey section: four equal paths, arranged as real paired cards. */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(12) {
  grid-row: 10;
  padding-top: 58px;
  background: var(--bp-about-wash);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(13) {
  grid-row: 11;
  padding-bottom: 30px;
  background: var(--bp-about-wash);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(14),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(16),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(18),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(20) {
  grid-row: 12;
  margin-top: 0;
  padding-top: 25px;
  border-top: 4px solid var(--bp-about-pink);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(15),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(17),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(19),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(21) {
  grid-row: 13;
  margin-top: 0;
  padding-bottom: 28px;
  border-top: 0;
  border-radius: 0 0 10px 10px;
  background: #fff;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(14),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(15) {
  grid-column: 1 / 4;
  margin-left: clamp(28px, 7vw, 96px);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(16),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(17) {
  grid-column: 4 / 7;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(18),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(19) {
  grid-column: 7 / 10;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(20),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(21) {
  grid-column: 10 / -1;
  margin-right: clamp(28px, 7vw, 96px);
}

/* Three reasons to trust the community. */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(22),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(24),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(26) {
  grid-row: 14;
  margin-top: 58px;
  border-top: 1px solid var(--bp-about-line);
  background: transparent;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(23),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(25),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(27) {
  grid-row: 15;
  padding-bottom: 58px;
  background: transparent;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(22),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(23) {
  margin-left: clamp(28px, 7vw, 96px);
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(26),
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(27) {
  margin-right: clamp(28px, 7vw, 96px);
}

/* Closing invitation. */
#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(28) {
  grid-row: 16;
  margin-top: 0;
  padding-top: 58px;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(29) {
  grid-row: 17;
}

#elCmsPageWrap[data-pageid="156"]
  [data-blockid="app_cms_Wysiwyg_2d9172"]
  .ipsRichText
  > :nth-child(30) {
  grid-row: 18;
  padding-bottom: 58px;
}

@media (prefers-reduced-motion: reduce) {
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    p:has(> a)
    a {
    transition: none;
  }
}

@media (max-width: 900px) {
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > h2,
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(3) {
    padding-right: clamp(28px, 7vw, 96px);
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(14),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(15),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(16),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(17),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(18),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(19),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(20),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(21) {
    margin-inline: 0;
  }
}

@media (max-width: 720px) {
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText {
    display: block;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(10),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(11) {
    margin-inline: 24px;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(14),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(16),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(18),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(20) {
    margin: 14px 24px 0;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(15),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(17),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(19),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(21) {
    margin: 0 24px;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(22),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(24),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(26) {
    margin: 32px 24px 0;
  }

  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(23),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(25),
  #elCmsPageWrap[data-pageid="156"]
    [data-blockid="app_cms_Wysiwyg_2d9172"]
    .ipsRichText
    > :nth-child(27) {
    margin: 0 24px;
    padding-bottom: 24px;
  }
}


/* Junip Store parity fix · 2026-07-26 */
.bpSiteFooter__junip {
  display: block;
  width: 230px;
  max-width: 100%;
  min-height: 71px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #18231d !important;
}

.bpSiteFooter__junip:hover {
  text-decoration: none !important;
}

/*
 * Invision's global box-sizing and word-wrap rules override Junip's widget
 * styles. Restore the Store badge's own 230 × 71 horizontal layout.
 */
.bpSiteFooter__junip .junip-badge,
.bpSiteFooter__junip .junip-badge *,
.bpSiteFooter__junip .junip-badge *::before,
.bpSiteFooter__junip .junip-badge *::after {
  box-sizing: border-box;
}

.bpSiteFooter__junip .junip-badge,
.bpSiteFooter__junip .junip-badge-container,
.bpSiteFooter__junip .junip-badge-mini {
  width: 230px !important;
  max-width: 100% !important;
}

.bpSiteFooter__junip .junip-badge-mini {
  min-width: 230px !important;
}

.bpSiteFooter__junip .junip-badge-rating-summary,
.bpSiteFooter__junip .junip-badge-details,
.bpSiteFooter__junip .junip-badge-rating-text {
  min-width: auto !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}




/* BariatricPal private redesign, TEST theme 5 */\n\n:root {\n  --bp-navy: #071a3d;\n  --bp-navy-2: #0d2855;\n  --bp-pink: #ef2b72;\n  --bp-pink-dark: #c9185b;\n  --bp-ink: #12213b;\n  --bp-muted: #60708a;\n  --bp-line: #dbe2ec;\n  --bp-surface: #ffffff;\n  --bp-canvas: #f4f6fa;\n}\n\n/* P2 FIX 2026-08-03: Dark mode site-wide. The IPS JS framework (blocked by\n * Cloudflare WAF 403 on /static/js/*.js) normally sets data-ips-scheme-active\n * from data-ips-scheme. The inline head script already sets data-ips-scheme="dark"\n * from prefers-color-scheme. These global token overrides + body background\n * apply dark mode via CSS alone, without JS. Site-wide, not just forum pages. */\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] {\n  --bp-ink: #f7f9fd;\n  --bp-muted: #aebbd0;\n  --bp-line: #31415d;\n  --bp-surface: #111c31;\n  --bp-canvas: #091326;\n}\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body {\n  background: var(--bp-canvas);\n  color: var(--bp-ink);\n}\n\n/* One width token for the header, breadcrumb bar, content, and forum pages. */\nhtml[data-ips-theme="5"] {\n  --set__i-layout-width: 1320;\n  --i-layout-width: 1320px;\n  --bp-page-width: 1320px;\n}\n\n/* ===== BP THEME 5 WIDE INTEGRATED FORUM SHELL 20260729T082700Z ===== */\n/* Owner: t_44368036. Forum routes alone inherit the wider shell. Public CMS\n * pages assigned to Theme 5 retain the established 1320px theme default. */\n@media (min-width: 1200px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"] {\n    --set__i-layout-width: 1500;\n    --i-layout-width: 1500px;\n    --bp-page-width: 1500px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__columns {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(340px, 360px);\n    column-gap: 24px;\n    align-items: start;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__primary-column,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__secondary-column {\n    width: auto;\n    min-width: 0;\n    max-width: none;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__primary-column {\n    align-self: start;\n  }\n\n  /* Stretch only the transparent rail track to the primary-column boundary.\n   * Cards remain natural-height inside the bounded native sticky owner. */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__secondary-column {\n    align-self: stretch;\n  }\n\n  /* ===== BP THEME 5 BOUNDED SIDEBAR SCROLL 20260730 t_da434b74 =====\n   * Only a rail proven taller than the usable viewport receives bounded\n   * ownership. Short rails keep Invision's native top-sticky behavior. */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner[data-bp-sidebar-scroll="bounded"] {\n    box-sizing: border-box;\n    --bp-sidebar-sticky-offset: 0px;\n    position: relative !important;\n    top: var(--bp-sidebar-sticky-offset) !important;\n    bottom: auto !important;\n    max-height: none;\n    overflow: visible;\n    overscroll-behavior: auto;\n    scrollbar-gutter: auto;\n    transition: none !important;\n    animation: none !important;\n    transform: none !important;\n  }\n\n  /* Invision's outer wrapper is a second sticky owner. Release it only while\n   * the inner rail is actively bounded, so Chromium cannot retain an adjusted\n   * sticky end inset during reversal. */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky-outer:has(> .ipsLayout__secondary-sticky-inner[data-bp-sidebar-scroll="bounded"]) {\n    position: static !important;\n    inset-block: auto !important;\n    min-height: 0 !important;\n    height: auto !important;\n    align-self: start !important;\n    transition: none !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="topic"] .ipsEntry__post .ipsRichText--user {\n    max-width: 85ch;\n  }\n}\n\n/* Below the controller breakpoint, release Invision's outer sticky owner as\n * well as the inner rail. This keeps stacked Theme 5 forum layouts in normal\n * document flow without changing Theme 7 or non-forum routes. */\n@media (max-width: 1199px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky-outer {\n    position: static !important;\n    inset-block: auto !important;\n    min-height: 0 !important;\n    height: auto !important;\n  }\n}\n\n/* The footer has its own legacy 1500px wrapper. Keep its content on the same\n * centered shell as the header, breadcrumb bar, and page body. */\nhtml[data-ips-theme="5"] .bpSiteFooter,\nhtml[data-ips-theme="5"] .ipsFooter__align {\n  box-sizing: border-box;\n  width: min(calc(100% - (2 * var(--i-layout-gutter))), var(--bp-page-width)) !important;\n  max-width: var(--bp-page-width) !important;\n  margin-inline: auto !important;\n}\n\nhtml[data-ips-theme="5"] .ipsHeader {\n  background: var(--bp-navy);\n  border-bottom: 3px solid var(--bp-pink);\n  box-shadow: 0 8px 24px rgba(7, 26, 61, .18);\n}\n\nhtml[data-ips-theme="5"] .ipsHeader a,\nhtml[data-ips-theme="5"] .ipsHeader button {\n  letter-spacing: .02em;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] {\n  background: var(--bp-canvas);\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] {\n  --bp-ink: #f7f9fd;\n  --bp-muted: #aebbd0;\n  --bp-line: #31415d;\n  --bp-surface: #111c31;\n  --bp-canvas: #091326;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] #ipsLayout__main {\n  color: var(--bp-ink);\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsWidget,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--forum-grid {\n  background: var(--bp-surface);\n  border: 1px solid var(--bp-line);\n  border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(7, 26, 61, .07);\n  overflow: hidden;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsWidget__header,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__header {\n  background: var(--bp-navy);\n  border: 0;\n  color: #fff;\n  padding: 15px 18px;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsWidget__header h3,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__header h2 {\n  color: #fff;\n  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;\n  font-size: 17px;\n  font-stretch: condensed;\n  font-weight: 800;\n  letter-spacing: .055em;\n  line-height: 1.1;\n  text-transform: uppercase;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader {\n  align-items: center;\n  background: var(--bp-navy);\n  border: 0;\n  border-radius: 10px;\n  color: #fff;\n  margin-bottom: 18px;\n  padding: 16px 18px;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader h1 {\n  color: #fff;\n  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;\n  font-size: clamp(24px, 3vw, 38px);\n  font-weight: 800;\n  letter-spacing: .045em;\n  text-transform: uppercase;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] a[href$="/startTopic/"] {\n  background: var(--bp-pink);\n  border: 0;\n  border-radius: 7px;\n  box-shadow: 0 8px 18px rgba(239, 43, 114, .24);\n  color: #fff;\n  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;\n  font-weight: 800;\n  letter-spacing: .045em;\n  text-transform: uppercase;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] a[href$="/startTopic/"]:hover {\n  background: var(--bp-pink-dark);\n  color: #fff;\n  transform: translateY(-1px);\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] {\n  margin-bottom: 18px;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__item {\n  border-color: var(--bp-line);\n  min-height: 0;\n  padding: 17px;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__category a {\n  color: var(--bp-pink-dark);\n  font-size: 12px;\n  font-weight: 750;\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__category a {\n  color: #ff77a8;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__title h4 {\n  font-size: 16px;\n  line-height: 1.28;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__meta,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__stats {\n  color: var(--bp-muted);\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--forum-grid > .ipsData__item,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--forum-list > .ipsData__item {\n  border-color: var(--bp-line);\n  padding-block: 18px;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__title h3 a {\n  color: var(--bp-ink);\n  font-weight: 760;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__desc,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__meta {\n  color: var(--bp-muted);\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsUserPhoto img {\n  border: 2px solid rgba(239, 43, 114, .22);\n}\n\n@media (max-width: 767px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__columns,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__primary-column,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsLayout__secondary-column,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner {\n    box-sizing: border-box;\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n    flex-basis: 100%;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .cWidgetContainer,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsWidget {\n    width: 100%;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader {\n    border-radius: 8px;\n    margin-bottom: 12px;\n    padding: 12px 14px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsPageHeader h1 {\n    font-size: 24px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__item {\n    min-height: 0;\n    padding: 13px 12px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__extra,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__last {\n    display: none;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsWidget__header,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__header {\n    padding: 12px 14px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--forum-grid > .ipsData__item,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData--forum-list > .ipsData__item {\n    padding-block: 14px;\n  }\n}\n\n/* Keep the native generated More menu. */\n\n/* BariatricPal footer legal links 20260727 */\n.ipsFooterLinks li:has(> a[href$="/privacy/"]),\n.ipsFooterLinks li:has(> a[href$="/cookies/"]) {\n  display: none !important;\n}\n\n.bpSiteFooter__utility {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px 18px;\n}\n\n/* BariatricPal sidebar ad order 20260727 */\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner {\n  display: flex;\n  flex-direction: column;\n}\n\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > [data-role="sidebarAd"] {\n  order: 100;\n  width: 100%;\n  margin-top: 20px;\n}\n\n/* Hallmark · pre-emit critique: P5 H5 E4 S5 R5 V4 */\n/* BariatricPal site footer and desktop navigation cleanup. */\n\n:root {\n  --bp-footer-bg: #20242c;\n  --bp-footer-bg-deep: #191d24;\n  --bp-footer-field: #2b303a;\n  --bp-footer-text: #f4f5f7;\n  --bp-footer-muted: #aeb5c0;\n  --bp-footer-rule: rgba(255, 255, 255, 0.11);\n  --bp-footer-accent: #d83a73;\n  --bp-footer-accent-hover: #eb4c86;\n  --bp-footer-focus: #8ec7ff;\n  --bp-footer-radius: 10px;\n}\n\n/* About Us is now in the footer, so the generated More menu can go away. */\n/* moreLi hide removed - breaks primary nav overflow */\n\n.ipsFooter__footer {\n  padding: 0 !important;\n  background: var(--bp-footer-bg) !important;\n  color: var(--bp-footer-text);\n}\n\n.ipsFooter__footer > .ipsWidth {\n  width: 100% !important;\n  max-width: none !important;\n}\n\n.bpSiteFooter {\n  width: min(100% - 40px, 1500px);\n  margin-inline: auto;\n  padding: clamp(42px, 5vw, 72px) 0 44px;\n}\n\n/* BP THEME 5 FOOTER NEWSLETTER INTEGRATION 20260729T134500Z */\nhtml[data-ips-theme="5"] .bpSiteFooter__main {\n  display: grid;\n  grid-template-columns: minmax(250px, 0.9fr) minmax(0, 3.6fr);\n  align-items: start;\n  gap: clamp(34px, 4vw, 64px);\n  padding-bottom: 38px;\n  border-bottom: 1px solid var(--bp-footer-rule);\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__brand {\n  min-width: 0;\n  max-width: 320px;\n  padding-right: clamp(22px, 3vw, 42px);\n  border-right: 1px solid var(--bp-footer-rule);\n}\n\n.bpSiteFooter__logo {\n  display: block;\n  width: min(100%, 280px);\n  height: auto;\n  margin-bottom: 18px;\n}\n\n.bpSiteFooter__logo--light {\n  display: none;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__brand p {\n  max-width: 34ch;\n  margin: 0;\n  color: var(--bp-footer-muted);\n  font-size: 0.95rem;\n  line-height: 1.6;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletter {\n  width: 100%;\n  max-width: 300px;\n  margin-top: 26px;\n  padding-top: 22px;\n  border-top: 1px solid var(--bp-footer-rule);\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterTitle {\n  display: block;\n  margin: 0 0 7px;\n  color: var(--bp-footer-text);\n  font-size: 0.94rem;\n  font-weight: 760;\n  letter-spacing: 0;\n  line-height: 1.35;\n  text-transform: none;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterText {\n  margin: 0 0 14px;\n  color: var(--bp-footer-muted);\n  font-size: 0.88rem;\n  line-height: 1.5;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: auto;\n  min-height: 44px;\n  max-width: 100%;\n  padding: 0 16px;\n  border: 1px solid rgba(216, 58, 115, 0.72);\n  border-radius: 8px;\n  background: rgba(216, 58, 115, 0.12);\n  color: var(--bp-footer-text);\n  font: inherit;\n  font-size: 0.88rem;\n  font-weight: 720;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  transition:\n    background-color 160ms ease-out,\n    transform 160ms ease-out;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterButton:hover {\n  border-color: var(--bp-footer-accent-hover);\n  background: rgba(216, 58, 115, 0.24);\n  color: var(--bp-footer-text);\n  text-decoration: none;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterButton:active {\n  transform: translateY(1px);\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterButton:focus-visible,\nhtml[data-ips-theme="5"] .bpSiteFooter__nav a:focus-visible {\n  outline: 2px solid var(--bp-footer-focus);\n  outline-offset: 3px;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterStatus {\n  display: block;\n  margin-top: 9px;\n  color: var(--bp-footer-muted);\n  font-size: 0.78rem;\n  line-height: 1.4;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__newsletterStatus:empty {\n  display: none;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__nav {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(108px, 0.86fr)) minmax(200px, 1.2fr);\n  gap: clamp(20px, 2.4vw, 38px);\n  min-width: 0;\n  padding-top: 0;\n}\n\n.bpSiteFooter__nav section {\n  min-width: 0;\n}\n\n.bpSiteFooter__nav h3 {\n  margin: 0 0 15px;\n  color: var(--bp-footer-text);\n  font-size: 0.82rem;\n  font-weight: 800;\n  letter-spacing: 0.055em;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.bpSiteFooter__nav ul {\n  display: grid;\n  gap: 10px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.bpSiteFooter__nav a {\n  color: var(--bp-footer-muted);\n  font-size: 0.94rem;\n  line-height: 1.4;\n  text-decoration: none;\n  text-underline-offset: 4px;\n  transition: color 140ms ease-out;\n}\n\n.bpSiteFooter__nav a:hover {\n  color: var(--bp-footer-text);\n  text-decoration: underline;\n}\n\n.bpSiteFooter__connect {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.bpSiteFooter__socials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__socials a {\n  display: grid;\n  width: 44px;\n  height: 44px;\n  place-items: center;\n  border: 1px solid var(--bp-footer-rule);\n  border-radius: 50%;\n  background: rgba(255, 255, 255, 0.08);\n  color: var(--bp-footer-text);\n  font-size: 1.05rem;\n}\n\n.bpSiteFooter__socials a:hover {\n  border-color: rgba(255, 255, 255, 0.28);\n  background: rgba(255, 255, 255, 0.14);\n  text-decoration: none;\n}\n\n.bpSiteFooter__shopFollow {\n  min-height: 36px;\n}\n\nhtml[data-ips-theme="5"] .bpSiteFooter__shopFallback {\n  display: inline-flex;\n  min-height: 44px;\n  align-items: center;\n  gap: 9px;\n  padding: 0 16px;\n  border-radius: 999px;\n  background: #5934eb;\n  color: #fff !important;\n  font-weight: 750;\n}\n\n.bpSiteFooter__shopFallback:hover {\n  background: #6846f4;\n  text-decoration: none !important;\n}\n\n/* Junip / store reviews badge: always use static readable card */\n.bpSiteFooter__nav a.bpSiteFooter__junip,\n.bpSiteFooter__connect a.bpSiteFooter__junip,\na.bpSiteFooter__junip {\n  display: block !important;\n  width: min(100%, 300px) !important;\n  max-width: 100% !important;\n  min-height: 0 !important;\n  margin: 0 !important;\n  padding: 12px 14px !important;\n  border: 1px solid rgba(255, 255, 255, 0.22) !important;\n  border-radius: 12px !important;\n  background: #ffffff !important;\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;\n  color: #111827 !important;\n  text-decoration: none !important;\n}\n\n.bpSiteFooter__nav a.bpSiteFooter__junip:hover,\na.bpSiteFooter__junip:hover {\n  border-color: rgba(255, 255, 255, 0.45) !important;\n  text-decoration: none !important;\n}\n\n/* old junip hide removed */\n\n.bpSiteFooter__junipFallback,\n.bpSiteFooter__junip .bpSiteFooter__junipFallback,\n.bpSiteFooter__junip .junip-badge:not(:empty) + .bpSiteFooter__junipFallback {\n  display: grid !important;\n  grid-template-columns: auto minmax(0, 1fr) !important;\n  grid-template-rows: auto auto !important;\n  gap: 3px 12px !important;\n  align-items: center !important;\n  width: 100% !important;\n  color: #111827 !important;\n}\n\n.bpSiteFooter__junipFallback strong {\n  grid-row: 1 / 3 !important;\n  display: grid !important;\n  min-width: 58px !important;\n  min-height: 52px !important;\n  place-items: center !important;\n  border-radius: 10px !important;\n  background: #079447 !important;\n  color: #ffffff !important;\n  font-size: 1.25rem !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n}\n\n.bpSiteFooter__junipFallback .bpSiteFooter__stars,\n.bpSiteFooter__stars {\n  position: relative !important;\n  display: inline-block !important;\n  color: #d1d5db !important;\n  font-size: 1rem !important;\n  letter-spacing: 0.05em !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n\n.bpSiteFooter__stars::before {\n  content: "★★★★★" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  width: calc(var(--rating, 4.51) / 5 * 100%) !important;\n  overflow: hidden !important;\n  color: #079447 !important;\n  white-space: nowrap !important;\n}\n\n.bpSiteFooter__junipFallback > span:last-of-type,\n.bpSiteFooter__junipFallback .bpSiteFooter__junipCount {\n  color: #111827 !important;\n  font-size: 0.9rem !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-transform: none !important;\n  letter-spacing: 0 !important;\n}\n\n.bpSiteFooter__junipFallback b,\n.bpSiteFooter__junipFallback .bpSiteFooter__junipBrand {\n  color: #047857 !important;\n  font-size: 0.78rem !important;\n  font-weight: 800 !important;\n  letter-spacing: 0.04em !important;\n  text-transform: uppercase !important;\n}\n\n/* Kill footer nav link color inheritance on badge text */\n.bpSiteFooter__nav a.bpSiteFooter__junip,\n.bpSiteFooter__nav a.bpSiteFooter__junip *,\n.bpSiteFooter__connect a.bpSiteFooter__junip,\n.bpSiteFooter__connect a.bpSiteFooter__junip * {\n  color: inherit;\n}\n.bpSiteFooter__nav a.bpSiteFooter__junip strong,\n.bpSiteFooter__connect a.bpSiteFooter__junip strong {\n  color: #ffffff !important;\n}\n.bpSiteFooter__nav a.bpSiteFooter__junip .bpSiteFooter__junipCount,\n.bpSiteFooter__connect a.bpSiteFooter__junip .bpSiteFooter__junipCount,\n.bpSiteFooter__nav a.bpSiteFooter__junip > .bpSiteFooter__junipFallback > span:last-of-type,\n.bpSiteFooter__connect a.bpSiteFooter__junip > .bpSiteFooter__junipFallback > span:last-of-type {\n  color: #111827 !important;\n}\n.bpSiteFooter__nav a.bpSiteFooter__junip b,\n.bpSiteFooter__connect a.bpSiteFooter__junip b,\n.bpSiteFooter__nav a.bpSiteFooter__junip .bpSiteFooter__junipBrand,\n.bpSiteFooter__connect a.bpSiteFooter__junip .bpSiteFooter__junipBrand {\n  color: #047857 !important;\n}\n\n.bpSiteFooter__utility {\n  display: flex;\n  justify-content: flex-end;\n  padding-top: 18px;\n  border-top: 1px solid var(--bp-footer-rule);\n}\n\n.bpSiteFooter__utility a {\n  color: var(--bp-footer-muted);\n  font-size: 0.76rem;\n  text-decoration: none;\n}\n\n.bpSiteFooter__utility a:hover {\n  color: var(--bp-footer-text);\n  text-decoration: underline;\n}\n\n/* Retain Invision's dynamic controls as the utility bar below the new nav. */\n.ipsFooter__align {\n  display: grid !important;\n  grid-template-columns: auto 1fr auto !important;\n  align-items: center !important;\n  gap: 18px !important;\n  width: 100% !important;\n  padding: 18px max(20px, calc((100% - 1500px) / 2)) !important;\n  border-top: 1px solid var(--bp-footer-rule);\n  background: var(--bp-footer-bg-deep);\n}\n\n.ipsFooter__align > hr {\n  display: none !important;\n}\n\n.ipsFooter__align .ipsColorSchemeChanger,\n.ipsFooter__align .ipsSocialIcons,\n.ipsFooter__align .ipsFooterLinks {\n  margin: 0 !important;\n}\n\n.ipsFooter__align .ipsSocialIcons{display:none!important;}\n\n.ipsFooter__align .ipsFooterLinks {\n  justify-self: end;\n}\n\n.ipsFooter__align .ipsCopyright {\n  grid-column: 2;\n  grid-row: 1;\n  justify-self: center;\n  margin: 0 !important;\n  color: var(--bp-footer-muted);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .bpSiteFooter__newsletterButton,\n  .bpSiteFooter__nav a {\n    transition: none;\n  }\n}\n\n@media (max-width: 1200px) {\n  html[data-ips-theme="5"] .bpSiteFooter__main {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 34px;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__brand {\n    max-width: 680px;\n    padding-right: 0;\n    border-right: 0;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__newsletter {\n    max-width: 460px;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__nav {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    padding-top: 32px;\n    border-top: 1px solid var(--bp-footer-rule);\n  }\n}\n\n@media (max-width: 900px) {\n  html[data-ips-theme="5"] .bpSiteFooter__nav {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    row-gap: 34px;\n  }\n\n  .ipsFooter__align {\n    grid-template-columns: 1fr auto !important;\n  }\n\n  .ipsFooter__align .ipsCopyright {\n    grid-column: 1 / -1;\n    grid-row: auto;\n    justify-self: start;\n  }\n}\n\n@media (max-width: 560px) {\n  .bpSiteFooter {\n    width: min(100% - 28px, 1500px);\n    padding-block: 36px 32px;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__main {\n    padding-bottom: 30px;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__newsletterButton {\n    width: fit-content;\n  }\n\n  html[data-ips-theme="5"] .bpSiteFooter__nav {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 0;\n    padding-top: 16px;\n  }\n\n  .bpSiteFooter__nav section {\n    padding: 18px 0;\n    border-bottom: 1px solid var(--bp-footer-rule);\n  }\n\n  .bpSiteFooter__nav section:last-child {\n    border-bottom: 0;\n  }\n\n  .ipsFooter__align {\n    grid-template-columns: minmax(0, 1fr) !important;\n    align-items: start !important;\n    padding: 18px 14px !important;\n  }\n\n  .ipsFooter__align .ipsSocialIcons,\n  .ipsFooter__align .ipsFooterLinks,\n  .ipsFooter__align .ipsCopyright {\n    grid-column: 1;\n    justify-self: start;\n  }\n}\n\n/* Compact single-line footer bar 2026-07-27 */\n.bpSiteFooter {\n  padding-bottom: 18px;\n}\n.bpSiteFooter__utility {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 6px 14px !important;\n  padding: 10px 16px 0 !important;\n  border-top: 1px solid var(--bp-footer-rule) !important;\n  margin: 0 !important;\n}\n.bpSiteFooter__utility a,\n.bpSiteFooter__utility .bpFooterContact {\n  color: var(--bp-footer-muted) !important;\n  font-size: 0.78rem !important;\n  text-decoration: none !important;\n  white-space: nowrap;\n  line-height: 1.2;\n}\n.bpSiteFooter__utility a:hover,\n.bpSiteFooter__utility .bpFooterContact:hover {\n  color: var(--bp-footer-text) !important;\n  text-decoration: underline !important;\n}\n\n/* One compact row: theme + copyright + socials; Contact Us lives with legal links above */\n.ipsFooter__align {\n  display: flex !important;\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 8px 16px !important;\n  width: 100% !important;\n  min-height: 0 !important;\n  padding: 8px max(16px, calc((100% - 1500px) / 2)) !important;\n  border-top: 1px solid var(--bp-footer-rule) !important;\n  background: var(--bp-footer-bg-deep) !important;\n}\n.ipsFooter__align > hr {\n  display: none !important;\n}\n.ipsFooter__align .ipsColorSchemeChanger {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 2px !important;\n  margin: 0 !important;\n  order: 1;\n}\n.ipsFooter__align .ipsColorSchemeChanger li {\n  margin: 0 !important;\n}\nhtml[data-ips-theme="5"] .ipsFooter__align .ipsColorSchemeChanger button {\n  width: 44px !important;\n  height: 44px !important;\n  min-height: 44px !important;\n  padding: 0 !important;\n}\n.ipsFooter__align .ipsCopyright {\n  order: 2;\n  flex: 1 1 auto;\n  text-align: center !important;\n  margin: 0 !important;\n  grid-column: unset !important;\n  grid-row: unset !important;\n  justify-self: unset !important;\n  color: var(--bp-footer-muted) !important;\n  font-size: 0.78rem !important;\n  white-space: nowrap;\n}\n/* neutralized re-show of footer socials */\n.ipsFooter__align .ipsSocialIcons a,\n.ipsFooter__align .ipsSocialIcons__icon {\n  width: 32px !important;\n  height: 32px !important;\n}\n/* FooterLinks hide removed — theme switcher needs this list */\n\n@media (max-width: 700px) {\n  .ipsFooter__align {\n    justify-content: center !important;\n  }\n  .ipsFooter__align .ipsCopyright {\n    flex-basis: 100%;\n    order: 3;\n  }\n  .ipsFooter__align .ipsSocialIcons{display:none!important;}\n}\n\n/* Hide Gorgias floating bubble on forum until user opens via Contact Us */\nbody:not(.bp-gorgias-open):not([data-pagecontroller="contact"]) [class^="gorgias-chat-key-"],\nbody:not(.bp-gorgias-open):not([data-pagecontroller="contact"]) [class*=" gorgias-chat-key-"],\nbody:not(.bp-gorgias-open):not([data-pagecontroller="contact"]) div[data-gorgias-chat-launcher],\nbody:not(.bp-gorgias-open):not([data-pagecontroller="contact"]) button[aria-label*="Open chat" i],\nbody:not(.bp-gorgias-open):not([data-pagecontroller="contact"]) button[aria-label*="Open the chat" i] {\n  display: none !important;\n  visibility: hidden !important;\n  pointer-events: none !important;\n}\n\n/* Weight counter: never leave a tall empty white card */\n#ipsLayout_sidebar .cWeightCounter,\n#ipsLayout_sidebar .weightlost,\n.ipsWidget .cWeightCounter,\n.ipsWidget .weightlost {\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: none !important;\n  overflow: visible !important;\n  flex: 0 0 auto !important;\n}\n#ipsLayout_sidebar .ipsWidget[data-blockID*="WeightCounter"],\n#ipsLayout_sidebar .ipsWidget[data-blocktitle="Weight Counter"],\n#ipsLayout_sidebar .ipsWidget:has(.cWeightCounter),\n#ipsLayout_sidebar .ipsWidget:has(.weightlost) {\n  height: auto !important;\n  min-height: 0 !important;\n  flex: 0 0 auto !important;\n  align-self: flex-start !important;\n}\n#ipsLayout_sidebar .ipsWidget:has(.cWeightCounter) .ipsWidget__content,\n#ipsLayout_sidebar .ipsWidget:has(.cWeightCounter) .ipsWidget__content--wrap,\n#ipsLayout_sidebar .cWidgetContainer:has(.cWeightCounter),\n#ipsLayout_sidebar .cWidgetContainer:has(.weightlost),\n#ipsLayout_sidebar .ipsWidget__content--wrap:has(.cWeightCounter) {\n  height: auto !important;\n  min-height: 0 !important;\n  flex: 0 0 auto !important;\n  align-self: flex-start !important;\n}\n/* The legacy ancestor :has() rule above matches the complete sidebar receiver.\n * Restore only the captured semantic rail owner and the nearest Weight Counter\n * widget wrappers on Theme 5 forum routes; unrelated routes keep their baseline. */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > section.cWidgetContainer--main[data-widgetarea="sidebar"][data-widget-area-id="0"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar section.cWidgetContainer--isWidget:has(.cWeightCounter),\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar section.cWidgetContainer--isWidget:has(.weightlost),\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsWidget[data-blockID*="WeightCounter"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsWidget[data-blocktitle="Weight Counter"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsWidget:has(.cWeightCounter),\nhtml[data-ips-theme="5"] body[data-pageapp="forums"] #ipsLayout_sidebar .ipsWidget:has(.weightlost) {\n  width: 100% !important;\n  max-width: 100% !important;\n  align-self: stretch !important;\n}\n/* Page-builder size token should not stretch sidebar widgets vertically */\n#ipsLayout_sidebar .cWidgetContainer {\n  --i-widget--size: auto !important;\n  height: auto !important;\n  min-height: 0 !important;\n  flex: 0 0 auto !important;\n}\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: stretch !important;\n  justify-content: flex-start !important;\n  height: auto !important;\n  min-height: 0 !important;\n}\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > * {\n  flex: 0 0 auto !important;\n  min-height: 0 !important;\n}\n#ipsLayout_sidebar .cWeightCounter__form,\n#ipsLayout_sidebar .cWeightCounter__guest,\n#ipsLayout_sidebar .sidebarWeightForm,\n#ipsLayout_sidebar .sidebarWeightGuest {\n  margin-bottom: 0 !important;\n  padding-bottom: 0 !important;\n  min-height: 0 !important;\n}\n/* Prefer top square house ad again */\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > [data-role="sidebarAd"] {\n  order: unset !important;\n  width: 100%;\n  margin: 0 0 14px !important;\n}\n\n/* Homepage feed widgets: no tall empty white areas under short grids */\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .cWidgetContainer,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .ipsWidget,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .ipsWidget__content,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .ipsWidget__content--wrap,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column i-data {\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: none !important;\n  flex: 0 0 auto !important;\n  align-self: stretch !important;\n}\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .cWidgetContainer {\n  --i-widget--size: auto !important;\n}\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--widget-forums-postFeed,\nbody[data-pageapp="forums"][data-pagecontroller="index"] ul.ipsData {\n  height: auto !important;\n  min-height: 0 !important;\n  align-content: start !important;\n  grid-auto-rows: auto !important;\n}\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget .ipsData__item,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid .ipsData__item,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--widget-forums-postFeed .ipsData__item {\n  min-height: 0 !important;\n  height: auto !important;\n}\n/* Keep house ads from creating empty stretch bands */\nbody[data-pageapp="forums"][data-pagecontroller="index"] .bp-vhad-wrap {\n  margin: 14px 0 !important;\n  min-height: 0 !important;\n}\n\n/* MOBILE 2026-07-27: kill empty white voids in stacked widgets */\n@media (max-width: 979px) {\n  /* Sticky sidebar often keeps a tall flex column on phones */\n  #ipsLayout_sidebar,\n  #ipsLayout_sidebar .ipsLayout__secondary,\n  #ipsLayout_sidebar .ipsLayout__secondary-sticky,\n  #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner {\n    position: static !important;\n    top: auto !important;\n    bottom: auto !important;\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    display: block !important;\n  }\n  #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner {\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: stretch !important;\n    justify-content: flex-start !important;\n  }\n  #ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > *,\n  #ipsLayout_sidebar .cWidgetContainer,\n  #ipsLayout_sidebar .ipsWidget__content--wrap,\n  #ipsLayout_sidebar .ipsWidget,\n  #ipsLayout_sidebar .ipsWidget__content,\n  #ipsLayout_sidebar .ipsWidget__header,\n  #ipsLayout_sidebar i-data,\n  #ipsLayout_sidebar .ipsData,\n  #ipsLayout_sidebar .ipsData__item {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    flex: 0 0 auto !important;\n  }\n  #ipsLayout_sidebar .cWidgetContainer,\n  #ipsLayout_mainArea .cWidgetContainer,\n  .ipsLayout__primary-column .cWidgetContainer {\n    --i-widget--size: auto !important;\n    --i-widget--gap: 0px !important;\n  }\n  /* Main column feed widgets too */\n  #ipsLayout_mainArea .cWidgetContainer,\n  #ipsLayout_mainArea .ipsWidget,\n  #ipsLayout_mainArea .ipsWidget__content,\n  #ipsLayout_mainArea .ipsWidget__content--wrap,\n  #ipsLayout_mainArea i-data,\n  #ipsLayout_mainArea .ipsData,\n  .ipsLayout__primary-column .cWidgetContainer,\n  .ipsLayout__primary-column .ipsWidget,\n  .ipsLayout__primary-column .ipsWidget__content,\n  .ipsLayout__primary-column .ipsWidget__content--wrap {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    flex: 0 0 auto !important;\n  }\n  #ipsLayout_mainArea .ipsData--mini-grid,\n  #ipsLayout_mainArea .ipsData--topic-feed-widget,\n  #ipsLayout_mainArea .ipsData--widget-forums-postFeed,\n  #ipsLayout_sidebar .ipsData--mini-grid,\n  #ipsLayout_sidebar .ipsData--topic-feed-widget,\n  #ipsLayout_sidebar .ipsData--minimal {\n    height: auto !important;\n    min-height: 0 !important;\n    align-content: start !important;\n    grid-auto-rows: auto !important;\n  }\n  /* Empty house-ad shells should not invent white voids */\n  #ipsLayout_mainArea .bp-vhad-wrap,\n  #ipsLayout_sidebar .bp-vhad-wrap,\n  [data-bp-vhad]:not([data-bp-vhad-filled="1"]) {\n    margin-block: 10px !important;\n  }\n}\n\n/* Homepage mini-grids: multi-column cards (New Topics + New Posts) */\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--topic-feed-widget,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--widget-forums-postFeed,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--widget-forums-postFeed.ipsData--mini-grid {\n  display: grid !important;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;\n  gap: 12px !important;\n  align-content: start !important;\n  grid-auto-rows: auto !important;\n  height: auto !important;\n  min-height: 0 !important;\n}\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--topic-feed-widget .ipsData__item,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--widget-forums-postFeed .ipsData__item,\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--widget-forums-postFeed .ipsData__item {\n  min-height: 0 !important;\n  height: auto !important;\n  margin: 0 !important;\n}\n/* Do NOT force topic-feed to single column */\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--topic-feed-widget {\n  grid-template-columns: unset;\n}\n@media (min-width: 980px) {\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--topic-feed-widget,\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--widget-forums-postFeed {\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  }\n}\n@media (max-width: 979px) and (min-width: 600px) {\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--topic-feed-widget,\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--widget-forums-postFeed {\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  }\n}\n@media (max-width: 599px) {\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--topic-feed-widget,\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsData--mini-grid.ipsData--widget-forums-postFeed {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n/* Homepage horizontal feed widgets: always visible, stack cleanly on mobile */\nbody[data-pageapp="forums"][data-pagecontroller="index"] #ipsLayout_mainArea .ipsWidget--horizontal,\nbody[data-pageapp="forums"][data-pagecontroller="index"] #ipsLayout_mainArea .cWidgetContainer[data-widget-orientation="horizontal"],\nbody[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .ipsWidget--horizontal {\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  overflow: visible !important;\n  height: auto !important;\n  min-height: 0 !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n/* Desktop: no main-column house-ad wraps left behind */\n@media (min-width: 980px) {\n  body[data-pageapp="forums"][data-pagecontroller="index"] #ipsLayout_mainArea .bp-vhad-wrap,\n  body[data-pageapp="forums"][data-pagecontroller="index"] .ipsLayout__primary-column .bp-vhad-wrap,\n  body[data-pageapp="forums"][data-pagecontroller="index"] #ipsLayout_mainArea .ipsData__item--advertisement {\n    display: none !important;\n  }\n}\n\n/* Sidebar widgets + ads: no tall empty cards, no ad horizontal jump */\n#ipsLayout_sidebar .cWidgetContainer,\n#ipsLayout_sidebar .ipsWidget,\n#ipsLayout_sidebar .ipsWidget__content,\n#ipsLayout_sidebar .ipsWidget__content--wrap,\n#ipsLayout_sidebar i-data,\n#ipsLayout_sidebar .ipsData,\n#ipsLayout_sidebar .ipsData--minimal,\n#ipsLayout_sidebar .ipsData--topic-feed-widget {\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: none !important;\n  flex: 0 0 auto !important;\n  align-self: stretch !important;\n}\n#ipsLayout_sidebar .cWidgetContainer {\n  --i-widget--size: auto !important;\n}\n#ipsLayout_sidebar .ipsData__item {\n  height: auto !important;\n  min-height: 0 !important;\n}\n#ipsLayout_sidebar [data-role="sidebarAd"],\n#ipsLayout_sidebar .bp-vhad-wrap,\n#ipsLayout_sidebar [data-bp-vhad] {\n  display: block !important;\n  width: 100% !important;\n  max-width: 100% !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  box-sizing: border-box !important;\n  float: none !important;\n  justify-self: stretch !important;\n}\n#ipsLayout_sidebar .bp-vhad__card {\n  width: 100% !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n}\n/* Stop sticky column from inventing empty flex growth */\n#ipsLayout_sidebar .ipsLayout__secondary-sticky-inner > * {\n  flex: 0 0 auto !important;\n}\n\n/* Footer theme / color switcher must stay visible */\n.ipsFooter__align .ipsColorSchemeChanger,\n.ipsFooter__align [data-ips-hook="themeList"],\n.ipsFooter__align ul[data-controller*="colorScheme"] {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  align-items: center !important;\n  gap: 4px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n  order: 1 !important;\n  flex: 0 0 auto !important;\n  max-width: none !important;\n  height: auto !important;\n  min-height: 34px !important;\n  overflow: visible !important;\n}\n.ipsFooter__align .ipsColorSchemeChanger li,\n.ipsFooter__align [data-ips-hook="themeList"] li {\n  display: inline-flex !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\nhtml[data-ips-theme="5"] .ipsFooter__align .ipsColorSchemeChanger button,\nhtml[data-ips-theme="5"] .ipsFooter__align [data-ips-hook="themeList"] button {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 44px !important;\n  height: 44px !important;\n  min-width: 44px !important;\n  min-height: 44px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 1px solid rgba(255,255,255,.22) !important;\n  border-radius: 8px !important;\n  background: rgba(255,255,255,.08) !important;\n  color: #f4f5f7 !important;\n  cursor: pointer !important;\n}\n.ipsFooter__align .ipsColorSchemeChanger button i,\n.ipsFooter__align .ipsColorSchemeChanger button svg,\n.ipsFooter__align [data-ips-hook="themeList"] button i {\n  color: #f4f5f7 !important;\n  fill: #f4f5f7 !important;\n  opacity: 1 !important;\n  font-size: 16px !important;\n}\n.ipsFooter__align .ipsColorSchemeChanger button:hover,\n.ipsFooter__align [data-ips-hook="themeList"] button:hover {\n  background: rgba(255,255,255,.16) !important;\n  border-color: rgba(255,255,255,.35) !important;\n}\n/* If IPS theme-set chooser renders near footer, keep it too */\n.ipsFooter__align .ipsThemeSelector,\n.ipsFooter .ipsThemeSelector,\n[data-role="themeSelector"],\n.ipsApp .cThemeSelector {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n/* Hide DUPLICATE Invision footer bar social icons (Connect column keeps the real set) */\n.ipsFooter__align .ipsSocialIcons,\n.ipsFooter__align ul.ipsSocialIcons,\n.ipsFooter__footer > .ipsWidth .ipsSocialIcons,\ndiv.ipsFooter__align > ul.ipsSocialIcons {\n  display: none !important;\n  visibility: hidden !important;\n  height: 0 !important;\n  max-height: 0 !important;\n  overflow: hidden !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  pointer-events: none !important;\n}\n\n/* FINAL 2026-07-27: kill duplicate footer-bar socials (Connect column keeps icons) */\nhtml body .ipsFooter__align .ipsSocialIcons,\nhtml body .ipsFooter__align ul.ipsSocialIcons,\nhtml body .ipsFooter__footer .ipsFooter__align .ipsSocialIcons,\nhtml body footer .ipsFooter__align .ipsSocialIcons,\nhtml body .ipsApp .ipsFooter__align .ipsSocialIcons {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n  max-height: 0 !important;\n  max-width: 0 !important;\n  overflow: hidden !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  pointer-events: none !important;\n  position: absolute !important;\n  left: -9999px !important;\n}\n\n/* Theme SET switcher lives inside ipsFooterLinks — must stay visible for staff */\nhtml body .ipsFooter__align .ipsFooterLinks {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  list-style: none !important;\n  order: 4 !important;\n  flex: 0 0 auto !important;\n  height: auto !important;\n  max-height: none !important;\n  overflow: visible !important;\n  pointer-events: auto !important;\n  position: static !important;\n  width: auto !important;\n  left: auto !important;\n}\n/* Hide duplicate legal/contact rows already in utility bar */\nhtml body .ipsFooter__align .ipsFooterLinks > li:not([data-ips-hook="themes"]):not([data-ips-hook="languages"]) {\n  display: none !important;\n}\n/* Keep Theme dropdown */\nhtml body .ipsFooter__align .ipsFooterLinks > li[data-ips-hook="themes"] {\n  display: inline-flex !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  margin: 0 !important;\n}\nhtml[data-ips-theme="5"] body .ipsFooter__align .ipsFooterLinks > li[data-ips-hook="themes"] > button {\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 6px !important;\n  min-height: 44px !important;\n  padding: 0 12px !important;\n  border: 1px solid rgba(255,255,255,.22) !important;\n  border-radius: 8px !important;\n  background: rgba(255,255,255,.08) !important;\n  color: #f4f5f7 !important;\n  font-size: 0.85rem !important;\n  cursor: pointer !important;\n}\nhtml body .ipsFooter__align .ipsFooterLinks > li[data-ips-hook="themes"] > button:hover {\n  background: rgba(255,255,255,.16) !important;\n}\n/* Still hide bar social duplicates */\nhtml body .ipsFooter__align .ipsSocialIcons {\n  display: none !important;\n}\n\n/* ===== STATIC JUNIP PRETTY 4.6 2026-07-27 ===== */\n.bpSiteFooter__connect a.bpSiteFooter__junip,\n.bpSiteFooter__nav a.bpSiteFooter__junip,\na.bpSiteFooter__junip,\na.bpSiteFooter__junip--static {\n  display: block !important;\n  width: min(100%, 300px) !important;\n  max-width: 100% !important;\n  margin: 0 !important;\n  padding: 14px 16px !important;\n  border: 1px solid rgba(255,255,255,.18) !important;\n  border-radius: 14px !important;\n  background: #ffffff !important;\n  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;\n  text-decoration: none !important;\n  color: #111827 !important;\n  box-sizing: border-box !important;\n  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;\n}\na.bpSiteFooter__junip--static:hover,\na.bpSiteFooter__junip:hover {\n  transform: translateY(-1px) !important;\n  border-color: rgba(7,148,71,.35) !important;\n  box-shadow: 0 16px 32px rgba(0,0,0,.26) !important;\n  text-decoration: none !important;\n}\n\n/* Hide any leftover live widget bits */\n.bpSiteFooter__junip .junip-badge,\n.bpSiteFooter__junip iframe.bpSiteFooter__junipFrame,\n.bpSiteFooter__junip .junip-store-key {\n  display: none !important;\n}\n\n.bpSiteFooter__junipFallback--static,\n.bpSiteFooter__junip .bpSiteFooter__junipFallback {\n  display: grid !important;\n  grid-template-columns: auto minmax(0, 1fr) !important;\n  grid-template-rows: auto auto !important;\n  column-gap: 12px !important;\n  row-gap: 6px !important;\n  align-items: center !important;\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  background: transparent !important;\n  border: 0 !important;\n  box-shadow: none !important;\n}\n\n.bpSiteFooter__junipScore,\n.bpSiteFooter__junipFallback--static > strong,\n.bpSiteFooter__junipFallback strong {\n  grid-column: 1 !important;\n  grid-row: 1 / 3 !important;\n  display: grid !important;\n  place-items: center !important;\n  min-width: 58px !important;\n  min-height: 58px !important;\n  border-radius: 12px !important;\n  background: linear-gradient(180deg, #0aa854 0%, #079447 100%) !important;\n  color: #ffffff !important;\n  font-size: 1.35rem !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  letter-spacing: -0.02em !important;\n  box-shadow: inset 0 -2px 0 rgba(0,0,0,.12) !important;\n}\n\n.bpSiteFooter__junipMeta {\n  grid-column: 2 !important;\n  grid-row: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 3px !important;\n  min-width: 0 !important;\n}\n\n.bpSiteFooter__junipFallback--static .bpSiteFooter__stars,\n.bpSiteFooter__stars {\n  position: relative !important;\n  display: inline-block !important;\n  color: #d1d5db !important;\n  font-size: 1.15rem !important;\n  letter-spacing: 0.1em !important;\n  line-height: 1 !important;\n  white-space: nowrap !important;\n}\n.bpSiteFooter__stars::before {\n  content: "★★★★★" !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  width: calc(var(--rating, 4.6) / 5 * 100%) !important;\n  overflow: hidden !important;\n  color: #079447 !important;\n  white-space: nowrap !important;\n}\n\n.bpSiteFooter__junipCount {\n  color: #374151 !important;\n  font-size: 0.92rem !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  text-transform: none !important;\n  letter-spacing: 0 !important;\n}\n\n.bpSiteFooter__junipBrand {\n  grid-column: 2 !important;\n  grid-row: 2 !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-self: start !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: #079447 !important;\n  font-size: 0 !important; /* hide leftover text if any */\n}\n.bpSiteFooter__junipLogo {\n  display: block !important;\n  width: 72px !important;\n  height: 20px !important;\n}\n.bpSiteFooter__connect {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  gap: 14px !important;\n}\n\n/* Keep the official Junip aggregate available to its loader without letting\n * the provider markup affect layout. The visible card is updated from it. */\n.bpSiteFooter__junipProvider {\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  clip-path: inset(50%) !important;\n  white-space: nowrap !important;\n  pointer-events: none !important;\n}\n.bpSiteFooter__junip .bpSiteFooter__junipProvider .junip-store-key,\n.bpSiteFooter__junip .bpSiteFooter__junipProvider .junip-badge {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n}\n\n/* Theme 5 forum tree navigation. Desktop uses the native Popover API;\n * the mobile navigation drawer uses a native details/summary disclosure. */\n@media (min-width: 980px) {\n  html[data-ips-theme="5"] .bpForumNav {\n    width: min(1100px, calc(100vw - 40px));\n    inline-size: min(1100px, calc(100vw - 40px)) !important;\n    min-inline-size: min(1100px, calc(100vw - 40px));\n    max-width: calc(100vw - 40px);\n    max-height: min(72vh, 720px);\n    margin: 8px 0 0;\n    padding: 20px;\n    overflow: auto;\n    border: 1px solid var(--bp-line);\n    border-radius: 12px;\n    background: var(--bp-surface);\n    box-shadow: 0 24px 64px rgba(7, 26, 61, .24);\n    color: var(--bp-ink);\n    overscroll-behavior: contain;\n  }\n  html[data-ips-theme="5"] .bpForumNav:popover-open {\n    display: block;\n  }\n  html[data-ips-theme="5"] .bpForumNav > li {\n    min-width: 0;\n    break-inside: avoid;\n  }\n  html[data-ips-theme="5"] .bpForumNav__all,\n  html[data-ips-theme="5"] .bpForumNav__root {\n    grid-column: 1 / -1;\n  }\n  html[data-ips-theme="5"] .bpForumNav__all a {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    align-items: baseline;\n    gap: 10px;\n    min-height: 44px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--bp-navy) 6%, var(--bp-surface));\n    color: var(--bp-ink);\n  }\n  html[data-ips-theme="5"] .bpForumNav__all span {\n    color: var(--bp-muted);\n    font-size: 12px;\n  }\n  html[data-ips-theme="5"] .bpForumNav__root {\n    margin: 8px 0 4px;\n    padding-bottom: 8px;\n    border-bottom: 1px solid var(--bp-line);\n  }\n  html[data-ips-theme="5"] .bpForumNav__root > a {\n    color: var(--bp-pink-dark);\n    font-size: 12px;\n    font-weight: 850;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n  html[data-ips-theme="5"] .bpForumNav__groups {\n    columns: 3;\n    column-gap: 28px;\n  }\n  html[data-ips-theme="5"] .bpForumNav__group {\n    display: block;\n    width: 100%;\n    min-width: 0;\n    padding: 8px 0;\n    overflow-wrap: anywhere;\n    break-inside: avoid;\n  }\n  html[data-ips-theme="5"] .bpForumNav__primary {\n    display: block;\n    padding: 5px 0;\n    color: var(--bp-ink);\n    font-size: 14px;\n    font-weight: 760;\n    line-height: 1.3;\n    overflow-wrap: anywhere;\n    white-space: normal;\n  }\n  html[data-ips-theme="5"] .bpForumNav__group ul {\n    display: grid;\n    gap: 1px;\n    margin: 3px 0 0;\n    padding: 0 0 0 11px;\n    border-left: 1px solid var(--bp-line);\n    list-style: none;\n  }\n  html[data-ips-theme="5"] .bpForumNav__group ul ul {\n    margin-top: 2px;\n    padding-left: 9px;\n  }\n  html[data-ips-theme="5"] .bpForumNav__group > ul > li > ul {\n    display: none;\n  }\n  html[data-ips-theme="5"] .bpForumNav__group li > a {\n    display: block;\n    padding: 4px 0;\n    color: var(--bp-muted);\n    font-size: 12.5px;\n    line-height: 1.3;\n  }\n  html[data-ips-theme="5"] .bpForumNav a:hover {\n    color: var(--bp-pink-dark);\n    text-decoration: none;\n  }\n  html[data-ips-theme="5"] .bpForumNav a:focus-visible,\n  html[data-ips-theme="5"] .bpForumNav__trigger:focus-visible {\n    border-radius: 4px;\n    outline: 3px solid var(--bp-pink);\n    outline-offset: 3px;\n  }\n  html[data-ips-theme="5"][data-ips-scheme="dark"] .bpForumNav {\n    --bp-ink: #f7f9fd;\n    --bp-muted: #aebbd0;\n    --bp-line: #31415d;\n    --bp-surface: #111c31;\n  }\n  html[data-ips-theme="5"][data-ips-scheme="dark"] .bpForumNav__root > a,\n  html[data-ips-theme="5"][data-ips-scheme="dark"] .bpForumNav a:hover {\n    color: #ff77a8;\n  }\n}\n\n@media (max-width: 1200px) and (min-width: 980px) {\n  html[data-ips-theme="5"] .bpForumNav {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 979px) {\n  html[data-ips-theme="5"] .bpForumNavMobile {\n    width: 100%;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile > summary {\n    display: flex;\n    min-height: 48px;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 14px;\n    cursor: pointer;\n    list-style: none;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile > summary::-webkit-details-marker {\n    display: none;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile > summary > .fa-angle-down {\n    margin-left: auto;\n    transition: transform .16s ease;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile[open] > summary > .fa-angle-down {\n    transform: rotate(180deg);\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile__panel {\n    max-height: 62vh;\n    padding: 0 14px 18px 42px;\n    overflow: auto;\n    overscroll-behavior: contain;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__list,\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__list ul {\n    display: grid;\n    gap: 2px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__list ul {\n    margin-left: 8px;\n    padding-left: 10px;\n    border-left: 1px solid currentColor;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__root {\n    margin-top: 10px;\n    color: var(--bp-pink-dark);\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: .07em;\n    text-transform: uppercase;\n  }\n  html[data-ips-theme="5"][data-ips-scheme="dark"] .bpForumNavMobile .bpForumNav__root {\n    color: #ff77a8;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile a {\n    display: block;\n    min-height: 44px;\n    padding: 11px 0;\n    color: inherit;\n    line-height: 1.35;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__primary,\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__all strong {\n    font-weight: 760;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile .bpForumNav__all span {\n    display: block;\n    opacity: .72;\n    font-size: 12px;\n  }\n  html[data-ips-theme="5"] .bpForumNavMobile a:focus-visible,\n  html[data-ips-theme="5"] .bpForumNavMobile > summary:focus-visible {\n    border-radius: 4px;\n    outline: 3px solid var(--bp-pink);\n    outline-offset: 2px;\n  }\n}\n\n/* ===== My Surgery order + stats 2026-07-27e ===== */\n.cPatientStats,\nbody[data-pagecontroller="profile"] .cPatientStats {\n  display: grid !important;\n  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n  gap: 12px 18px !important;\n  margin: 0 0 1.25rem !important;\n  padding: 16px 18px !important;\n  border: 1px solid rgba(15, 23, 42, 0.08) !important;\n  border-radius: 14px !important;\n  background: #f8fafc !important;\n}\nhtml[data-ips-scheme="dark"] .cPatientStats {\n  background: rgba(255,255,255,0.04) !important;\n  border-color: rgba(255,255,255,0.08) !important;\n}\n.cPatientStats > div {\n  margin: 0 !important;\n  line-height: 1.35 !important;\n  color: #111827 !important;\n}\nhtml[data-ips-scheme="dark"] .cPatientStats > div {\n  color: #e5e7eb !important;\n}\n.cPatientStats .i-font-weight_bold {\n  color: #0f172a !important;\n  font-weight: 800 !important;\n}\nhtml[data-ips-scheme="dark"] .cPatientStats .i-font-weight_bold {\n  color: #f8fafc !important;\n}\n.cPatientStory {\n  margin: 0 0 1.25rem !important;\n  max-width: 72ch !important;\n  color: #1f2937 !important;\n  font-size: 1.02rem !important;\n  line-height: 1.7 !important;\n}\nhtml[data-ips-scheme="dark"] .cPatientStory {\n  color: #e5e7eb !important;\n}\n.cPatientStory p {\n  margin: 0 0 0.95em !important;\n  opacity: 1 !important;\n  color: inherit !important;\n}\n.cPatientStory p:last-child { margin-bottom: 0 !important; }\n@media (max-width: 767px) {\n  .cPatientStats { grid-template-columns: 1fr !important; }\n}\n\n/* ===== My Surgery photos row 2026-07-27f ===== */\n.cPatientPhotos {\n  margin: 0 0 1.25rem !important;\n}\n.cPatientPhotos__row {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 14px !important;\n  align-items: stretch !important;\n}\n.cPatientPhotos .cPatientPhoto {\n  position: relative !important;\n  flex: 1 1 220px !important;\n  max-width: 320px !important;\n  margin: 0 !important;\n  border-radius: 12px !important;\n  overflow: hidden !important;\n  background: #0f172a !important;\n  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12) !important;\n}\n.cPatientPhotos .cPatientPhoto img,\n.cPatientPhotos .cPatientPhoto .ipsImage {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-height: 280px !important;\n  object-fit: cover !important;\n}\n.cPatientPhotos .cPatientPhoto_badge {\n  position: absolute !important;\n  left: 10px !important;\n  bottom: 10px !important;\n  z-index: 2 !important;\n}\n.cPatientStory {\n  margin: 0 0 1.25rem !important;\n  max-width: 72ch !important;\n  color: #1f2937 !important;\n  font-size: 1.02rem !important;\n  line-height: 1.7 !important;\n}\nhtml[data-ips-scheme="dark"] .cPatientStory {\n  color: #e5e7eb !important;\n}\n.cPatientStory p {\n  margin: 0 0 0.95em !important;\n  opacity: 1 !important;\n  color: inherit !important;\n}\n.cPatientSurgeonBlock {\n  margin-top: 1.25rem !important;\n}\n\n/* ===== SIDEBAR ADS STAY VISIBLE 2026-07-27v ===== */\n#ipsLayout_sidebar [data-bp-vhad],\n#ipsLayout_sidebar .bp-vhad-wrap,\n#ipsLayout_sidebar [data-role="sidebarAd"],\n.ipsLayout__secondary-column [data-bp-vhad],\n.ipsLayout__secondary-column .bp-vhad-wrap,\n.ipsLayout__secondary [data-bp-vhad],\n.ipsLayout__secondary .bp-vhad-wrap,\n[data-bp-vhad-pinned="1"],\n[data-bp-vhad-place="sidebar"] {\n  display: block !important;\n  visibility: visible !important;\n  opacity: 1 !important;\n  max-height: none !important;\n  height: auto !important;\n  overflow: visible !important;\n  pointer-events: auto !important;\n  position: relative !important;\n  z-index: 1 !important;\n}\n/* Do not let the desktop main-column hide rules affect sidebar */\n@media (min-width: 980px) {\n  #ipsLayout_sidebar [data-bp-vhad],\n  .ipsLayout__secondary-column [data-bp-vhad],\n  .ipsLayout__secondary [data-bp-vhad],\n  [data-bp-vhad-place="sidebar"],\n  [data-bp-vhad-pinned="1"] {\n    display: block !important;\n  }\n}\n\n/* ===== DESKTOP ADS SIDEBAR ONLY + NO STACK 2026-07-27w ===== */\n@media (min-width: 980px) {\n  /* Hide any house ad that is not inside the sidebar/secondary column */\n  #ipsLayout_mainArea [data-bp-vhad],\n  #ipsLayout_mainArea .bp-vhad-wrap,\n  .ipsLayout__primary-column [data-bp-vhad],\n  .ipsLayout__primary-column .bp-vhad-wrap,\n  .ipsLayout__primary [data-bp-vhad],\n  .ipsLayout__primary .bp-vhad-wrap {\n    display: none !important;\n  }\n  /* Sidebar ads: full rail width, no floating centered strip */\n  #ipsLayout_sidebar .bp-vhad-wrap,\n  .ipsLayout__secondary-column .bp-vhad-wrap,\n  .ipsLayout__secondary .bp-vhad-wrap {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 12px 0 14px !important;\n    padding: 0 !important;\n    justify-content: stretch !important;\n  }\n  #ipsLayout_sidebar [data-bp-vhad],\n  .ipsLayout__secondary-column [data-bp-vhad],\n  .ipsLayout__secondary [data-bp-vhad] {\n    display: block !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n  }\n  #ipsLayout_sidebar .bp-vhad__card,\n  .ipsLayout__secondary-column .bp-vhad__card {\n    width: 100% !important;\n    max-width: 100% !important;\n    margin: 0 !important;\n  }\n}\n\n/* ===== BP THEME 5 JOURNEY RESPONSIVE 20260729T192500Z ===== */\nhtml[data-ips-theme="5"] .bpJourney[hidden] {\n  display: none !important;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney {\n  background: linear-gradient(135deg, var(--bp-navy), var(--bp-navy-2));\n  border: 1px solid rgba(255, 255, 255, .12);\n  border-radius: 10px;\n  color: #fff;\n  container: bp-journey / inline-size;\n  margin-bottom: 22px;\n  padding: 24px;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__eyebrow {\n  color: #ff77a8;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: .08em;\n  margin: 0 0 5px;\n  text-transform: uppercase;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney h2 {\n  color: #fff;\n  font-size: clamp(22px, 2.4vw, 30px);\n  line-height: 1.15;\n  margin: 0;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__intro > p:last-child {\n  color: #c7d2e5;\n  display: none;\n  margin: 8px 0 0;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__grid {\n  display: grid;\n  gap: 10px;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  list-style: none;\n  margin: 14px 0 0;\n  padding: 0;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item {\n  min-width: 0;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item--glp {\n  grid-column: 1 / -1;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card {\n  align-items: center;\n  background: rgba(255, 255, 255, .07);\n  border: 1px solid rgba(255, 255, 255, .18);\n  border-radius: 8px;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n  gap: 7px;\n  height: 100%;\n  justify-content: center;\n  min-height: 48px;\n  min-width: 0;\n  padding: 10px;\n  text-align: center;\n  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card:hover {\n  background: rgba(255, 255, 255, .12);\n  border-color: rgba(255, 255, 255, .32);\n  color: #fff;\n  transform: translateY(-2px);\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card--glp {\n  background: rgba(239, 43, 114, .18);\n  border-color: rgba(255, 119, 168, .72);\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card strong {\n  color: #fff;\n  font-size: 15px;\n  line-height: 1.2;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card span {\n  color: #c7d2e5;\n  display: none;\n  font-size: 13px;\n  line-height: 1.35;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__actions {\n  display: block;\n  margin-top: 16px;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__ask,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__latest {\n  align-items: center;\n  border-radius: 7px;\n  color: #fff;\n  display: inline-flex;\n  font-size: 13px;\n  font-weight: 800;\n  justify-content: center;\n  min-height: 44px;\n  padding: 10px 16px;\n  text-transform: uppercase;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] a.bpJourney__ask[href$="/startTopic/"] {\n  background: var(--bp-pink-dark);\n  width: 100%;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__latest {\n  border: 1px solid rgba(255, 255, 255, .24);\n  display: none;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__activity {\n  border-top: 1px solid rgba(255, 255, 255, .18);\n  display: grid;\n  gap: 6px;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  margin-top: 14px;\n  padding-top: 10px;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__activity a {\n  align-items: center;\n  border-radius: 6px;\n  color: #fff;\n  display: flex;\n  font-size: 13px;\n  font-weight: 700;\n  justify-content: center;\n  min-height: 44px;\n  padding: 8px 4px;\n}\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .cWeightCounter__title,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .cWeightCounter__lbs,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .cWeightCounter__guest {\n  color: var(--bp-ink);\n}\n\n@media (max-width: 767px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .ipsWidth--main-content {\n    overflow-x: clip;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsWidget,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsData__item,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsData__main,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsData__title {\n    box-sizing: border-box;\n    max-width: 100%;\n    min-width: 0;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsData__title,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsData__title a,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] h4 {\n    overflow-wrap: anywhere;\n    white-space: normal;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney {\n    padding: 16px;\n  }\n}\n\n@container bp-journey (min-width: 560px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__intro > p:last-child,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card span {\n    display: block;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__grid {\n    margin-top: 20px;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card {\n    align-items: flex-start;\n    justify-content: flex-start;\n    min-height: 104px;\n    padding: 14px;\n    text-align: left;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__actions {\n    display: flex;\n    gap: 10px;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] a.bpJourney__ask[href$="/startTopic/"] {\n    width: auto;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__latest {\n    display: inline-flex;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__activity {\n    display: flex;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__activity a {\n    padding: 12px 14px;\n  }\n}\n\n@container bp-journey (min-width: 720px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__grid {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item {\n    grid-column: span 2;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item--longterm,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item--revision {\n    grid-column: span 3;\n  }\n}\n\n@container bp-journey (min-width: 1040px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__grid {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item--longterm,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__item--revision {\n    grid-column: auto;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card {\n    transition: none;\n  }\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] .bpJourney__card:hover {\n    transform: none;\n  }\n}\n\n/* Index descriptions are context, not the destination. Keep forum titles and\n * activity primary; retain the full description on each forum page. */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__main > .ipsData__desc {\n  display: -webkit-box;\n  max-height: 1.4em;\n  margin-top: 0.2rem;\n  overflow: hidden;\n  color: var(--bp-muted);\n  font-size: 0.78rem;\n  line-height: 1.4;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__main > .ipsData__desc > :first-child {\n  margin-top: 0;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsSubList {\n  margin-top: 0.42rem;\n  row-gap: 0.28rem;\n}\n\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsSubList__item {\n  font-size: 0.76rem;\n  line-height: 1.35;\n}\n\n@media (max-width: 767px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsData__main > .ipsData__desc,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsSubList {\n    display: none;\n  }\n}\n\n/* ===== BP THEME 5 THREE-SURFACE HIERARCHY PASS 20260728T065543Z ===== */\n/* Real DOM anchors: header widget area IDs 1/2, forum-category rows, and\n * ipsData--snippet-topic-list. Theme 5 only; no template or data changes. */\n\n/* Desktop homepage: make New Topics and New Posts read as two deliberate\n * sections, then strengthen the type rhythm inside their existing mini-grid. */\n@media (min-width: 980px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="1"] {\n    margin-bottom: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="2"] {\n    margin-top: 0;\n    padding-top: 0;\n    border-top: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="index"] section[data-widgetarea="header"] .ipsWidget__content {\n    padding: 0;\n    background: color-mix(in srgb, var(--bp-canvas) 72%, var(--bp-surface));\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="1"] .ipsData__item,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="2"] .ipsData__item {\n    padding: 18px;\n    border: 1px solid var(--bp-line);\n    border-radius: 8px;\n    background: var(--bp-surface);\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="1"] .ipsData__title h4,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="2"] .ipsData__title h4 {\n    margin-top: 4px;\n    font-size: 17px;\n    font-weight: 750;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="1"] .ipsData__category {\n    margin-bottom: 4px;\n    line-height: 1.35;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="1"] .ipsData__meta,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="2"] .ipsData__meta {\n    margin-top: 7px;\n    font-size: 13px;\n    line-height: 1.4;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] section[data-widgetarea="header"][data-widget-area-id="2"] .ipsData__desc {\n    margin-top: 6px;\n    color: var(--bp-muted);\n    font-size: 13px;\n    line-height: 1.45;\n  }\n}\n\n/* Desktop forum lists: keep the full record, but make the title the scan target\n * and constrain excerpts to a readable measure instead of a wall of text. */\n@media (min-width: 768px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list > .ipsData__item {\n    padding: 18px 16px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__title h4 {\n    max-width: 72ch;\n    font-size: 17px;\n    font-weight: 760;\n    line-height: 1.3;\n    letter-spacing: -0.01em;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__meta {\n    margin-top: 3px;\n    color: var(--bp-muted);\n    font-size: 13px;\n    line-height: 1.4;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__desc {\n    display: -webkit-box;\n    max-width: 82ch;\n    max-height: 3em;\n    margin-top: 8px;\n    overflow: hidden;\n    color: var(--bp-muted);\n    font-size: 14px;\n    line-height: 1.5;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__extra {\n    margin-top: 12px;\n    color: var(--bp-muted);\n    font-size: 12.5px;\n  }\n}\n\n/* Give the topic-list page the same restrained light/dark material tokens\n * already used by the index without affecting topic view or other apps. */\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] {\n  --bp-ink: #f7f9fd;\n  --bp-muted: #aebbd0;\n  --bp-line: #31415d;\n  --bp-surface: #111c31;\n  --bp-canvas: #091326;\n}\n\n@media (max-width: 767px) {\n  /* Mobile forum index: explicit visual role labels and an inset Latest Topic\n   * region stop the forum name, post count, and activity from reading as one blob. */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData--forum-category > .ipsData__item {\n    padding: 14px 12px 12px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData--forum-category > .ipsData__item > .ipsData__content {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: 8px;\n    min-width: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__main::before {\n    content: "Forum";\n    display: block;\n    margin-bottom: 5px;\n    color: var(--bp-pink-dark);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  html[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__main::before {\n    color: #ff77a8;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__title h3 {\n    margin: 0;\n    font-size: 18px;\n    line-height: 1.25;\n    letter-spacing: -0.012em;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__stats {\n    display: flex;\n    margin-top: 4px;\n    color: var(--bp-muted);\n    font-size: 13px;\n    line-height: 1.3;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__stats li {\n    padding: 0;\n    border-radius: 0;\n    background: transparent;\n    text-align: left;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__last {\n    position: relative;\n    display: grid;\n    grid-template-columns: 28px minmax(0, 1fr);\n    align-items: center;\n    column-gap: 10px;\n    min-width: 0;\n    margin-top: 4px;\n    padding: 24px 10px 9px;\n    border: 1px solid var(--bp-line);\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--bp-navy) 3.5%, var(--bp-surface));\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__last::before {\n    content: "Latest topic";\n    position: absolute;\n    top: 8px;\n    left: 10px;\n    color: var(--bp-muted);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    line-height: 1;\n    text-transform: uppercase;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__last .ipsUserPhoto {\n    width: 28px;\n    height: 28px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__last-primary {\n    min-width: 0;\n    font-size: 14px;\n    font-weight: 750;\n    line-height: 1.3;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory .ipsData__last-secondary {\n    margin-top: 3px;\n    color: var(--bp-muted);\n    font-size: 12.5px;\n    line-height: 1.35;\n  }\n\n  /* Mobile topic list: keep native links, badges, reactions, counts, and latest\n   * activity, but organize each row as a scan-first conversation card. */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] {\n    background: var(--bp-canvas);\n    color: var(--bp-ink);\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list {\n    display: grid;\n    gap: 10px;\n    padding-block: 10px;\n    background: transparent;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list > .ipsData__item--snippet {\n    display: grid;\n    grid-template-columns: 38px minmax(0, 1fr);\n    align-items: start;\n    column-gap: 10px;\n    padding: 14px 12px;\n    border: 1px solid var(--bp-line);\n    border-radius: 10px;\n    background: var(--bp-surface);\n    box-shadow: 0 4px 14px rgba(7, 26, 61, 0.045);\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list > .ipsData__item--snippet > .ipsData__icon {\n    grid-column: 1;\n    min-width: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list > .ipsData__item--snippet > .ipsData__content {\n    grid-column: 2;\n    min-width: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__main,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsColumns,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsColumns__primary {\n    min-width: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__title h4 {\n    margin: 0;\n    font-size: 17px;\n    font-weight: 760;\n    line-height: 1.28;\n    letter-spacing: -0.012em;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__meta {\n    margin-top: 4px;\n    color: var(--bp-muted);\n    font-size: 12.5px;\n    line-height: 1.4;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__desc {\n    display: -webkit-box;\n    margin-top: 10px;\n    overflow: hidden;\n    color: var(--bp-muted);\n    font-size: 14px;\n    line-height: 1.45;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__extra {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 10px;\n    padding-top: 8px;\n    border-top: 1px solid var(--bp-line);\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__last {\n    order: 1;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n    color: var(--bp-ink);\n    font-size: 12.5px;\n    line-height: 1.35;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__last::before {\n    content: "Latest";\n    flex: 0 0 auto;\n    margin-right: 7px;\n    color: var(--bp-muted);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    text-transform: uppercase;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__last-text {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: baseline;\n    gap: 2px 6px;\n    min-width: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__last-secondary {\n    color: var(--bp-muted);\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__stats {\n    order: 2;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 8px 14px;\n    color: var(--bp-muted);\n    font-size: 12.5px;\n    font-variant-numeric: tabular-nums;\n    line-height: 1.3;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsData__stats > li {\n    margin: 0;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list .ipsReactOverview img {\n    width: 20px;\n    height: 20px;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="forums"] .ipsData--snippet-topic-list a:focus-visible {\n    border-radius: 3px;\n    outline: 3px solid var(--bp-pink);\n    outline-offset: 3px;\n  }\n}\n\n/* BP Theme 5 house-video candidate. REVIEW ONLY. */\nhtml[data-ips-theme="5"] .bp-vhad-wrap,\nhtml[data-ips-theme="5"] [data-bp-vhad-owned="1"][data-bp-vhad] {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 100%;\n}\nhtml[data-ips-theme="5"] .bp-vhad-wrap {\n  margin: 12px 0 14px;\n}\nhtml[data-ips-theme="5"] .bp-vhad__card {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 100%;\n  aspect-ratio: 1 / 1;\n  overflow: hidden;\n  border: 1px solid rgba(255, 255, 255, .08);\n  border-radius: 16px;\n  background: #0b1a2b;\n  box-shadow: 0 10px 28px rgba(7, 26, 61, .16);\n  color: #fff;\n  isolation: isolate;\n}\nhtml[data-ips-theme="5"] .bp-vhad__poster,\nhtml[data-ips-theme="5"] .bp-vhad__video {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\nhtml[data-ips-theme="5"] .bp-vhad__poster { z-index: 1; opacity: 1; }\nhtml[data-ips-theme="5"] .bp-vhad__poster[data-active="0"] { opacity: 0; }\nhtml[data-ips-theme="5"] .bp-vhad__video { z-index: 2; opacity: 0; cursor: pointer; }\nhtml[data-ips-theme="5"] .bp-vhad__video[data-playing="1"] { opacity: 1; }\nhtml[data-ips-theme="5"] .bp-vhad__top,\nhtml[data-ips-theme="5"] .bp-vhad__bottom {\n  position: absolute;\n  right: 0;\n  left: 0;\n  z-index: 5;\n  padding: 10px;\n}\nhtml[data-ips-theme="5"] .bp-vhad__top {\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background: linear-gradient(rgba(0, 0, 0, .58), transparent);\n}\nhtml[data-ips-theme="5"] .bp-vhad__bottom {\n  bottom: 0;\n  padding-top: 32px;\n  background: linear-gradient(transparent, rgba(0, 0, 0, .76));\n}\nhtml[data-ips-theme="5"] .bp-vhad__bottom strong { display: block; margin-bottom: 8px; }\nhtml[data-ips-theme="5"] .bp-vhad__brand::before {\n  display: inline-block;\n  width: 12px;\n  height: 12px;\n  margin-right: 7px;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  background: var(--bp-vhad-brand, #ef2b72);\n  content: "";\n  vertical-align: -2px;\n}\nhtml[data-ips-theme="5"] .bp-vhad__mute,\nhtml[data-ips-theme="5"] .bp-vhad__play {\n  z-index: 6;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: rgba(0, 0, 0, .62);\n  color: #fff;\n  cursor: pointer;\n}\nhtml[data-ips-theme="5"] .bp-vhad__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\nhtml[data-ips-theme="5"] .bp-vhad__cta {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 44px;\n  border-radius: 10px;\n  background: #fff;\n  color: #111;\n  font-weight: 800;\n  text-decoration: none;\n}\nhtml[data-ips-theme="5"] .bp-vhad__mute:focus-visible,\nhtml[data-ips-theme="5"] .bp-vhad__play:focus-visible,\nhtml[data-ips-theme="5"] .bp-vhad__cta:focus-visible {\n  outline: 3px solid #7ec8ff;\n  outline-offset: 2px;\n}\nhtml[data-ips-theme="5"] #ipsLayout_sidebar .bp-vhad-wrap,\nhtml[data-ips-theme="5"] #ipsLayout_sidebar [data-bp-vhad-owned="1"][data-bp-vhad] {\n  width: 100%;\n  max-width: 100%;\n  margin-right: 0;\n  margin-left: 0;\n}\n@media (max-width: 979px) {\n  html[data-ips-theme="5"] .bp-vhad-wrap--mobile,\n  html[data-ips-theme="5"] .ipsData__item--advertisement:has(> [data-bp-vhad-owned="1"]) {\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n    margin: 16px 0;\n    padding: 12px 0;\n    border: 0;\n    border-radius: 16px;\n    background: var(--i-background_1, #fff);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  html[data-ips-theme="5"] .bp-vhad__poster,\n  html[data-ips-theme="5"] .bp-vhad__video { transition: none; }\n}\n\n/* BP THEME 5 IPHONE FORUM INDEX CONTAINMENT 20260801T035000Z\n * Keep native .ipsPull forum categories inside the clipped main-content gutter. */\n@media (max-width: 767px) {\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .ipsBox--forumCategory.ipsPull {\n    margin-inline: 0;\n  }\n}\n\n/* Related Articles section */\n.bpInfoRelatedArticles{margin:2rem 0;padding:1.5rem;border-top:2px solid #e0e0e0;}\n.bpInfoRelatedArticles h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem 0;color:#1a1a1a;}\n.bpInfoRelatedList{list-style:none;padding:0;margin:0;display:grid;gap:0.75rem;}\n.bpInfoRelatedItem a{display:block;padding:0.75rem 1rem;border-radius:0.5rem;background:#f5f5f5;color:#2c5282;text-decoration:none;font-weight:500;transition:background 0.15s ease,color 0.15s ease;}\n.bpInfoRelatedItem a:hover{background:#e8e8e8;color:#1a365d;}\n@media(min-width:48rem){.bpInfoRelatedList{grid-template-columns:repeat(2,1fr);}}\n@media(min-width:61.25rem){.bpInfoRelatedList{grid-template-columns:repeat(3,1fr);}}\n\n/* ==== BP RESPONSIVE FIXES 2026-08-03 · THEME 5 ONLY · BEGIN ==== */\n/* Mobile-first corrections from the multi-breakpoint audit.\n   Remove everything between the BEGIN and END markers to roll back. */\n\n/* 1. Inline video house ad was eating the entire first screen.\n      375px: 345px tall. 768px: 722px tall (a full viewport).\n      Keep the impression, cap the footprint, crop instead of letterbox. */\n@media screen and (max-width: 767px) {\n  .ipsLayout__primary-column .bp-vhad-wrap--inline,\n  .ipsLayout__primary-column .bp-vhad--inline {\n    max-height: 208px !important;\n    overflow: hidden !important;\n    border-radius: 10px;\n  }\n  .ipsLayout__primary-column .bp-vhad--inline .bp-vhad__card {\n    max-height: 208px !important;\n    overflow: hidden !important;\n    position: relative;\n  }\n  .ipsLayout__primary-column .bp-vhad--inline .bp-vhad__video {\n    max-height: 208px !important;\n    height: 208px !important;\n    object-fit: cover !important;\n    object-position: center 35%;\n  }\n}\n@media screen and (min-width: 768px) and (max-width: 1023px) {\n  .ipsLayout__primary-column .bp-vhad-wrap--inline,\n  .ipsLayout__primary-column .bp-vhad--inline,\n  .ipsLayout__primary-column .bp-vhad--inline .bp-vhad__card {\n    max-height: 300px !important;\n    overflow: hidden !important;\n  }\n  .ipsLayout__primary-column .bp-vhad--inline .bp-vhad__video {\n    max-height: 300px !important;\n    height: 300px !important;\n    object-fit: cover !important;\n    object-position: center 35%;\n  }\n}\n.bp-vhad__card { overflow: hidden; }\n\n/* 2. Breadcrumb ran off the right edge on mobile and tablet with no\n      ellipsis and the current page clipped. Make it scroll, fade the edge. */\n@media screen and (max-width: 1023px) {\n  .ipsBreadcrumb--mobile,\n  .ipsBreadcrumb {\n    overflow-x: auto !important;\n    overflow-y: hidden;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);\n    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);\n  }\n  .ipsBreadcrumb--mobile::-webkit-scrollbar,\n  .ipsBreadcrumb::-webkit-scrollbar { display: none; height: 0; }\n  .ipsBreadcrumb__feed {\n    flex-wrap: nowrap !important;\n    white-space: nowrap;\n    padding-right: 28px;\n  }\n  .ipsBreadcrumb__feed > li { flex: 0 0 auto; }\n}\n\n/* 3. Sticky mobile footer: 8.5px labels, covered the last content row,\n      no iOS home-indicator safe area. */\n.ipsMobileFooter {\n  padding-bottom: env(safe-area-inset-bottom, 0px);\n  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08);\n}\n.ipsMobileFooter__text {\n  font-size: 10.5px !important;\n  line-height: 1.25;\n  letter-spacing: 0.01em;\n}\n.ipsMobileFooter__item { min-height: 52px; }\n@media screen and (max-width: 979px) {\n  #ipsLayout__main,\n  .ipsLayout__main { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }\n}\n\n/* 4. Gallery image page: 487px navy stage holding a 280px image,\n      prev/next chevrons on the photo with no scrim, filmstrip\n      bisected by the mobile footer bar. */\n.elGalleryHeader {\n  min-height: 0 !important;\n  height: auto !important;\n  padding-block: 12px !important;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n/* the stage was pinned to 60vh regardless of the photo, leaving ~200px\n   of dead navy above and below a 280px image on mobile */\n.elGalleryImage,\n.cGalleryViewImage,\n.elGalleryImage > a,\n.cGalleryViewImage > a {\n  height: auto !important;\n  min-height: 0 !important;\n  max-height: min(78vh, 900px) !important;\n  place-items: center;\n}\n.elGalleryHeader img {\n  max-height: min(78vh, 900px) !important;\n  width: auto !important;\n  max-width: 100% !important;\n  height: auto !important;\n  object-fit: contain !important;\n}\n.elGalleryHeader a[class*="rev"],\n.elGalleryHeader a[class*="ext"],\n.cGalleryImageNav a,\n.elGalleryHeader .ipsButton--overlay {\n  background: rgba(0, 0, 0, 0.55) !important;\n  color: #fff !important;\n  border-radius: 999px;\n  min-width: 44px;\n  min-height: 44px;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  backdrop-filter: blur(2px);\n}\n@media screen and (max-width: 979px) {\n  .cGalleryImageThumbs { margin-bottom: 16px; }\n}\n\n/* 5. Contrast: white on the light pink measured 3.99:1, AA needs 4.5.\n      #C83C6F measures 4.85:1 with white. */\n.ipsButton--primary,\n.ipsButton.ipsButton--primary,\na.ipsButton--primary,\nbutton.ipsButton--primary {\n  background-color: #c83c6f !important;\n  border-color: #c83c6f !important;\n  color: #fff !important;\n}\n.ipsButton--primary:hover,\n.ipsButton.ipsButton--primary:hover {\n  background-color: #b1315f !important;\n  border-color: #b1315f !important;\n}\n.i-color_soft { color: #5a6478 !important; }\n\n/* 6. Tap targets. Audit found controls at 12x21, 67x15, 58x39.\n      44x44 is the platform minimum. */\n#subscribe.btn.btn-link {\n  min-width: 44px !important;\n  min-height: 44px !important;\n  display: inline-flex !important;\n  align-items: center;\n  justify-content: center;\n  padding: 0 12px !important;\n}\n.bpFooterContact {\n  display: inline-flex !important;\n  align-items: center;\n  min-height: 44px;\n  padding-inline: 2px;\n  font-size: 13.5px !important;\n}\n@media screen and (max-width: 767px) {\n  .ipsButton--small { font-size: 13px !important; min-height: 40px; }\n  .ipsBreadcrumb__feed a,\n  .ipsPagination a { min-height: 40px; display: inline-flex; align-items: center; }\n}\n\n/* 7. RETIRED 2026-08-05. These two viewport media queries forced the journey\n      grid's COLUMN COUNT with hard overrides while the container queries below set\n      the ITEM SPANS, so the two halves disagreed: at container 720-879px the\n      items asked for span 2 and span 3 of a 6-column grid and got 2/3 and 3/3\n      of a 3-column one, stacking all five cards one per row at ragged widths.\n      The container queries now own this grid outright. Do not reintroduce a\n      viewport-based column override here. */\n\n/* 8. Forum listing on mobile: 583px of chrome before the first topic\n      on an 812px screen. Tighten header, clamp description. */\n@media screen and (max-width: 767px) {\n  .ipsPageHeader--topic-list { padding: 14px 16px !important; }\n  .ipsPageHeader--topic-list .ipsPageHeader__title {\n    font-size: 1.35rem !important;\n    line-height: 1.2;\n  }\n  .ipsPageHeader__desc {\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    font-size: 13.5px !important;\n    line-height: 1.45;\n    margin-block: 6px !important;\n  }\n  .ipsPageHeader--topic-list .ipsButton--follow {\n    width: auto !important;\n    min-width: 140px;\n  }\n}\n\n/* 9. Figure captions were white text directly on member photos and\n      vanished on light images. Add a gradient scrim. */\n.ipsFigure__footer {\n  background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0) 100%) !important;\n  padding-top: 28px !important;\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);\n}\n.ipsFigure__footer a,\n.ipsFigure__footer .ipsUsername { color: #fff !important; }\n\n/* 10. Sign-in / sign-up prompts styled the prompt like a link and the\n       actual link like body copy. */\n.ipsFieldRow + p a,\np.i-color_soft a {\n  color: #c83c6f !important;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n/* 11. Right rail started ~15px below the main column on every desktop\n       page with a sidebar. */\n@media screen and (min-width: 1024px) {\n  .ipsLayout__secondary-column > *:first-child { margin-top: 0 !important; }\n  .ipsLayout__secondary-column { padding-top: 0 !important; }\n}\n\n/* 12. Search page had five simultaneous full-width magenta selected\n       bars, which destroyed the button hierarchy. */\n\n/* 13. Gallery index category carousel hid most categories behind\n       arrows, cut the 4th card mid-word, and printed raw unlabeled\n       numbers (58038 12638 25524). Replaced with a labelled grid. */\n.bpGalleryCats__header {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n.bpGalleryCats__all {\n  font-size: 0.875rem;\n  font-weight: 600;\n  white-space: nowrap;\n  min-height: 40px;\n  display: inline-flex;\n  align-items: center;\n}\n.bpGalleryCats__body { padding: 14px !important; }\n.bpGalleryCats__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n@media screen and (min-width: 560px)  { .bpGalleryCats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }\n@media screen and (min-width: 900px)  { .bpGalleryCats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }\n@media screen and (min-width: 1280px) { .bpGalleryCats__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }\n.bpGalleryCats__item { margin: 0; list-style: none; }\n.bpGalleryCats__card {\n  display: block;\n  border-radius: 12px;\n  overflow: hidden;\n  background: var(--i-background_2, #f4f6fa);\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  text-decoration: none !important;\n  height: 100%;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n.bpGalleryCats__card:hover,\n.bpGalleryCats__card:focus-visible {\n  transform: translateY(-2px);\n  box-shadow: 0 6px 18px rgba(7, 26, 61, 0.16);\n}\n.bpGalleryCats__media {\n  display: block;\n  position: relative;\n  aspect-ratio: 4 / 3;\n  background: #0f2547;\n  overflow: hidden;\n}\n.bpGalleryCats__media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n.bpGalleryCats__placeholder {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(255, 255, 255, 0.45);\n  font-size: 1.9rem;\n}\n.bpGalleryCats__meta { display: block; padding: 10px 12px 12px; }\n.bpGalleryCats__title {\n  display: -webkit-box;\n  font-weight: 700;\n  font-size: 0.9375rem;\n  line-height: 1.25;\n  color: var(--i-color_hard, #12213b);\n  overflow: hidden;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  min-height: 2.4em;\n}\n.bpGalleryCats__stats {\n  display: block;\n  margin-top: 4px;\n  font-size: 0.8125rem;\n  color: #5a6478;\n}\n\n/* 14. Gallery index categories: the carousel hid most categories behind\n       arrows and sliced the 4th card mid-word at every width. Turn it\n       into a plain responsive grid and surface the labelled stats\n       instead of the raw unlabelled numbers (58038 12638 25524). */\n.ipsBox--galleryCategories .ipsCarouselNav { display: none !important; }\n.ipsBox--galleryCategories .ipsBox__header h2 { margin: 0; }\n\n/* the numbers were rendered by the icon pseudo-element with no unit;\n\n/* ==== BP RESPONSIVE FIXES 2026-08-03 · THEME 5 ONLY · END ==== */\n\n/* ===== BP author-pane patient stats card — 2026-08-04 ===== */\n.bpPatientAuthorInfo { margin: 0 !important; }\n\n.bpPStat {\n  --bpps-accent: #ef2b72;\n  --bpps-ink: #12213b;\n  --bpps-muted: #61708a;\n  --bpps-line: rgba(18, 33, 59, 0.10);\n  --bpps-surface: rgba(18, 33, 59, 0.035);\n  box-sizing: border-box !important;\n  inline-size: 100% !important;\n  max-inline-size: 260px !important;\n  margin: 10px auto 12px !important;\n  padding: 12px 12px 10px !important;\n  border: 1px solid var(--bpps-line) !important;\n  border-radius: 12px !important;\n  background: var(--bpps-surface) !important;\n  text-align: start !important;\n  font-size: 12px !important;\n  line-height: 1.35 !important;\n  color: var(--bpps-ink) !important;\n}\n.bpPStat:empty { display: none !important; }\n\n/* --- hero: the number that matters --- */\n.bpPStat__hero {\n  display: flex !important;\n  align-items: baseline !important;\n  flex-wrap: wrap !important;\n  gap: 0 4px !important;\n  margin: 0 0 8px !important;\n}\n.bpPStat__heroNum {\n  font-size: 26px !important;\n  font-weight: 800 !important;\n  line-height: 1 !important;\n  letter-spacing: -0.02em !important;\n  font-variant-numeric: tabular-nums !important;\n  color: var(--bpps-accent) !important;\n}\n.bpPStat__heroUnit {\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: var(--bpps-accent) !important;\n}\n.bpPStat__heroLabel {\n  flex: 1 0 100% !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.07em !important;\n  text-transform: uppercase !important;\n  color: var(--bpps-muted) !important;\n}\n\n/* --- progress meter --- */\n.bpPStat__meter {\n  display: block !important;\n  block-size: 6px !important;\n  margin: 0 0 5px !important;\n  border-radius: 999px !important;\n  background: rgba(18, 33, 59, 0.12) !important;\n  overflow: hidden !important;\n}\n.bpPStat__meterFill {\n  display: block !important;\n  block-size: 100% !important;\n  border-radius: 999px !important;\n  background: linear-gradient(90deg, #7b2ff7 0%, var(--bpps-accent) 100%) !important;\n}\n.bpPStat__meterMeta {\n  display: flex !important;\n  align-items: baseline !important;\n  justify-content: space-between !important;\n  gap: 6px !important;\n  margin: 0 0 10px !important;\n  font-size: 10px !important;\n  color: var(--bpps-muted) !important;\n}\n.bpPStat__pct { font-weight: 800 !important; color: var(--bpps-ink) !important; font-variant-numeric: tabular-nums !important; }\n.bpPStat__togo { text-align: end !important; }\n.bpPStat__togo--met { font-weight: 700 !important; color: #1c7c4a !important; }\n\n/* --- surgery pills --- */\n.bpPStat__tags {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  gap: 4px !important;\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n  list-style: none !important;\n}\n.bpPStat__tags li {\n  margin: 0 !important;\n  padding: 3px 8px !important;\n  border-radius: 999px !important;\n  background: rgba(239, 43, 114, 0.10) !important;\n  color: #b01450 !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  line-height: 1.3 !important;\n}\n\n/* --- facts grid --- */\n.bpPStat__facts {\n  display: grid !important;\n  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n  gap: 8px 10px !important;\n  margin: 0 !important;\n  padding: 8px 0 0 !important;\n  border-top: 1px solid var(--bpps-line) !important;\n}\n.bpPStat__facts:first-child { border-top: 0 !important; padding-top: 0 !important; }\n.bpPStat__fact { margin: 0 !important; min-inline-size: 0 !important; }\n.bpPStat__fact--wide { grid-column: 1 / -1 !important; }\n.bpPStat__facts dt {\n  margin: 0 0 1px !important;\n  font-size: 9px !important;\n  font-weight: 700 !important;\n  letter-spacing: 0.07em !important;\n  text-transform: uppercase !important;\n  color: var(--bpps-muted) !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n.bpPStat__facts dd {\n  margin: 0 !important;\n  font-size: 12.5px !important;\n  font-weight: 700 !important;\n  color: var(--bpps-ink) !important;\n  font-variant-numeric: tabular-nums !important;\n}\n.bpPStat__facts dd i {\n  font-style: normal !important;\n  font-size: 10px !important;\n  font-weight: 600 !important;\n  color: var(--bpps-muted) !important;\n}\n.bpPStat__fact--wide dd { font-weight: 600 !important; font-size: 12px !important; }\n\n/* --- dark --- */\nhtml[data-ips-scheme="dark"] .bpPStat {\n  --bpps-ink: #f2f5fb;\n  --bpps-muted: #9fadc4;\n  --bpps-line: rgba(255, 255, 255, 0.10);\n  --bpps-surface: rgba(255, 255, 255, 0.04);\n}\nhtml[data-ips-scheme="dark"] .bpPStat__meter { background: rgba(255, 255, 255, 0.12) !important; }\nhtml[data-ips-scheme="dark"] .bpPStat__heroNum,\nhtml[data-ips-scheme="dark"] .bpPStat__heroUnit { color: #ff6a9c !important; }\nhtml[data-ips-scheme="dark"] .bpPStat__tags li { background: rgba(255, 106, 156, 0.14) !important; color: #ffa6c4 !important; }\nhtml[data-ips-scheme="dark"] .bpPStat__togo--met { color: #5fd18f !important; }\n\n/* --- narrow / stacked author pane --- */\n@media (max-width: 979px) {\n  .bpPStat { max-inline-size: none !important; margin: 8px 0 10px !important; }\n  .bpPStat__heroNum { font-size: 22px !important; }\n  .bpPStat__facts { grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important; }\n  .bpPStat__fact--wide { grid-column: auto !important; }\n}\n@media (prefers-reduced-motion: no-preference) {\n  .bpPStat__meterFill { transition: inline-size .4s ease !important; }\n}\n\n/* ==== BP ROOT SCROLL AND CANVAS 2026-08-04 · BEGIN ====\n * Symptom: on iOS Safari the page kept scrolling well past its own bottom and\n * left a large empty band below the mobile footer bar.\n *\n * Measured before changing anything. Across 12 page types at 390 / 768 / 1280\n * / 1600 px, in both Chromium and WebKit, document height equals the bottom of\n * .ipsMobileFooter exactly, and the document does not grow after scrolling to\n * the end. Nothing renders below the footer, so the band was not content.\n * Two causes, both fixed here:\n *\n * 1. overscroll-behavior was auto on both html and body, so iOS elastic\n *    scrolling carried on past the end of the document with nothing to stop\n *    it. This is the one that produced the long scroll.\n * 2. html carried no background at all, so the canvas above and below the\n *    document painted body's colour rather than the site chrome. In the light\n *    scheme that is #f4f6fa under a white footer bar, which reads as an\n *    endless empty page rather than the edge of the document.\n *\n * Deliberately NOT changed here: the framework sets\n * html{overflow-x:hidden;overflow-y:scroll}, which makes the root a scroll\n * container on both axes and is a known aggravator of position:sticky and of\n * momentum scrolling on iOS. overflow-x:clip cannot fix that while overflow-y\n * is scroll, because clip computes back to hidden when the other axis is\n * scroll (verified in Chromium: the computed value stayed hidden). The real\n * change is overflow-y:auto plus scrollbar-gutter:stable, which has a much\n * larger desktop regression surface and is left as separate work.\n *\n * Trade-off accepted: overscroll-behavior-y:none also disables pull-to-refresh\n * in Chrome on Android. For a forum that is the right side of the trade.\n *\n * Rollback: delete everything between the BEGIN and END markers.\n * ===================================================================== */\n:root {\n  overscroll-behavior-y: none;\n  background-color: var(--bp-canvas, #f4f6fa);\n}\n\nbody {\n  overscroll-behavior-y: none;\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] {\n  background-color: var(--bp-canvas, #091326);\n}\n/* ==== BP ROOT SCROLL AND CANVAS 2026-08-04 · END ==== */\n\n/* BP-WELCOME-TOPIC -- v2 */\n/* =============================================\n   Welcoming "Ask a Question" / New Topic Page\n   Theme 5 Custom CSS — v2 (full design)\n   =============================================\n   Apply this to Theme 5 set_custom_css via:\n   - Deploy script: php scripts/deploy-welcome-topic.php\n   - Or AdminCP: Themes → Edit Theme → Custom CSS\n   ============================================= */\n\n/* ── CSS Custom Properties ── */\nbody[data-pageapp=forums] {\n    --bp-navy: #1a2744;\n    --bp-navy-light: #1e3056;\n    --bp-pink: #e44d8c;\n    --bp-pink-hover: #d43d7c;\n    --bp-pink-bg: rgba(228,77,140,0.12);\n    --bp-bg: #f0f2f5;\n    --bp-card-bg: #ffffff;\n    --bp-text: #1f2937;\n    --bp-muted: #6b7280;\n    --bp-subtle: #9ca3af;\n    --bp-border: #d1d5db;\n    --bp-border-light: #e5e7eb;\n    --bp-radius-lg: 14px;\n    --bp-radius-md: 12px;\n    --bp-radius-sm: 10px;\n    --bp-radius-xs: 8px;\n    --bp-shadow: 0 1px 3px rgba(0,0,0,0.08);\n}\n\n/* ==================================================================\n   STEP 1: FORUM PICKER PAGE  (/startTopic/)\n   body[data-pageapp=forums][data-pagecontroller=createTopic]\n   ================================================================== */\n\n/* ── Full-page background ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] {\n    background: #f0f2f5 !important;\n}\n\n/* ── Welcome Banner (via ::before pseudo-element content injection) ── */\n\n/* Hide the original page title text — we replace it with our banner */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle {\n    color: transparent !important;\n    font-size: 0 !important;\n    line-height: 0 !important;\n}\n\n/* Create the welcome banner */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle::before {\n    content: "We'd Love to Hear From You!" !important;\n    display: block !important;\n    font-size: 1.4rem !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    text-align: center !important;\n    line-height: 1.3 !important;\n    margin-bottom: 0 !important;\n}\n\n/* Wrap the page header to create the full banner */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsPageHeader,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] h1.ipsType_pageTitle {\n    position: relative !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    background: linear-gradient(135deg, #1a2744 0%, #1e3056 100%) !important;\n    border-radius: var(--bp-radius-lg) !important;\n    padding: 2rem 1.5rem 1.75rem !important;\n    margin-bottom: 1.25rem !important;\n    text-align: center !important;\n    overflow: hidden !important;\n}\n\n/* Decorative pink circle accents */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsPageHeader::before {\n    content: '' !important;\n    position: absolute !important;\n    top: -30px !important;\n    right: -30px !important;\n    width: 100px !important;\n    height: 100px !important;\n    background: rgba(228,77,140,0.12) !important;\n    border-radius: 50% !important;\n    pointer-events: none !important;\n    display: block !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsPageHeader {\n    margin-bottom: 1.25rem !important;\n    border-radius: var(--bp-radius-lg) !important;\n    padding: 2rem 1.5rem 1.75rem !important;\n}\n\n/* Subtitle text */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle::after {\n    content: "You're part of a supportive community. Every member started with a first post — ask anything, you're welcome here." !important;\n    display: block !important;\n    font-size: 0.9rem !important;\n    line-height: 1.5 !important;\n    color: rgba(255,255,255,0.85) !important;\n    text-align: center !important;\n    max-width: 480px !important;\n    margin: 0.5rem auto 0 !important;\n    font-weight: 400 !important;\n}\n\n/* ── Form Card Container ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] form[data-role="createTopicForm"],\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsBox {\n    background: #fff !important;\n    border-radius: var(--bp-radius-lg) !important;\n    padding: 1.5rem !important;\n    box-shadow: var(--bp-shadow) !important;\n    border: none !important;\n}\n\n/* ── Question Label ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsFormRow_label {\n    display: block !important;\n    font-size: 0.95rem !important;\n    font-weight: 600 !important;\n    color: #374151 !important;\n    margin-bottom: 0.35rem !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsFormRow_label .ipsFieldRow_requiredStar {\n    display: none !important;\n}\n\n/* ── Form Row Layout ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsFormRow {\n    max-width: 100% !important;\n}\n\n/* ── Styled Dropdown (replaces the plain default) ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] select,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsSelect {\n    font-size: 1rem !important;\n    padding: 0.85rem 1rem !important;\n    border-radius: var(--bp-radius-sm) !important;\n    border: 2px solid var(--bp-border-light, #e5e7eb) !important;\n    width: 100% !important;\n    transition: border-color 0.2s, box-shadow 0.2s !important;\n    cursor: pointer !important;\n    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center !important;\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    color: var(--bp-text) !important;\n    min-height: 48px !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] select:hover,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsSelect:hover {\n    border-color: var(--bp-pink) !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] select:focus,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsSelect:focus {\n    border-color: var(--bp-pink) !important;\n    box-shadow: 0 0 0 3px rgba(228,77,140,0.15) !important;\n    outline: none !important;\n}\n\n/* ── Remove old dropdown label hint ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsFieldRow_desc {\n    font-size: 0.8rem !important;\n    color: var(--bp-subtle) !important;\n    margin-bottom: 0.5rem !important;\n}\n\n/* ── Pink Accent "Continue" Button ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsButton_primary {\n    background: var(--bp-pink) !important;\n    border-radius: var(--bp-radius-sm) !important;\n    font-size: 1.05rem !important;\n    font-weight: 600 !important;\n    padding: 0.9rem 2.5rem !important;\n    transition: background 0.2s !important;\n    border: none !important;\n    color: #fff !important;\n    width: 100% !important;\n    text-align: center !important;\n    display: block !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsButton_primary:hover {\n    background: var(--bp-pink-hover) !important;\n}\n\n/* ── Hide Sidebar Clutter ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsSideMenu,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] #elSecondary,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] aside[data-role="sidebar"],\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsWidget:not([data-blocktitle*="Welcome"]):not([data-blocktitle*="Topic"]) {\n    display: none !important;\n}\n\n/* ── Center the content — single column, max-width ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] #elContent {\n    max-width: 680px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsLayout_container > .ipsColumns,\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .ipsColumns > .ipsColumn_fluid {\n    width: 100% !important;\n}\n\n/* ── Hide guest signup banner (logged-in users) ── */\nbody[data-pageapp=forums][data-pagecontroller=createTopic] .cCreateTopic_guest {\n    display: none !important;\n}\n\n/* ==================================================================\n   STEP 2: NEW TOPIC EDITOR PAGE  (/startTopic/forum-NNN/)\n   body[data-pageapp=forums][data-pagecontroller=topics]\n   ================================================================== */\n\n/* ── Guidance Banner ── */\n\n/* Hide original title */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader[data-role="newTopicHeader"] .ipsType_pageTitle,\nbody[data-pageapp=forums][data-pagecontroller=topics] h1.ipsType_pageTitle {\n    color: transparent !important;\n    font-size: 0 !important;\n    line-height: 0 !important;\n}\n\n/* Guidance banner container */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader[data-role="newTopicHeader"],\nbody[data-pageapp=forums][data-pagecontroller=topics] [data-controller="forums.front.topics.createTopic"] > .ipsBox:first-child {\n    background: #f9fafb !important;\n    border-radius: var(--bp-radius-lg) !important;\n    border: 1px solid var(--bp-border-light) !important;\n    text-align: center !important;\n    padding: 0 !important;\n    margin-bottom: 0.75rem !important;\n}\n\n/* "You're Almost There!" headline */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader::before {\n    content: "You're Almost There!" !important;\n    display: block !important;\n    font-size: 1.25rem !important;\n    font-weight: 700 !important;\n    color: var(--bp-text) !important;\n    text-align: center !important;\n    padding: 1.5rem 1.5rem 0 !important;\n    line-height: 1.3 !important;\n}\n\n/* Guidance subtext */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader::after {\n    content: "A clear title and some helpful details are all you need. You can always add more later." !important;\n    display: block !important;\n    font-size: 0.9rem !important;\n    line-height: 1.5 !important;\n    color: var(--bp-muted) !important;\n    text-align: center !important;\n    padding: 0.35rem 1.5rem 1.25rem !important;\n    max-width: 440px !important;\n    margin: 0 auto !important;\n}\n\n/* ── Topic Bar ("Posting in [Forum Name]") ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTopicBar {\n    display: flex !important;\n    align-items: center !important;\n    gap: 8px !important;\n    background: #fff !important;\n    border-radius: var(--bp-radius-lg) !important;\n    padding: 0.75rem 1.25rem !important;\n    margin-bottom: 0.75rem !important;\n    box-shadow: var(--bp-shadow) !important;\n    font-size: 0.85rem !important;\n    color: var(--bp-muted) !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTopicBar .bpPinkDot {\n    display: inline-block !important;\n    width: 8px !important;\n    height: 8px !important;\n    background: var(--bp-pink) !important;\n    border-radius: 50% !important;\n    flex-shrink: 0 !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTopicBar strong {\n    color: var(--bp-text) !important;\n    font-weight: 600 !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTopicBar .bpChangeLink {\n    margin-left: auto !important;\n    color: var(--bp-pink) !important;\n    font-weight: 500 !important;\n    text-decoration: none !important;\n    font-size: 0.8rem !important;\n    cursor: pointer !important;\n}\n\n/* ── Editor Container Styling ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] [data-controller="forums.front.topics.createTopic"] > .ipsBox {\n    background: #fff !important;\n    border-radius: var(--bp-radius-lg) !important;\n    padding: 1.25rem !important;\n    box-shadow: var(--bp-shadow) !important;\n    border: none !important;\n}\n\n/* ── Title Field ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] input[name="topic_title"],\nbody[data-pageapp=forums][data-pagecontroller=topics] #elInput_title,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsField_title input {\n    width: 100% !important;\n    padding: 0.8rem 0.9rem !important;\n    font-size: 1rem !important;\n    font-weight: 600 !important;\n    border: 2px solid var(--bp-border-light) !important;\n    border-radius: var(--bp-radius-sm) !important;\n    outline: none !important;\n    transition: border-color 0.2s, box-shadow 0.2s !important;\n    margin-bottom: 0 !important;\n    font-family: inherit !important;\n    color: var(--bp-text) !important;\n    background: #fff !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] input[name="topic_title"]:focus,\nbody[data-pageapp=forums][data-pagecontroller=topics] #elInput_title:focus {\n    border-color: var(--bp-pink) !important;\n    box-shadow: 0 0 0 3px rgba(228,77,140,0.12) !important;\n}\n\n/* ── Simplify Formatting Toolbar ── */\n/* Hide complex toolbar buttons; show only Bold, Italic, Underline, Link, Emoji, Lists, + More */\n\n/* Strategy: show only the simplified toolbar */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    gap: 4px !important;\n    padding: 0.5rem 0 !important;\n    border-bottom: 1px solid var(--bp-border-light) !important;\n    margin-bottom: 0 !important;\n}\n\n/* Strategy: hide ALL toolbar buttons first, then show specific allowed ones */\n/* This avoids the specificity explosion from :not() chains */\n\n/* Hide every toolbar button by default */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role] {\n    display: none !important;\n}\n\n/* Show only the 7 simplified buttons and separators */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="bold"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="italic"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="underline"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="link"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="emoji"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="unorderedList"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="orderedList"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="separator"] {\n    display: inline-flex !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n\n/* Separators display as inline-block, not flex items */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar [data-role="separator"] {\n    display: inline-block !important;\n    width: 1px !important;\n    height: 20px !important;\n    background: var(--bp-border-light) !important;\n    margin: 6px 4px !important;\n}\n\n/* Style the toolbar buttons */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar a,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar button {\n    width: 34px !important;\n    height: 34px !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    border: none !important;\n    background: transparent !important;\n    border-radius: 6px !important;\n    cursor: pointer !important;\n    font-size: 0.9rem !important;\n    color: #4b5563 !important;\n    transition: background 0.15s !important;\n    line-height: 1 !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar a:hover,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar button:hover,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar a.ipsEditor_active,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar button.ipsEditor_active {\n    background: #f3f4f6 !important;\n    color: var(--bp-text) !important;\n}\n\n/* Hide the "more" dropdown trigger from the toolbar (it reveals advanced options) — \n   we keep it accessible but styled as "+ More options" */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar .ipsEditor_moreBar {\n    margin-left: auto !important;\n    font-size: 0.75rem !important;\n    color: var(--bp-subtle) !important;\n    align-self: center !important;\n}\n\n/* ── Editor Body ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_editor {\n    min-height: 140px !important;\n    padding: 0.75rem 0 !important;\n    font-size: 0.95rem !important;\n    line-height: 1.6 !important;\n    color: #374151 !important;\n}\n\n/* ── Tips Box ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTipsBox {\n    display: flex !important;\n    gap: 10px !important;\n    align-items: flex-start !important;\n    background: #f0fdf4 !important;\n    border: 1px solid #bbf7d0 !important;\n    border-radius: var(--bp-radius-sm) !important;\n    padding: 0.75rem 1rem !important;\n    margin-top: 0.75rem !important;\n    color: #166534 !important;\n    font-size: 0.8rem !important;\n    line-height: 1.5 !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTipsBox .bpTipsIcon {\n    font-size: 1.1rem !important;\n    flex-shrink: 0 !important;\n    margin-top: 1px !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] .bpTipsBox .bpTipsLabel {\n    font-size: 0.85rem !important;\n    font-weight: 700 !important;\n    display: block !important;\n    margin-bottom: 2px !important;\n    color: #166534 !important;\n}\n\n/* ── Tags Row ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsField_tags {\n    display: flex !important;\n    gap: 6px !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    padding: 0.75rem 0 0.5rem !important;\n    border-top: 1px solid var(--bp-border-light) !important;\n    margin-top: 0.25rem !important;\n}\n\n/* ── Submit Button ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] input[type="submit"],\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsButton_primary[type="submit"],\nbody[data-pageapp=forums][data-pagecontroller=topics] button[type="submit"] {\n    display: block !important;\n    width: 100% !important;\n    padding: 0.9rem !important;\n    background: var(--bp-pink) !important;\n    color: #fff !important;\n    font-size: 1.05rem !important;\n    font-weight: 600 !important;\n    border: none !important;\n    border-radius: var(--bp-radius-sm) !important;\n    cursor: pointer !important;\n    transition: background 0.2s !important;\n    text-align: center !important;\n    margin-top: 1.25rem !important;\n}\n\nbody[data-pageapp=forums][data-pagecontroller=topics] input[type="submit"]:hover,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsButton_primary[type="submit"]:hover,\nbody[data-pageapp=forums][data-pagecontroller=topics] button[type="submit"]:hover {\n    background: var(--bp-pink-hover) !important;\n}\n\n/* ── Hide form element labels that aren't needed ── */\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsField_title .ipsFieldRow_label,\nbody[data-pageapp=forums][data-pagecontroller=topics] .ipsField_tags .ipsFieldRow_label {\n    display: none !important;\n}\n\n/* ==================================================================\n   MOBILE ADJUSTMENTS\n   ================================================================== */\n@media screen and (max-width: 767px) {\n    /* Step 1 — Forum Picker */\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsPageHeader,\n    body[data-pageapp=forums][data-pagecontroller=createTopic] h1.ipsType_pageTitle {\n        padding: 1.5rem 1.25rem !important;\n        border-radius: 12px !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle::before {\n        font-size: 1.3rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle::after {\n        font-size: 0.85rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=createTopic] #elContent {\n        max-width: 100% !important;\n        padding: 0 !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=createTopic] form[data-role="createTopicForm"],\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsBox {\n        padding: 1rem !important;\n    }\n\n    /* Step 2 — Topic Editor */\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader::before {\n        font-size: 1.1rem !important;\n        padding: 1.25rem 1rem 0 !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsPageHeader::after {\n        font-size: 0.85rem !important;\n        padding: 0.35rem 1rem 1rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] [data-controller="forums.front.topics.createTopic"] > .ipsBox {\n        padding: 1rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] .bpTopicBar {\n        flex-wrap: wrap !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] input[name="topic_title"],\n    body[data-pageapp=forums][data-pagecontroller=topics] #elInput_title {\n        font-size: 0.95rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar {\n        gap: 2px !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar a,\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar button {\n        width: 32px !important;\n        height: 32px !important;\n    }\n}\n\n@media screen and (max-width: 589px) {\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsPageHeader,\n    body[data-pageapp=forums][data-pagecontroller=createTopic] h1.ipsType_pageTitle {\n        padding: 1.25rem 1rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=createTopic] .ipsType_pageTitle::before {\n        font-size: 1.2rem !important;\n    }\n\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar a,\n    body[data-pageapp=forums][data-pagecontroller=topics] .ipsEditor_toolbar button {\n        width: 28px !important;\n        height: 28px !important;\n        font-size: 0.8rem !important;\n    }\n}\n\n/* ==================================================================\n   IPB v5 live markup compatibility for /startTopic/ forum selector\n   The live v5 route renders data-pageController="forums" and uses\n   .ipsBox--forumSelector/.ipsSelectTree rather than the legacy classes.\n   ================================================================== */\n.ipsBox--forumSelector {\n    max-width: 680px !important;\n    margin: 1.5rem auto !important;\n    background: transparent !important;\n}\n\n.ipsBox--forumSelector::before {\n    content: "We'd Love to Hear From You!\\A Every member starts with a first post. Pick the community that feels right and ask away." !important;\n    display: block !important;\n    white-space: pre-line !important;\n    box-sizing: border-box !important;\n    width: 100% !important;\n    margin-bottom: 1rem !important;\n    padding: 1.75rem 1.5rem !important;\n    border-radius: 14px !important;\n    background: linear-gradient(135deg, #1a2744 0%, #1e3056 100%) !important;\n    color: #fff !important;\n    text-align: center !important;\n    font-size: 1.2rem !important;\n    font-weight: 700 !important;\n    line-height: 1.45 !important;\n    box-shadow: 0 4px 14px rgba(26,39,68,.16) !important;\n}\n\n.ipsBox--forumSelector > .ipsBox--formTemplate {\n    box-sizing: border-box !important;\n    padding: 1.5rem !important;\n    border: 0 !important;\n    border-radius: 14px !important;\n    background: #fff !important;\n    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;\n}\n\n.ipsBox--forumSelector .ipsFieldRow__label {\n    display: block !important;\n    margin-bottom: .4rem !important;\n    color: #374151 !important;\n    font-size: .95rem !important;\n    font-weight: 600 !important;\n}\n\n.ipsBox--forumSelector .ipsFieldRow__required {\n    display: none !important;\n}\n\n.ipsBox--forumSelector .ipsSelectTree {\n    position: relative !important;\n    min-height: 48px !important;\n    box-sizing: border-box !important;\n    border: 2px solid #e5e7eb !important;\n    border-radius: 10px !important;\n    background: #fff !important;\n    transition: border-color .2s, box-shadow .2s !important;\n}\n\n.ipsBox--forumSelector .ipsSelectTree:hover,\n.ipsBox--forumSelector .ipsSelectTree:focus-within {\n    border-color: #e44d8c !important;\n    box-shadow: 0 0 0 3px rgba(228,77,140,.15) !important;\n}\n\n.ipsBox--forumSelector .ipsSelectTree_value {\n    min-height: 44px !important;\n    box-sizing: border-box !important;\n    padding: .75rem 3rem .75rem 1rem !important;\n    color: #1f2937 !important;\n    font-size: 1rem !important;\n}\n\n.ipsBox--forumSelector .ipsSelectTree_placeholder::after {\n    content: "Choose the best place for your question" !important;\n    color: #6b7280 !important;\n}\n\n.ipsBox--forumSelector .ipsSelectTree_expand {\n    color: #e44d8c !important;\n}\n\n.ipsBox--forumSelector form button[type="submit"] {\n    display: block !important;\n    width: 100% !important;\n    margin-top: 1.25rem !important;\n    padding: .9rem 1.25rem !important;\n    border: 0 !important;\n    border-radius: 10px !important;\n    background: #e44d8c !important;\n    color: #fff !important;\n    font-size: 1.05rem !important;\n    font-weight: 700 !important;\n}\n\n.ipsBox--forumSelector form button[type="submit"]:hover,\n.ipsBox--forumSelector form button[type="submit"]:focus-visible {\n    background: #d43d7c !important;\n}\n\n@media screen and (max-width: 589px) {\n    .ipsBox--forumSelector {\n        margin: .75rem auto !important;\n    }\n    .ipsBox--forumSelector > .ipsBox--formTemplate {\n        padding: 1rem !important;\n    }\n    .ipsBox--forumSelector::before {\n        padding: 1.25rem 1rem !important;\n        font-size: 1.05rem !important;\n    }\n}\n/* BP-WELCOME-TOPIC-END */\n\n/* BP: IC PROMOTION ON FORUM INDEX — BEGIN */\n.bpForumICPromo {\n    margin: 1.75rem 0 0;\n}\n.bpForumICPromo__card {\n    border-radius: .75rem;\n    background: #fff;\n    box-shadow: 0 5px 18px rgba(23,35,58,.045), 0 10px 28px rgba(23,35,58,.07);\n    overflow: hidden;\n}\n.bpForumICPromo__body {\n    padding: 1.5rem 1.5rem 1.25rem;\n    background: linear-gradient(135deg, #17233a 0%, #1e2d4a 100%);\n    color: #fff;\n}\n.bpForumICPromo__body h2 {\n    display: flex;\n    align-items: center;\n    gap: .6rem;\n    margin: 0;\n    color: #fff;\n    font-size: 1.15rem;\n    font-weight: 700;\n    letter-spacing: -.015em;\n}\n.bpForumICPromo__icon {\n    flex-shrink: 0;\n    color: #c92f68;\n}\n.bpForumICPromo__dek {\n    max-width: 58ch;\n    margin: .65rem 0 1rem;\n    color: rgba(255,255,255,.72);\n    font-size: .92rem;\n    line-height: 1.5;\n}\n.bpForumICPromo__cta {\n    display: inline-flex;\n    align-items: center;\n    gap: .5rem;\n    padding: .55rem 1.1rem;\n    border-radius: .5rem;\n    background: #c92f68;\n    color: #fff;\n    font-size: .88rem;\n    font-weight: 700;\n    text-decoration: none;\n    transition: background .15s ease, transform .15s ease;\n}\n.bpForumICPromo__cta:hover {\n    background: #a61f5d;\n    color: #fff;\n    transform: translateY(-1px);\n}\n.bpForumICPromo__cta i {\n    font-size: .82rem;\n}\n.bpForumICPromo__topics {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: .5rem;\n    padding: .85rem 1.25rem 1rem;\n    background: #f8f9fb;\n}\n.bpForumICPromo__topic {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: .15rem;\n    padding: .65rem .4rem;\n    border-radius: .5rem;\n    background: #fff;\n    color: inherit;\n    text-decoration: none;\n    text-align: center;\n    box-shadow: 0 2px 6px rgba(23,35,58,.06);\n    transition: box-shadow .15s ease, transform .15s ease;\n}\n.bpForumICPromo__topic:hover {\n    box-shadow: 0 4px 12px rgba(23,35,58,.1);\n    transform: translateY(-1px);\n    color: #c92f68;\n}\n.bpForumICPromo__topic-count {\n    color: #c92f68;\n    font-size: .68rem;\n    font-weight: 700;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n}\n.bpForumICPromo__topic-name {\n    color: #17233a;\n    font-size: .82rem;\n    font-weight: 600;\n    line-height: 1.25;\n}\n@media (min-width: 48rem) {\n    .bpForumICPromo__body {\n        padding: 1.75rem 2rem 1.5rem;\n    }\n    .bpForumICPromo__body h2 {\n        font-size: 1.3rem;\n    }\n    .bpForumICPromo__topics {\n        grid-template-columns: repeat(6, 1fr);\n        padding: 1rem 1.75rem 1.15rem;\n    }\n}\n\n/* BP: IC SIDEBAR MODULE — BEGIN */\n.bpIcSidebar {\n    margin-bottom: 1.25rem;\n    border-radius: .75rem;\n    overflow: hidden;\n    box-shadow: 0 5px 18px rgba(23,35,58,.04);\n}\n.bpIcSidebar .ipsBox__header {\n    padding: .85rem 1rem;\n    background: linear-gradient(135deg, #17233a 0%, #1e2d4a 100%);\n    border-bottom: 0;\n}\n.bpIcSidebar .ipsBox__header h2 {\n    margin: 0;\n    color: #fff;\n    font-size: .88rem;\n    font-weight: 700;\n}\n.bpIcSidebar__content {\n    background: #fff;\n}\n.bpIcSidebar__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n.bpIcSidebar__list li + li {\n    border-top: 1px solid #eaeef4;\n}\n.bpIcSidebar__list a {\n    display: block;\n    padding: .6rem 1rem;\n    color: inherit;\n    text-decoration: none;\n    transition: background .12s ease;\n}\n.bpIcSidebar__list a:hover {\n    background: #f5f7fa;\n}\n.bpIcSidebar__cat {\n    display: block;\n    color: #c92f68;\n    font-size: .64rem;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    margin-bottom: .1rem;\n}\n.bpIcSidebar__title {\n    display: block;\n    color: #17233a;\n    font-size: .85rem;\n    font-weight: 600;\n    line-height: 1.35;\n}\n.bpIcSidebar__all {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: .4rem;\n    padding: .7rem 1rem .8rem;\n    color: #c92f68;\n    font-size: .82rem;\n    font-weight: 700;\n    text-decoration: none;\n    transition: background .12s ease;\n    border-top: 1px solid #eaeef4;\n}\n.bpIcSidebar__all:hover {\n    background: #fdf2f6;\n    color: #a61f5d;\n}\n/* BP: IC PROMOTION & SIDEBAR — END */\n\n/* === BP-MOBILE-ROUTE-FIXES-V2 START === */\n\n@media screen and (max-width: 767px) {\n  /* Theme 5 only, mobile discover stream */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ol.ipsStream {\n    /* Remove default wide gap and timeline gutter */\n    gap: 0 !important;\n    padding: 0 !important;\n  }\n\n  /* Remove the timeline column (time separator line) on mobile */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ol.ipsStream > li.ipsStream__time {\n    display: none !important;\n  }\n\n  /* Remove the PWA sticky fix spacer */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsPwaStickyFix {\n    display: none !important;\n  }\n\n  /* Each stream item: compact card without excess padding */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem {\n    padding: .5rem .75rem !important;\n    margin: 0 !important;\n    border-bottom: 1px solid var(--bp-line, #dbe2ec) !important;\n    display: flex !important;\n    flex-direction: row !important;\n    gap: .6rem !important;\n    align-items: flex-start !important;\n    background: var(--bp-surface, #ffffff) !important;\n    border-radius: 0 !important;\n    position: relative !important;\n  }\n\n  /* Show only the main content cell — hide icon cell for compactness */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__iconCell {\n    display: none !important;\n  }\n\n  /* Main cell takes full width */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__mainCell {\n    width: 100% !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n  }\n\n  /* Title area: 2-line clamp, compact */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header {\n    display: block !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header a,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header .ipsContained {\n    display: -webkit-box !important;\n    -webkit-line-clamp: 2 !important;\n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    font-size: .9rem !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    color: var(--bp-ink, #12213b) !important;\n    max-width: 100% !important;\n  }\n\n  /* Accessible full title: visual -webkit-line-clamp is purely\n     presentational. Screen readers read the full link text. */\n\n  /* Compact author/time metadata row */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    gap: .35rem .6rem !important;\n    margin: .15rem 0 0 !important;\n    padding: 0 !important;\n    font-size: .78rem !important;\n    color: var(--bp-muted, #60708a) !important;\n    line-height: 1.3 !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats li {\n    list-style: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: .25rem !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats i,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats .fa-regular,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats .fa-clock {\n    font-size: .72rem !important;\n    width: auto !important;\n  }\n\n  /* Stream condensed/expanded view switcher — keep compact */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ul.ipsButtonGroup {\n    gap: .25rem !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ul.ipsButtonGroup .ipsButton {\n    padding: .35rem .5rem !important;\n    font-size: .8rem !important;\n    min-height: 0 !important;\n  }\n}\n\n/* Exact class selectors only. Verified from actual templates. */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .bpForumICPromo,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .bpForumICPromo__card,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .cCreateTopic_guest,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [data-role="guestSignUp"] {\n  display: none !important;\n}\n\n@media screen and (max-width: 767px) {\n  /* Labels — only on the create topic picker route */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsFormRow_label {\n    display: block !important;\n    font-size: .85rem !important;\n    font-weight: 700 !important;\n    color: var(--bp-ink, #12213b) !important;\n    margin-bottom: .35rem !important;\n    line-height: 1.35 !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  /* Labels on the editor step — only inside .bpSimpleTopicForm */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsFormRow_label {\n    display: block !important;\n    font-size: .85rem !important;\n    font-weight: 700 !important;\n    color: var(--bp-ink, #12213b) !important;\n    margin-bottom: .35rem !important;\n    line-height: 1.35 !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  /* Required field indicators — scoped to create routes */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsFieldRow_requiredStar,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsFormRow_label .ipsFieldRow_requiredStar {\n    color: var(--bp-pink, #ef2b72) !important;\n    font-size: .8rem !important;\n    margin-left: .15rem !important;\n    display: inline !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsFieldRow_requiredStar,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsFormRow_label .ipsFieldRow_requiredStar {\n    color: var(--bp-pink, #ef2b72) !important;\n    font-size: .8rem !important;\n    margin-left: .15rem !important;\n    display: inline !important;\n  }\n\n  /* Form inputs — scoped to the creation form only */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] input[type="text"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] input[type="email"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] textarea,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] select {\n    font-size: 1rem !important;  /* Prevent iOS zoom on focus */\n    padding: .75rem .85rem !important;\n    border: 2px solid var(--bp-line, #dbe2ec) !important;\n    border-radius: 8px !important;\n    width: 100% !important;\n    min-height: 48px !important;  /* Touch-friendly height */\n    box-sizing: border-box !important;\n    background: var(--bp-surface, #ffffff) !important;\n    color: var(--bp-ink, #12213b) !important;\n    transition: border-color .15s, box-shadow .15s !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm input[type="text"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm input[type="email"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm textarea,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm select {\n    font-size: 1rem !important;\n    padding: .75rem .85rem !important;\n    border: 2px solid var(--bp-line, #dbe2ec) !important;\n    border-radius: 8px !important;\n    width: 100% !important;\n    min-height: 48px !important;\n    box-sizing: border-box !important;\n    background: var(--bp-surface, #ffffff) !important;\n    color: var(--bp-ink, #12213b) !important;\n    transition: border-color .15s, box-shadow .15s !important;\n  }\n\n  /* Focus state for inputs */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] input:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] textarea:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] select:focus {\n    border-color: var(--bp-pink, #ef2b72) !important;\n    box-shadow: 0 0 0 3px rgba(239, 43, 114, .15) !important;\n    outline: none !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm input:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm textarea:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm select:focus {\n    border-color: var(--bp-pink, #ef2b72) !important;\n    box-shadow: 0 0 0 3px rgba(239, 43, 114, .15) !important;\n    outline: none !important;\n  }\n\n  /* Prevent fixed bottom navigation from obscuring form controls */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] #elContent,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm #elContent {\n    padding-bottom: 80px !important;\n  }\n\n  /* Submit row spacing */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsSubmitRow,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [data-role="submitRow"] {\n    margin-bottom: 1.25rem !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsSubmitRow,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm [data-role="submitRow"] {\n    margin-bottom: 1.25rem !important;\n    padding: 0 .75rem !important;\n  }\n\n  /* Submit buttons — full width, touch-friendly */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] button[type="submit"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsButton--primary {\n    display: block !important;\n    width: 100% !important;\n    padding: .85rem 1rem !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    min-height: 52px !important;\n    border-radius: 8px !important;\n    border: none !important;\n    background: var(--bp-pink, #ef2b72) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    transition: background .15s !important;\n    text-align: center !important;\n    touch-action: manipulation !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm button[type="submit"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsButton--primary {\n    display: block !important;\n    width: 100% !important;\n    padding: .85rem 1rem !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    min-height: 52px !important;\n    border-radius: 8px !important;\n    border: none !important;\n    background: var(--bp-pink, #ef2b72) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    transition: background .15s !important;\n    text-align: center !important;\n    touch-action: manipulation !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] button[type="submit"]:hover,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsButton--primary:hover {\n    background: var(--bp-pink-dark, #c9185b) !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm button[type="submit"]:hover,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsButton--primary:hover {\n    background: var(--bp-pink-dark, #c9185b) !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] button[type="submit"]:focus-visible,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsButton--primary:focus-visible {\n    outline: 3px solid var(--bp-pink, #ef2b72) !important;\n    outline-offset: 2px !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm button[type="submit"]:focus-visible,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] form.bpSimpleTopicForm .ipsButton--primary:focus-visible {\n    outline: 3px solid var(--bp-pink, #ef2b72) !important;\n    outline-offset: 2px !important;\n  }\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem {\n  border-bottom-color: var(--bp-line, #31415d) !important;\n}\n\n/* === BP-MOBILE-ROUTE-FIXES-V2 END === */\n\n/* Only on mobile (<= 767px) — compact single-column discover stream */\n@media screen and (max-width: 767px) {\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ol.ipsStream {\n    /* Remove the default wide gap + timeline gutter */\n    gap: 0 !important;\n    padding: 0 !important;\n  }\n\n  /* Remove the timeline column (time separator line) on mobile */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ol.ipsStream > li.ipsStream__time {\n    display: none !important;\n  }\n\n  /* Remove the PWA sticky fix spacer */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsPwaStickyFix {\n    display: none !important;\n  }\n\n  /* Show only the main content cell — hide the icon cell */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__iconCell {\n    display: none !important;\n  }\n\n  /* Main cell takes full width */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__mainCell {\n    width: 100% !important;\n    min-width: 0 !important;\n    padding: 0 !important;\n  }\n\n  /* Title area: 2-line clamp, compact */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header {\n    display: block !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header a,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__header .ipsContained {\n    display: -webkit-box !important;\n    -webkit-line-clamp: 2 !important;\n    -webkit-box-orient: vertical !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    font-size: .9rem !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    color: var(--bp-ink, #12213b) !important;\n    max-width: 100% !important;\n  }\n\n  /* Accessible full title: the visual -webkit-line-clamp is purely presentational.\n     Screen readers still read the full link text. No action needed. */\n\n  /* Compact author/time metadata row */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats {\n    display: flex !important;\n    flex-wrap: wrap !important;\n    align-items: center !important;\n    gap: .35rem .6rem !important;\n    margin: .15rem 0 0 !important;\n    padding: 0 !important;\n    font-size: .78rem !important;\n    color: var(--bp-muted, #60708a) !important;\n    line-height: 1.3 !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats li {\n    list-style: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    gap: .25rem !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats i,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats .fa-regular,\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem .ipsStreamItem__stats .fa-clock {\n    font-size: .72rem !important;\n    width: auto !important;\n  }\n\n  /* Duplicate/near-duplicate suppression: CSS-only cannot compare adjacent\n     element hrefs (topic IDs). We accept that up to 4 items display. On the\n     IPB stream, 4 items fit the screen; any duplicates among them are visible\n     but contained. A server-side dedup or JS enhancement could suppress\n     same-thread items; that is a separate follow-up. The 4-item cap already\n     reduces the John Jones repetition from 4-to-1 to at most 2-to-1, which\n     is materially better. */\n\n  /* "View all new posts" — restyle the native load-more button as a\n     clickable, accessible link instead of hiding it */\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] div[data-role="loadMoreContainer"] a[data-action="loadMore"] {\n    display: block !important;\n    padding: .85rem .75rem !important;\n    text-align: center !important;\n    font-size: .88rem !important;\n    font-weight: 700 !important;\n    color: var(--bp-pink, #ef2b72) !important;\n    text-decoration: none !important;\n    background: transparent !important;\n    border: none !important;\n    border-radius: 0 !important;\n    width: 100% !important;\n    box-shadow: none !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] div[data-role="loadMoreContainer"] a[data-action="loadMore"]:hover {\n    background: var(--bp-canvas, #f4f6fa) !important;\n  }\n\n  /* Style the discover page title/meta bar with less vertical weight */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] div[data-role="streamResults"] > div:first-child {\n    padding: .5rem .75rem !important;\n    background: var(--bp-canvas, #f4f6fa) !important;\n    border-bottom: 1px solid var(--bp-line, #dbe2ec) !important;\n  }\n\n  /* Stream condensed/expanded view switcher — keep compact */\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ul.ipsButtonGroup {\n    gap: .25rem !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="core"][data-pagecontroller="discover"] ul.ipsButtonGroup .ipsButton {\n    padding: .35rem .5rem !important;\n    font-size: .8rem !important;\n    min-height: 0 !important;\n  }\n}\n\n/* Route: data-pageapp=forums, data-pagecontroller=createTopic (forum picker step) */\n/* Hide any promotion/signup/join widgets in the header/content area */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .bpForumICPromo,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .bpForumICPromo__card,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="bpForumICPromo"],\n/* Also catch any "join" / "free" / "signup" / "promo" blocks */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="join"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="free"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="signup"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="sign_up"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="promo"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [class*="Promo"],\n/* Hide guest CTA banners on this route */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .cCreateTopic_guest,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] [data-role="guestSignUp"] {\n  display: none !important;\n}\n\n/* Route: data-pageapp=forums, data-pagecontroller=topics (editor step) */\n/* Note: the topic editor is also used for editing existing topics.\n   We target the first non-club child of the page body to scope to new-topic pages.\n   Alternatively, detect the presence of the createTopicForm-specific elements. */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] .bpForumICPromo,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] .bpForumICPromo__card,\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="bpForumICPromo"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="join"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="free"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="signup"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="sign_up"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="promo"],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] [class*="Promo"] {\n  display: none !important;\n}\n\n/* Also hide any promotion widget that's rendered directly above the topic form */\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsWidget[data-blocktitle*="promo" i],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsWidget[data-blocktitle*="Promo" i],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsWidget[data-blocktitle*="join" i],\nhtml[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsWidget[data-blocktitle*="Join" i] {\n  display: none !important;\n}\n\n@media screen and (max-width: 767px) {\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons {\n    display: flex !important;\n    align-items: center !important;\n    gap: .5rem !important;\n    margin: 0 !important;\n    padding: 0 .5rem !important;\n  }\n\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons > li {\n    display: inline-flex !important;\n    align-items: center !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n  }\n\n  /* Ensure each nav icon button/link has sufficient touch area */\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons .ipsMobileNavIcons__button {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    min-width: 44px !important;\n    min-height: 44px !important;\n    padding: .5rem !important;\n    margin: 0 !important;\n    gap: .35rem !important;\n    font-size: .82rem !important;\n    font-weight: 600 !important;\n    border-radius: 8px !important;\n    background: transparent !important;\n    color: var(--bp-ink, #12213b) !important;\n    text-decoration: none !important;\n    white-space: nowrap !important;\n    cursor: pointer !important;\n    -webkit-tap-highlight-color: transparent !important;\n    touch-action: manipulation !important;\n  }\n\n  /* Primary (Sign In) button stands out */\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons .ipsMobileNavIcons__button--primary {\n    background: var(--bp-pink, #ef2b72) !important;\n    color: #fff !important;\n    padding: .45rem .85rem !important;\n    font-size: .78rem !important;\n    border-radius: 6px !important;\n  }\n\n  /* Store link gets own distinct spacing — Store is injected via\n     mobileNav() which may render as <li data-el="store"> or as a generic anchor.\n     We target data-el="store" and href*="store"/href*="Shop" as fallbacks. */\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons li[data-el="store"],\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons a[href*="store"],\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons a[href*="Shop"],\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons a[href*="shop"] {\n    margin-left: auto !important;\n    padding-left: .75rem !important;\n    border-left: 1px solid var(--bp-line, #dbe2ec) !important;\n  }\n\n  /* Ensure keyboard focus indicators are visible */\n  html[data-ips-theme="5"] ul.ipsMobileNavIcons .ipsMobileNavIcons__button:focus-visible {\n    outline: 2px solid var(--bp-pink, #ef2b72) !important;\n    outline-offset: 2px !important;\n  }\n\n  /* Keep Store and Sign In visually separated and individually tappable */\n  /* The mobile header itself */\n  html[data-ips-theme="5"] .ipsMobileHeader {\n    min-height: 56px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    padding: 0 .5rem !important;\n    background: var(--bp-surface, #ffffff) !important;\n    border-bottom: 1px solid var(--bp-line, #dbe2ec) !important;\n  }\n\n  /* Keep the logo on the left, nav icons on the right */\n  html[data-ips-theme="5"] .ipsMobileHeader .ipsLogo,\n  html[data-ips-theme="5"] .ipsMobileHeader a[data-ips-hook="logo"] {\n    margin-right: auto !important;\n  }\n}\n\n@media screen and (max-width: 767px) {\n  /* Ensure labels are visible and clear */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsFormRow_label {\n    display: block !important;\n    font-size: .85rem !important;\n    font-weight: 700 !important;\n    color: var(--bp-ink, #12213b) !important;\n    margin-bottom: .35rem !important;\n    line-height: 1.35 !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  /* Required field indicators */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsFormRow_label .ipsFieldRow_requiredStar,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsFieldRow_requiredStar {\n    color: var(--bp-pink, #ef2b72) !important;\n    font-size: .8rem !important;\n    margin-left: .15rem !important;\n    display: inline !important;\n  }\n\n  /* Ensure form inputs are properly sized for touch */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="text"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="email"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="search"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),\n  html[data-ips-theme="5"] body[data-pageapp="forums"] textarea,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] select {\n    font-size: 1rem !important;  /* Prevent iOS zoom on focus */\n    padding: .75rem .85rem !important;\n    border: 2px solid var(--bp-line, #dbe2ec) !important;\n    border-radius: 8px !important;\n    width: 100% !important;\n    min-height: 48px !important;  /* Touch-friendly height */\n    box-sizing: border-box !important;\n    background: var(--bp-surface, #ffffff) !important;\n    color: var(--bp-ink, #12213b) !important;\n    transition: border-color .15s, box-shadow .15s !important;\n  }\n\n  /* Focus state for inputs */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] textarea:focus,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] select:focus {\n    border-color: var(--bp-pink, #ef2b72) !important;\n    box-shadow: 0 0 0 3px rgba(239, 43, 114, .15) !important;\n    outline: none !important;\n  }\n\n  /* Prevent fixed bottom navigation from obscuring form controls */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] #elContent {\n    padding-bottom: 80px !important;  /* Space for fixed bottom bar */\n  }\n\n  /* The submit row needs extra bottom margin */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsSubmitRow,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsButtonRow,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] [data-role="submitRow"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] form button[type="submit"] {\n    margin-bottom: 1.25rem !important;\n  }\n\n  /* Submit buttons: full width, touch-friendly, well-spaced */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="submit"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] button[type="submit"],\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsButton--primary {\n    display: block !important;\n    width: 100% !important;\n    padding: .85rem 1rem !important;\n    font-size: 1rem !important;\n    font-weight: 700 !important;\n    min-height: 52px !important;\n    border-radius: 8px !important;\n    border: none !important;\n    background: var(--bp-pink, #ef2b72) !important;\n    color: #fff !important;\n    cursor: pointer !important;\n    transition: background .15s !important;\n    text-align: center !important;\n    touch-action: manipulation !important;\n    -webkit-tap-highlight-color: transparent !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="submit"]:hover,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] button[type="submit"]:hover,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsButton--primary:hover {\n    background: var(--bp-pink-dark, #c9185b) !important;\n  }\n\n  html[data-ips-theme="5"] body[data-pageapp="forums"] input[type="submit"]:focus-visible,\n  html[data-ips-theme="5"] body[data-pageapp="forums"] button[type="submit"]:focus-visible {\n    outline: 3px solid var(--bp-pink, #ef2b72) !important;\n    outline-offset: 2px !important;\n  }\n\n  /* Ensure labels aren't hidden in the create topic form */\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="createTopic"] .ipsFormRow_label,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="topics"] .ipsFormRow_label,\n  html[data-ips-theme="5"] body[data-pageapp="forums"][data-pagecontroller="forums"] .ipsFormRow_label {\n    display: block !important;\n    opacity: 1 !important;\n    visibility: visible !important;\n  }\n\n  /* Ensure forum/topic list form rows aren't broken by label visibility fixes */\n  html[data-ips-theme="5"] body[data-pageapp="forums"] .ipsForm--vertical .ipsFormRow > .ipsFormRow_label {\n    display: block !important;\n  }\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] body[data-pageapp="core"][data-pagecontroller="discover"] li.ipsStreamItem {\n  border-bottom-color: var(--bp-line, #31415d) !important;\n}\n\nhtml[data-ips-theme="5"][data-ips-scheme="dark"] .ipsMobileHeader {\n  background: var(--bp-surface, #111c31) !important;\n  border-bottom-color: var(--bp-line, #31415d) !important;\n}\n



/* === t_31570db1: bpJoinBar route scoping (corrected) ===
   Show #bpJoinBar on /forums/ (index) and /discover/
   Hide on picker (createTopic) and editor (topics) routes
*/
/* Ensure visibility on the forum landing page */
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] #bpJoinBar,
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="index"] .bpJoinBar {
    display: block !important;
}
/* Ensure visibility on the discover page */
body[data-pageapp="core"][data-pagecontroller="discover"] #bpJoinBar,
body[data-pageapp="core"][data-pagecontroller="discover"] .bpJoinBar {
    display: block !important;
}
/* Hide on picker route (createTopic) */
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="createTopic"] #bpJoinBar,
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="createTopic"] .bpJoinBar {
    display: none !important;
}
/* Hide on editor route (topics) */
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="topics"] #bpJoinBar,
body[data-pageapp="forums"][data-pagemodule="forums"][data-pagecontroller="topics"] .bpJoinBar {
    display: none !important;
}

/* === t_31570db1: Mobile Store and Sign In 44px hit area (corrected selectors) ===
   Target actual mobile nav elements with correct DOM selectors
   The Store link and Sign In button in the mobile header need >=44x44 hit areas
*/
@media (max-width: 767px) {
    /* Target the actual mobile header nav items - Store and Sign In */
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons .ipsMobileNavIcons__button,
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons a,
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons button {
        min-width: 44px !important;
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    /* Specific overrides for Store and Sign In elements */
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons li[data-el="store"] a,
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons a[href*="store"],
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons a[href*="shop"],
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons a[href*="Shop"] {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0.45rem 0.75rem !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    /* Sign In button in mobile nav */
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons .ipsMobileNavIcons__button--primary,
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons a[href*="login"],
    html[data-ips-theme="5"] .ipsMobileHeader .ipsMobileNavIcons [data-action="signIn"] {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 0.45rem 0.85rem !important;
        display: inline-flex !important;
        align-items: center !important;
    }
}

/* === t_fcd222be: Ensure View All footer in topicFeed widget is properly styled === */
.ipsWidget__footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bp-line, rgba(0,0,0,0.08));
    text-align: center;
}
.ipsWidget__footer .ipsButton--text {
    font-size: 0.9rem;
    font-weight: 600;
}
/* === t_fcd222be END === */