
/* APIS Lab v6.29 — full text QA: spacing, card composition, vertical alignment, and CTA rhythm */
html,body{overflow-x:clip}
.v624-page :where(h1,h2,h3),.expertise6-page :where(h1,h2,h3),.v6-home :where(h1,h2,h3){text-wrap:balance}
.v624-page :where(p,li,small),.expertise6-page :where(p,li,small),.v6-home :where(p,li,small){text-wrap:pretty}

/* Right-hand supporting blocks should align cleanly relative to the main heading. */
.intl-hero-grid,.tool-hero-grid,.tools-hub-grid,.lab-v624-hero-grid,.article-hero-grid,.strategy-hero-grid,.home-intl-bridge-head,.decision6-intro,.international6-head{align-items:start}
.article-meta-v624,.tool-method-card,.tools-standard,.strategy-side{align-self:start}
.article-meta-v624,.tool-method-card,.tools-standard,.strategy-side,.tool-professional-v625 .tool-decision-v625{overflow:hidden}

/* Large editorial heroes: slightly calmer scale and better balance with the side note card. */
.lab-v624-hero h1,.article-v624-hero h1{font-size:clamp(46px,5.2vw,84px);line-height:.9;max-width:9ch}
.tools-hub-grid h1,.tool-hero-grid h1,.intl-copy h1{font-size:clamp(50px,5.7vw,92px);line-height:.91;max-width:11ch}
.article-meta-v624{margin-top:4px;width:min(100%,360px);padding:30px;border-radius:28px}
.article-meta-v624>b{display:block;margin:0 0 18px;font-size:clamp(20px,1.9vw,24px);line-height:1.12}
.article-meta-v624 ol{margin:0;padding-left:26px}
.article-meta-v624 li{margin:0 0 14px;font-size:16px;line-height:1.52}
.article-meta-v624>span{display:block;margin-top:24px}

/* Generic card rhythm for places where inline elements were visually sticking together. */
.deliver-grid>div,.related-tool-grid>a,.editorial-card,.context-next>a,.home-intl-bridge-grid a,.tool-professional-v625 article,.roadmap-grid article,.strategy-framework-list article,.strategy-situations-grid article{min-width:0}
.deliver-grid>div>span,.deliver-grid>div>b,.deliver-grid>div>p,
.related-tool-grid>a>span,.related-tool-grid>a>b,.related-tool-grid>a>p,.related-tool-grid>a>strong,
.context-next>a>span,.context-next>a>b,.context-next>a>p,
.home-intl-bridge-grid a>span,.home-intl-bridge-grid a>b,.home-intl-bridge-grid a>p,.home-intl-bridge-grid a>strong,
.tool-professional-v625 article>span,.tool-professional-v625 article>h3,.tool-professional-v625 article>p,
.roadmap-grid article>span,.roadmap-grid article>h3,.roadmap-grid article>ul,
.strategy-framework-list article>b,.strategy-framework-list article>p,
.strategy-situations-grid article>span,.strategy-situations-grid article>h3,.strategy-situations-grid article>p{display:block}

