/* BAOI 5.3.37.22 — presentation-only public UX consistency layer. */
body.baoi-design-v53332.baoi-ux-v53722 {
  --baoi-v53722-touch:44px;
  --baoi-v53722-copy:#d5e2ec;
  --baoi-v53722-support-bg:#0b1b2b;
  --baoi-v53722-support-border:rgba(82,216,255,.34);
}

/* Keep application surfaces centered and immune to child overflow without changing their HTML. */
body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(
  .baoi-premium-tool-stage,.baoi-premium-tool-after,.boai-gap490,.boai-tool-app,
  .boai-diag-app,.boai-dx,.boai-builder-app,.boai-calc-app,.boai-infra-app
){
  width:min(100%,var(--baoi-tool-max,1180px));
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  min-width:0;
  box-sizing:border-box;
}
body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(
  .baoi-premium-tool-stage,.baoi-premium-tool-after,.boai-gap490,.boai-tool-app,
  .boai-diag-app,.boai-dx,.boai-builder-app,.boai-calc-app,.boai-infra-app
) *{box-sizing:border-box;min-width:0}

/* Form controls remain usable and do not push the page horizontally on mobile. */
body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;box-sizing:border-box}
body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(button,.button,input[type=button],input[type=submit],input[type=reset]){min-height:var(--baoi-v53722-touch)}
body.baoi-design-v53332.baoi-ux-v53722 :where(pre,table,.baoi-v503-table-wrap,.boai-table-wrap){max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}

/* One readable interaction contract for the FAQ blocks already owned by the tool layer. */
body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-tool-faq,.baoi-gold-faq-v533331) details{overflow:hidden}
body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-tool-faq,.baoi-gold-faq-v533331) summary{min-height:var(--baoi-v53722-touch);display:flex;align-items:center;overflow-wrap:anywhere}
body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-tool-faq,.baoi-gold-faq-v533331) details[open] > :where(p,div,ul,ol){overflow-wrap:anywhere}

/* Contrast guard for the single support component, including the historical gold owner. */
body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-support,.baoi-gold-support-v533331){background:var(--baoi-v53722-support-bg)!important;border-color:var(--baoi-v53722-support-border)!important;color:#f8fafc!important;isolation:isolate}
body.baoi-design-v53332.baoi-ux-v53722 .baoi-premium-support :where(strong,.baoi-premium-support__copy),
body.baoi-design-v53332.baoi-ux-v53722 .baoi-gold-support-v533331 :where(strong,.baoi-gold-support-copy-v533331){color:#fff!important}
body.baoi-design-v53332.baoi-ux-v53722 .baoi-premium-support__copy>span:last-child,
body.baoi-design-v53332.baoi-ux-v53722 .baoi-gold-support-copy-v533331>span:last-child{color:var(--baoi-v53722-copy)!important;opacity:1!important}
body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-support,.baoi-gold-support-v533331)>a{min-height:var(--baoi-v53722-touch);display:inline-flex;align-items:center;justify-content:center}

/* Support-center pages stay readable even when theme inheritance changes. */
body.baoi-design-v53332.baoi-ux-v53722.boai-support-page :where(.boai-support-center,.boai-support-center *){text-shadow:none!important}
body.baoi-design-v53332.baoi-ux-v53722.boai-support-page :where(.boai-support-pay,.boai-support-compact a,.boai-support-footerbar a){min-height:var(--baoi-v53722-touch)}

@media (max-width: 782px){
  body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(.baoi-premium-tool-stage,.baoi-premium-tool-after,.boai-gap490,.boai-tool-app,.boai-diag-app,.boai-dx){width:100%;max-width:100%;margin-left:auto!important;margin-right:auto!important}
  body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-support,.baoi-gold-support-v533331){width:calc(100% - 20px)!important;max-width:100%;align-items:stretch!important;flex-direction:column!important}
  body.baoi-design-v53332.baoi-ux-v53722 :where(.baoi-premium-support,.baoi-gold-support-v533331)>a{width:100%;white-space:normal;text-align:center}
  body.baoi-design-v53332.baoi-ux-v53722.baoi-shell-application :where(input:not([type=checkbox]):not([type=radio]),select,textarea,button,.button){font-size:16px;max-width:100%}
}