/* APIS Lab v6.44 — mobile section rhythm + breadcrumb visibility reset.
   One source of truth for mobile labels, titles, support copy and crumb placement. */

@media (max-width:900px){
  :root{
    --v644-label-title:30px;
    --v644-title-copy:30px;
    --v644-head-content:40px;
    --v644-section-pad:56px;
  }

  /* ---------- BREADCRUMBS ---------- */
  /* Breadcrumbs inside dark hero sections: always start below the fixed header. */
  body .intl-hero,
  body .tools-hub-hero,
  body .tool-v624-hero,
  body .lab-v624-hero,
  body .article-v624-hero,
  body .scenario-v624-hero{
    padding-top:calc(var(--header,64px) + 30px)!important;
  }

  body .intl-hero .v624-crumbs,
  body .tools-hub-hero .v624-crumbs,
  body .tool-v624-hero .v624-crumbs,
  body .lab-v624-hero .v624-crumbs,
  body .article-v624-hero .v624-crumbs,
  body .scenario-v624-hero .v624-crumbs{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 36px!important;
    padding:0!important;
    position:relative!important;
    z-index:4!important;
    font-size:12px!important;
    line-height:1.45!important;
    letter-spacing:.02em!important;
    overflow:visible!important;
  }
  body .intl-hero .v624-crumbs>div,
  body .tools-hub-hero .v624-crumbs>div,
  body .tool-v624-hero .v624-crumbs>div,
  body .lab-v624-hero .v624-crumbs>div,
  body .article-v624-hero .v624-crumbs>div,
  body .scenario-v624-hero .v624-crumbs>div{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px 9px!important;
    width:100%!important;
    min-width:0!important;
  }
  body .intl-hero .crumb-back,
  body .tools-hub-hero .crumb-back,
  body .tool-v624-hero .crumb-back,
  body .lab-v624-hero .crumb-back,
  body .article-v624-hero .crumb-back,
  body .scenario-v624-hero .crumb-back{
    display:inline-flex!important;
    margin:0!important;
    max-width:none!important;
    white-space:normal!important;
    text-align:left!important;
    font-size:11px!important;
  }

  /* Breadcrumb bands used by service/work/case pages. */
  body .v624-global-crumb-band,
  body .site-breadcrumb-band{
    display:block!important;
    padding:calc(var(--header,64px) + 18px) 0 18px!important;
    min-height:0!important;
    position:relative!important;
    z-index:4!important;
    overflow:visible!important;
  }
  body .v624-global-crumb-band .v624-crumbs,
  body .site-breadcrumb-band .v624-crumbs{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.45!important;
    overflow:visible!important;
  }
  body .v624-global-crumb-band .v624-crumbs>div,
  body .site-breadcrumb-band .v624-crumbs>div{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 8px!important;
    width:100%!important;
    min-width:0!important;
  }
  body .v624-global-crumb-band .crumb-back,
  body .site-breadcrumb-band .crumb-back{
    display:inline-flex!important;
    margin:0!important;
    max-width:none!important;
    white-space:normal!important;
    text-align:left!important;
  }

  /* ---------- STANDARD SECTION HEADS ---------- */
  /* Wrapped structure: <div><label/><h2/></div><p/> */
  body .v624-section-head,
  body .section6-head,
  body .international6-head,
  body .labx-head,
  body .intel-block-head,
  body .v5-head,
  body .case6-two{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    margin:0 0 var(--v644-head-content)!important;
  }

  body .v624-section-head>div:first-child,
  body .section6-head>div:first-child,
  body .international6-head>div:first-child,
  body .labx-head>div:first-child,
  body .intel-block-head>div:first-child,
  body .v5-head>div:first-child,
  body .case6-two>div:first-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:var(--v644-label-title)!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body .v624-section-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .section6-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .international6-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .labx-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .intel-block-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .v5-head>div:first-child>:where(.v6-label,.v5-kicker,span:first-child),
  body .case6-two>div:first-child>:where(.v6-label,.v5-kicker,span:first-child){
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1.2!important;
  }

  body .v624-section-head>div:first-child>:is(h2,h3),
  body .section6-head>div:first-child>:is(h2,h3),
  body .international6-head>div:first-child>:is(h2,h3),
  body .labx-head>div:first-child>:is(h2,h3),
  body .intel-block-head>div:first-child>:is(h2,h3),
  body .v5-head>div:first-child>:is(h2,h3),
  body .case6-two>div:first-child>:is(h2,h3){
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:.98!important;
  }

  body .v624-section-head>p,
  body .section6-head>p,
  body .international6-head>p,
  body .labx-head>p,
  body .intel-block-head>p,
  body .v5-head>p,
  body .case6-two>p{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:var(--v644-title-copy) 0 0!important;
    padding:0!important;
    align-self:flex-start!important;
    line-height:1.62!important;
  }

  body .v624-section-head>a.text-link,
  body .section6-head>a,
  body .international6-head>a.text-link,
  body .labx-head>a.text-link{
    display:inline-flex!important;
    margin:var(--v644-title-copy) 0 0!important;
    padding:0!important;
    align-self:flex-start!important;
  }

  /* Direct structure: label + h2 + p. */
  body .v624-section-head:has(>.v6-label:first-child + h2),
  body .decision6-intro,
  body .home-intl-bridge-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    width:100%!important;
    margin:0 0 var(--v644-head-content)!important;
  }
  body .v624-section-head:has(>.v6-label:first-child + h2)>.v6-label,
  body .decision6-intro>.v6-label,
  body .home-intl-bridge-head>.v6-label{
    display:block!important;
    margin:0 0 var(--v644-label-title)!important;
    padding:0!important;
  }
  body .v624-section-head:has(>.v6-label:first-child + h2)>h2,
  body .decision6-intro>h2,
  body .home-intl-bridge-head>h2{
    display:block!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    line-height:.98!important;
  }
  body .v624-section-head:has(>.v6-label:first-child + h2)>p,
  body .decision6-intro>p,
  body .home-intl-bridge-head>p{
    display:block!important;
    width:100%!important;
    margin:var(--v644-title-copy) 0 0!important;
    padding:0!important;
    line-height:1.62!important;
  }

  /* Two-column explanatory heads (Optics, ethics, explain blocks). */
  body .intl-two,
  body .tools-ethic,
  body .tool-explain-grid,
  body .lab-tools-bridge{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0!important;
    width:100%!important;
  }
  body .intl-two>div:first-child,
  body .tools-ethic>div:first-child,
  body .tool-explain-grid>div:first-child,
  body .lab-tools-bridge>div:first-child{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:var(--v644-label-title)!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .intl-two>div:first-child>:where(.v6-label,h2),
  body .tools-ethic>div:first-child>:where(.v6-label,h2),
  body .tool-explain-grid>div:first-child>:where(.v6-label,h2),
  body .lab-tools-bridge>div:first-child>:where(.v6-label,h2){
    margin:0!important;
    padding:0!important;
  }
  body .intl-two>.prose-lg,
  body .tools-ethic>div:nth-child(2),
  body .tool-explain-grid>div:nth-child(2),
  body .lab-tools-bridge>.lab-tool-links{
    width:100%!important;
    margin:var(--v644-title-copy) 0 0!important;
    padding:0!important;
  }
  body .lab-tools-bridge>div:first-child>p{
    margin:var(--v644-title-copy) 0 0!important;
  }

  /* International sections — force identical spacing, regardless of older class-specific CSS. */
  body .intl-situations .v624-section-head,
  body .intl-method .v624-section-head,
  body .intl-decisions .v624-section-head,
  body .intl-analytics .v624-section-head,
  body .intl-evidence-v625 .v624-section-head,
  body .intl-economics .v624-section-head,
  body .intl-roadmap .v624-section-head,
  body .pilot-90-v625 .v624-section-head,
  body .intl-scenarios .v624-section-head,
  body .intl-tools .v624-section-head,
  body .intl-reading .v624-section-head{
    margin-bottom:var(--v644-head-content)!important;
  }

  /* Never let legacy margins create a second gap inside these headings. */
  body .intl-situations .v624-section-head>div:first-child>.v6-label,
  body .intl-method .v624-section-head>div:first-child>.v6-label,
  body .intl-decisions .v624-section-head>div:first-child>.v6-label,
  body .intl-analytics .v624-section-head>div:first-child>.v6-label,
  body .intl-evidence-v625 .v624-section-head>div:first-child>.v6-label,
  body .intl-economics .v624-section-head>div:first-child>.v6-label,
  body .intl-roadmap .v624-section-head>div:first-child>.v6-label,
  body .pilot-90-v625 .v624-section-head>div:first-child>.v6-label,
  body .intl-scenarios .v624-section-head>div:first-child>.v6-label,
  body .intl-tools .v624-section-head>div:first-child>.v6-label,
  body .intl-reading .v624-section-head>div:first-child>.v6-label{
    margin:0!important;
  }

  /* Section spacing — balanced, not giant. */
  body .v624-section,
  body .v624-soft,
  body .v624-dark,
  body .intl-definition,
  body .intl-situations,
  body .intl-method,
  body .intl-decisions,
  body .intl-analytics,
  body .intl-evidence-v625,
  body .intl-economics,
  body .intl-roadmap,
  body .pilot-90-v625,
  body .intl-scenarios,
  body .intl-tools,
  body .intl-reading{
    padding-top:var(--v644-section-pad)!important;
    padding-bottom:var(--v644-section-pad)!important;
  }

  /* Card/content spacing after heads. */
  body :where(.situation-grid,.method-timeline,.decision-wheel,.analytics-grid,.evidence-grid-v625,
    .roadmap-grid,.pilot-grid-v625,.scenario-premium-grid,.deliver-grid,.related-tool-grid,
    .editorial-grid,.radar-pro-grid,.editorial-large-grid,.pro-tool-grid,.tool-prof-grid){
    margin-top:0!important;
  }

  /* Decision banner stays centered on the green background. */
  body .decision-wheel>.wheel-core{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    min-height:92px!important;
    padding:20px 24px!important;
    text-align:center!important;
  }
  body .decision-wheel>.wheel-core>span,
  body .decision-wheel>.wheel-core>b{margin:0!important;padding:0!important;text-align:center!important}
}