.deliver-grid>div{display:flex;flex-direction:column;padding:28px;border-radius:24px}
.deliver-grid>div>span{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#6d8e00}
.deliver-grid>div>b{margin:0 0 12px;font-size:clamp(24px,2.05vw,30px);line-height:1.08;letter-spacing:-.02em}
.deliver-grid>div>p{margin:0;line-height:1.58;color:#5f5a53}

.related-tool-grid>a,.context-next>a,.home-intl-bridge-grid a{display:flex;flex-direction:column}
.related-tool-grid>a>span,.context-next>a>span,.home-intl-bridge-grid a>span{margin:0 0 14px}
.related-tool-grid>a>b,.context-next>a>b,.home-intl-bridge-grid a>b{margin:0 0 14px;line-height:1.08;letter-spacing:-.02em}
.related-tool-grid>a>p,.context-next>a>p,.home-intl-bridge-grid a>p{margin:0;line-height:1.58}
.related-tool-grid>a>strong,.home-intl-bridge-grid a>strong{margin-top:auto;padding-top:18px}
.context-next>a{min-height:220px;padding:30px 28px;border-radius:26px}
.context-next>a>b{font-size:clamp(23px,1.9vw,29px)}
.home-intl-bridge-grid a{min-height:292px}
.home-intl-bridge-grid a>b{font-size:clamp(24px,2.1vw,30px);margin-top:18px}

.tool-professional-v625 article{display:flex;flex-direction:column;padding:26px;min-height:260px}
.tool-professional-v625 article>span{margin:0 0 14px}
.tool-professional-v625 article>h3{margin:0 0 12px;font-size:25px;line-height:1.08}
.tool-professional-v625 article>p{margin:0;line-height:1.58}

.roadmap-grid article{display:flex;flex-direction:column;padding:30px}
.roadmap-grid article>span{margin:0 0 16px;font-size:12px;font-weight:800;color:#6d8e00;letter-spacing:.08em}
.roadmap-grid article>h3{margin:0 0 14px;font-size:29px;line-height:1.07}
.roadmap-grid article>ul{margin:0;padding-left:19px;display:grid;gap:9px}

.strategy-hero-grid{align-items:start}
.strategy-side{min-height:0;justify-content:flex-start;padding:30px}
.strategy-side>span{display:block;margin:0 0 16px}
.strategy-side b{display:block;margin:0 0 16px;font-size:clamp(27px,2.35vw,34px);line-height:1.08}
.strategy-side p{margin:0;line-height:1.6}
.strategy-framework-list article{display:flex;flex-direction:column;gap:12px}
.strategy-framework-list article>b{margin:0;font-size:20px;line-height:1.15}
.strategy-framework-list article>p{margin:0;line-height:1.6}
.strategy-situations-grid article{display:flex;flex-direction:column}
.strategy-situations-grid article>span{margin:0 0 16px}
.strategy-situations-grid article>h3{margin:0 0 12px;line-height:1.05}
.strategy-situations-grid article>p{margin:0;line-height:1.58}

/* Start steps were using divs, while earlier CSS styled only article. */
.start-steps{display:grid;gap:0}
.start-steps>div,.start-steps>article{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;row-gap:6px;padding:20px 0;border-top:1px solid rgba(255,255,255,.13)}
.start-steps>div>span,.start-steps>article>span{grid-column:1;grid-row:1 / span 2;display:block;font-size:clamp(28px,2.4vw,34px);font-weight:800;line-height:1;color:var(--v624-acid)}
.start-steps>div>b,.start-steps>article>b,.start-steps>article h3{grid-column:2;display:block;margin:0;font-size:clamp(24px,2.1vw,31px);line-height:1.06;letter-spacing:-.02em}
.start-steps>div>p,.start-steps>article>p{grid-column:2;display:block;margin:0;line-height:1.58;color:#aaa79f}

/* Sensitivity block: force a readable label row and spaced values. */
.sens-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:16px}
.sens-label>b,.sens-label>span{display:block}
.sens-label>b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.sens-label>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--v624-muted)}
.sens-bars{display:grid;gap:14px}
.sens-bars>div{display:grid;grid-template-columns:minmax(180px,.92fr) minmax(0,1fr) auto;align-items:center;gap:14px}
.sens-bars>div>span,.sens-bars>div>i,.sens-bars>div>b{display:block}
.sens-bars>div>span{font-size:18px;line-height:1.22;color:#171717}
.sens-bars>div>i{position:relative;width:100%;height:10px;border-radius:999px;background:#ddd7cb;overflow:hidden;font-style:normal}
.sens-bars>div>i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0);background:#111;border-radius:inherit}
.sens-bars>div>b{min-width:88px;text-align:right;font-size:17px;line-height:1.2;white-space:nowrap}

/* CTA blocks and button groups */
.final-cta{display:flex;justify-content:space-between;gap:28px;align-items:center}
.final-cta>h3{margin:0;max-width:18ch;line-height:1.08;letter-spacing:-.025em}
.final-cta>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px}
.final-cta .v6-btn,.hero6-actions .v6-btn,.intl-cta .v6-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 28px;border-radius:999px;white-space:nowrap;text-align:center}
.final-cta .v6-btn.ghost.light{min-width:300px}

/* Tool / supporting cards */
.tool-method-card p,.tools-standard p,.strategy-side p,.deliver-grid p,.home-intl-bridge-grid p,.context-next p,.related-tool-grid p{max-width:36ch}

/* Slightly calmer button/link rhythm in the international hero. */
.intl-cta{align-items:center;gap:14px 16px}
.intl-text-link{display:inline-flex;align-items:center;min-height:58px;white-space:nowrap}

@media(max-width:1180px){
  .article-meta-v624{width:100%;max-width:760px}
  .lab-v624-hero h1,.article-v624-hero h1{max-width:10ch}
}
@media(max-width:980px){
  .strategy-side{padding:26px}
}
@media(max-width:900px){
  .context-next>a{min-height:0}
  .home-intl-bridge-grid a{min-height:0}
  .sens-bars>div{grid-template-columns:minmax(145px,.92fr) minmax(0,1fr) auto;gap:12px}
  .sens-bars>div>span{font-size:16px}
}
@media(max-width:760px){
  .final-cta{align-items:flex-start}
  .final-cta>div{width:100%;flex-direction:column;align-items:flex-start}
  .final-cta .v6-btn,.final-cta .v6-btn.ghost.light{width:100%;min-width:0}
  .sens-bars>div{grid-template-columns:1fr;gap:8px}
  .sens-bars>div>b{text-align:left;min-width:0}
}
@media(max-width:640px){
  .lab-v624-hero h1,.article-v624-hero h1,.tools-hub-grid h1,.tool-hero-grid h1,.intl-copy h1{max-width:none}
  .article-meta-v624{padding:24px}
  .deliver-grid>div,.context-next>a,.tool-professional-v625 article,.roadmap-grid article{padding:24px}
  .start-steps>div,.start-steps>article{grid-template-columns:44px minmax(0,1fr);column-gap:14px}
  .start-steps>div>span,.start-steps>article>span{font-size:26px}
  .start-steps>div>b,.start-steps>article>b,.start-steps>article h3{font-size:22px}
}
