/* v142 — hard public UI cache-busted fixes */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
body {
  position: relative;
}

/* Fees page: rebuild hero as a safe, non-overflowing layout */
.fees-hero {
  padding: clamp(48px, 6vw, 82px) 0 !important;
  overflow: hidden !important;
  background: linear-gradient(90deg,#f8fafc 0%,rgba(248,250,252,.98) 48%,rgba(239,246,255,.86) 100%) !important;
}
.fees-hero .fees-hero-grid,
.fees-hero > .container {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4.2vw, 56px) !important;
  padding-right: clamp(20px, 4.2vw, 56px) !important;
  box-sizing: border-box !important;
}
.fees-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .98fr) minmax(280px, .82fr) !important;
  gap: clamp(22px, 3.2vw, 46px) !important;
  align-items: center !important;
}
.fees-hero-grid > * {
  min-width: 0 !important;
}
.fees-hero-grid > div:first-child {
  max-width: 620px !important;
}
.fees-hero .eyebrow {
  display: block !important;
  margin-bottom: 12px !important;
}
.fees-hero h1 {
  max-width: 640px !important;
  margin: 0 0 22px !important;
  font-size: clamp(38px, 3.55vw, 58px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.035em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
.fees-hero .muted {
  max-width: 660px !important;
  margin: 0 0 26px !important;
  font-size: clamp(17px, 1.35vw, 21px) !important;
  line-height: 1.65 !important;
}
.fees-hero .hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 0 !important;
}
.fees-hero .urgent-visual-card {
  width: 100% !important;
  max-width: 560px !important;
  justify-self: end !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
}
.fees-hero .urgent-visual-card img {
  width: 100% !important;
  height: clamp(300px, 24vw, 380px) !important;
  object-fit: cover !important;
  object-position: 52% 50% !important;
}

/* Fixed widgets should not visually cover the fee card as aggressively */
.fees-hero ~ .vge-chatbot-root .vge-chatbot-launcher,
.fees-hero ~ .whatsapp-float {
  transform: translateY(18px);
}

/* FAQ: make page selector compact at top, reading nav at bottom */
.faq-tools-card {
  max-width: 980px !important;
}
.faq-page-pills {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.faq-page-pill {
  min-width: 0 !important;
  padding: 9px 10px !important;
  font-size: 12px !important;
}
.faq-pager-bottom {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1180px) {
  .fees-hero-grid {
    grid-template-columns: 1fr !important;
  }
  .fees-hero-grid > div:first-child {
    max-width: 760px !important;
  }
  .fees-hero .urgent-visual-card {
    justify-self: start !important;
    max-width: 720px !important;
  }
  .fees-hero h1 {
    max-width: 760px !important;
  }
  .faq-page-pills {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .fees-hero {
    padding: 42px 0 !important;
  }
  .fees-hero .fees-hero-grid,
  .fees-hero > .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .fees-hero h1 {
    font-size: clamp(32px, 9vw, 42px) !important;
  }
  .fees-hero .muted {
    font-size: 16px !important;
  }
  .fees-hero .urgent-visual-card img {
    height: 240px !important;
  }
  .faq-page-pills {
    grid-template-columns: 1fr !important;
  }
}

/* v143 — FAQ 4-page recovery and bottom navigation */
.faq-page-pills{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}
.faq-page-panel{
  display:none !important;
}
.faq-page-panel.is-visible{
  display:block !important;
}
.faq-pager-bottom{
  display:flex;
  margin-top:22px;
  margin-bottom:0;
}
.faq-pager-bottom .faq-pager-actions{
  margin-left:auto;
}
.faq-category.is-hidden,
.faq-item.is-hidden{
  display:none !important;
}
.search-active .faq-page-panel{
  display:block !important;
}
.search-active .faq-pager-bottom{
  display:none !important;
}
@media(max-width:980px){
  .faq-page-pills{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:640px){
  .faq-page-pills{grid-template-columns:1fr !important;}
  .faq-pager-bottom{align-items:stretch;}
  .faq-pager-bottom .faq-pager-actions{width:100%;margin-left:0;}
  .faq-pager-bottom .faq-nav-btn{flex:1;}
}