/* APIS Lab v6.41 — mobile rhythm audit: real spacing between labels, headings, copy and cards */

/* Editorial links were structurally cards but had no card CSS. */
.editorial-grid>a{
  min-width:0;display:flex;flex-direction:column;min-height:220px;
  padding:26px;border:1px solid var(--v624-line);border-radius:22px;
  color:inherit;text-decoration:none;background:transparent
}
.editorial-grid>a>span{display:block;font-size:11px;color:var(--v624-muted);line-height:1.35}
.editorial-grid>a>h3{margin:20px 0 12px;font-size:24px;line-height:1.08;letter-spacing:-.025em}
.editorial-grid>a>p{margin:0;color:var(--v624-muted);line-height:1.55}

@media(max-width:900px){
  /* Major two-column heads become predictable vertical stacks. */
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two){
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:0!important;margin-bottom:44px!important
  }
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>div:first-child{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important
  }
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>div:first-child>:where(.v6-label,.v5-kicker),
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>:where(.v6-label,.v5-kicker){
    display:flex!important;margin:0 0 24px!important;line-height:1.25!important
  }
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>div:first-child>:is(h2,h3),
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>:is(h2,h3){
    margin:0!important;line-height:.98!important
  }
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>p,
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>a.text-link{
    display:block!important;align-self:flex-start!important;margin:28px 0 0!important;line-height:1.6!important
  }

  /* Direct label + heading + copy heads. */
  :where(.decision6-intro,.home-intl-bridge-head){
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-bottom:42px!important
  }
  :where(.decision6-intro,.home-intl-bridge-head)>.v6-label{display:flex!important;margin:0 0 24px!important}
  :where(.decision6-intro,.home-intl-bridge-head)>h2{margin:0!important;line-height:.98!important}
  :where(.decision6-intro,.home-intl-bridge-head)>p{margin:28px 0 0!important;line-height:1.62!important}

  /* Explanatory split blocks. */
  :where(.intl-two,.tools-ethic,.tool-explain-grid,.lab-tools-bridge){
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;align-items:start!important
  }
  :where(.intl-two,.tools-ethic,.tool-explain-grid,.lab-tools-bridge)>div:first-child{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important
  }
  :where(.intl-two,.tools-ethic,.tool-explain-grid,.lab-tools-bridge)>div:first-child>.v6-label{
    display:flex!important;margin:0 0 24px!important
  }
  :where(.intl-two,.tools-ethic,.tool-explain-grid,.lab-tools-bridge)>div:first-child>h2{margin:0!important;line-height:.98!important}
  :where(.intl-two,.tools-ethic,.tool-explain-grid)>:nth-child(2),.lab-tools-bridge>.lab-tool-links{
    margin-top:30px!important;align-self:start!important
  }
  .lab-tools-bridge>div:first-child>p{margin:28px 0 0!important}

  /* First 90 days: visible gaps, not typographic touching. */
  .pilot-90-v625{padding-top:76px!important;padding-bottom:76px!important}
  .pilot-90-v625 .v624-section-head{margin-bottom:46px!important}
  .pilot-90-v625 .v624-section-head>div:first-child>.v6-label{margin-bottom:26px!important}
  .pilot-90-v625 .v624-section-head>div:first-child>h2{margin:0!important;line-height:.98!important}
  .pilot-90-v625 .v624-section-head>p{margin-top:30px!important;line-height:1.65!important}

  /* All content/card systems get breathing room. */
  :where(.pilot-grid-v625,.roadmap-grid,.deliver-grid,.related-tool-grid,.editorial-grid,.radar-pro-grid,.editorial-large-grid,.scenario-metric-grid,.pro-tool-grid,.tool-prof-grid){
    gap:22px!important
  }
  :where(.pilot-grid-v625,.roadmap-grid,.deliver-grid,.related-tool-grid,.editorial-grid,.radar-pro-grid,.editorial-large-grid,.scenario-metric-grid,.pro-tool-grid,.tool-prof-grid)>:where(article,a,div){
    min-width:0
  }
  :where(.pilot-grid-v625,.roadmap-grid,.deliver-grid,.related-tool-grid,.editorial-grid,.radar-pro-grid,.editorial-large-grid,.scenario-metric-grid,.pro-tool-grid,.tool-prof-grid)>:where(article,a,div)>span:first-child{
    display:block!important;margin:0 0 18px!important;line-height:1.3!important
  }
  :where(.pilot-grid-v625,.roadmap-grid,.deliver-grid,.related-tool-grid,.editorial-grid,.radar-pro-grid,.editorial-large-grid,.scenario-metric-grid,.pro-tool-grid,.tool-prof-grid)>:where(article,a,div)>:is(h3,b):not(:last-child){
    margin-top:0!important
  }

  /* Editorial/material list: clear separation from section head and between items. */
  .intl-reading .v624-section-head{margin-bottom:46px!important}
  .intl-reading .editorial-grid{margin-top:0!important}
  .editorial-grid>a{min-height:0!important;padding:26px!important;border-radius:22px!important}
  .editorial-grid>a>span{margin:0 0 18px!important;font-size:12px!important}
  .editorial-grid>a>h3{margin:0 0 16px!important;font-size:clamp(24px,6.2vw,30px)!important;line-height:1.1!important}
  .editorial-grid>a>p{margin:0!important;line-height:1.6!important}

  /* Generic direct kicker -> large title patterns throughout the site. */
  :where(section,article,div)>:where(.v6-label,.v5-kicker)+:is(h1,h2){margin-top:0!important}
  :where(section,article,div)>:where(.v6-label,.v5-kicker):has(+ h1),
  :where(section,article,div)>:where(.v6-label,.v5-kicker):has(+ h2){margin-bottom:24px!important}

  /* Section padding should feel intentional on mobile. */
  :where(.v624-section,.v624-soft,.v624-dark,.intl-definition,.intl-situations,.intl-decisions,.intl-economics,.intl-roadmap,.intl-scenarios,.intl-tools,.intl-reading){
    padding-top:72px!important;padding-bottom:72px!important
  }

  /* Result blocks and workbenches should not visually stick to the preceding controls. */
  .tool-workbench{gap:24px!important}
  .pro-result{margin-top:30px!important}
  .result-empty{padding:28px!important}
  .result-empty>b{display:block;margin:0 0 12px!important}
  .result-empty>p{margin:0!important;line-height:1.6!important}
}

@media(max-width:640px){
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two){margin-bottom:42px!important}
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>div:first-child>:where(.v6-label,.v5-kicker),
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>:where(.v6-label,.v5-kicker),
  :where(.decision6-intro,.home-intl-bridge-head)>.v6-label,
  :where(.intl-two,.tools-ethic,.tool-explain-grid,.lab-tools-bridge)>div:first-child>.v6-label{
    margin-bottom:24px!important
  }
  :where(.v624-section-head,.section6-head,.international6-head,.labx-head,.intel-block-head,.v5-head,.case6-two)>p,
  :where(.decision6-intro,.home-intl-bridge-head)>p{margin-top:26px!important}
  .pilot-90-v625 .v624-section-head>div:first-child>.v6-label{margin-bottom:28px!important}
  .pilot-90-v625 .v624-section-head>p{margin-top:28px!important}
  .pilot-grid-v625{gap:20px!important}
  .pilot-grid-v625 article{min-height:0!important;padding:26px!important}
}