/* APIS Lab v6.49 — strategy mobile title/order + CTA containment */
@media(max-width:760px){
  /* Strategy hero: keep the content in normal flow and never let long CTA text escape. */
  html body main .strategy-hero{
    overflow:hidden!important;
  }
  html body main .strategy-hero .strategy-hero-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:28px!important;
    align-items:stretch!important;
  }
  html body main .strategy-hero .strategy-hero-grid>.v645-heading-group{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body main .strategy-hero .strategy-side{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html body main .strategy-hero .v645-heading-group>.v6-label{
    margin:0!important;
  }
  html body main .strategy-hero .v645-heading-group>h1{
    margin:0!important;
    max-width:100%!important;
  }
  html body main .strategy-hero .v645-heading-group>p{
    margin:0!important;
    max-width:100%!important;
  }

  /* These two labels are too long for a two-column phone layout. Stack them. */
  html body main .strategy-hero .hero6-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html body main .strategy-hero .hero6-actions .v6-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    padding:0 20px!important;
    font-size:15px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  /* International scenarios on the strategy page: the section title must always
     precede the explanatory copy on phones. */
  html body main .strategy-international .international6-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 34px!important;
  }
  html body main .strategy-international .international6-head>.v645-heading-group{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html body main .strategy-international .international6-head>p{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:24px 0 0!important;
    padding:0!important;
    line-height:1.55!important;
  }
  html body main .strategy-international .scenario-visual-grid{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  html body main .strategy-international .scenario-x{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Prevent any legacy action row on internal pages from making the page wider. */
  html body main :where(.hero6-actions,.v5-actions,.intl-cta,.result-actions){
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body main :where(.hero6-actions,.v5-actions,.intl-cta,.result-actions) :where(a,button){
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media(max-width:390px){
  html body main .strategy-hero .hero6-actions .v6-btn{
    min-height:56px!important;
    padding-inline:16px!important;
    font-size:14px!important;
  }
}