@media (max-width:640px){
  :root{
    --v644-label-title:28px;
    --v644-title-copy:28px;
    --v644-head-content:38px;
    --v644-section-pad:52px;
  }
}

@media (max-width:900px){
  /* v6.44 moves hero breadcrumbs into their own band. Once the band is present,
     hero padding no longer needs to compensate for the fixed header. */
  body .v644-crumb-band + :where(.intl-hero,.tools-hub-hero,.tool-v624-hero,.lab-v624-hero,.article-v624-hero,.scenario-v624-hero){
    padding-top:48px!important;
  }
  body .v644-crumb-band{
    background:#ebe6dc!important;
    color:#26282d!important;
    border-bottom:1px solid rgba(17,19,24,.10)!important;
  }
  body .v644-crumb-band .v624-crumbs{
    color:#26282d!important;
  }
}
@media (max-width:640px){
  body .v644-crumb-band + :where(.intl-hero,.tools-hub-hero,.tool-v624-hero,.lab-v624-hero,.article-v624-hero,.scenario-v624-hero){
    padding-top:42px!important;
  }
}

@media (max-width:900px){
  /* International page hard reset: every editorial head uses the same measured rhythm. */
  body.v624-page :is(.intl-situations,.intl-method,.intl-decisions,.intl-analytics,.intl-evidence-v625,.intl-economics,.intl-roadmap,.pilot-90-v625,.intl-scenarios,.intl-tools,.intl-reading) .v624-section-head>div:first-child{
    gap:var(--v644-label-title)!important;
  }
  body.v624-page :is(.intl-situations,.intl-method,.intl-decisions,.intl-analytics,.intl-evidence-v625,.intl-economics,.intl-roadmap,.pilot-90-v625,.intl-scenarios,.intl-tools,.intl-reading) .v624-section-head>div:first-child>.v6-label{
    margin:0!important;
    padding:0!important;
  }
  body.v624-page :is(.intl-situations,.intl-method,.intl-decisions,.intl-analytics,.intl-evidence-v625,.intl-economics,.intl-roadmap,.pilot-90-v625,.intl-scenarios,.intl-tools,.intl-reading) .v624-section-head>div:first-child>h2{
    margin:0!important;
    padding:0!important;
  }
  body.v624-page :is(.intl-situations,.intl-method,.intl-decisions,.intl-analytics,.intl-evidence-v625,.intl-economics,.intl-roadmap,.pilot-90-v625,.intl-scenarios,.intl-tools) .v624-section-head>p{
    margin:var(--v644-title-copy) 0 0!important;
  }
  body.v624-page .intl-reading .v624-section-head>a.text-link{
    margin:var(--v644-title-copy) 0 0!important;
  }
}