/* APIS Lab v6.32 — final visual balance pass */

/* Large editorial titles: use the available column instead of a narrow ch-based cap. */
@media(min-width:901px){
  .intl-copy h1{
    max-width:700px!important;
    font-size:clamp(56px,5.6vw,84px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .tools-hub-grid h1,.tool-hero-grid h1{
    max-width:760px!important;
    font-size:clamp(54px,5.25vw,80px)!important;
    line-height:.93!important;
    letter-spacing:-.052em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .lab-v624-hero h1{
    max-width:800px!important;
    font-size:clamp(54px,5.35vw,82px)!important;
    line-height:.92!important;
    letter-spacing:-.052em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .article-v624-hero h1{
    max-width:820px!important;
    font-size:clamp(50px,5vw,76px)!important;
    line-height:.94!important;
    letter-spacing:-.05em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .article-hero-grid{grid-template-columns:minmax(0,1fr) minmax(340px,380px)!important;gap:56px!important}
  .tool-hero-grid,.tools-hub-grid{grid-template-columns:minmax(0,1.18fr) minmax(380px,.62fr)!important;gap:56px!important}
  .intl-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr)!important;gap:56px!important}
}

/* Next-case block: actual markup contains an inner .v6-shell, so style that structure explicitly. */
.case6-next>.v6-shell>a{
  min-height:240px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:36px;
  align-items:center;
  color:inherit;
  text-decoration:none;
}
.case6-next>.v6-shell>a>span{grid-column:1;grid-row:1;align-self:end;display:block;margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
.case6-next>.v6-shell>a>h2{grid-column:1;grid-row:2;align-self:start;display:block;margin:0!important;font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.055em}
.case6-next>.v6-shell>a>b{grid-column:2;grid-row:1 / span 2;align-self:center;display:block;font-size:56px;font-weight:400;line-height:1}

/* Keep dense text and action labels comfortably inside cards. */
.tool-method-card,.tools-standard,.article-meta-v624,.strategy-side{overflow:hidden!important}
.tool-method-card :where(p,li),.tools-standard :where(p,li),.article-meta-v624 :where(li,p),.strategy-side :where(p,b){overflow-wrap:break-word!important}

@media(max-width:1180px){
  .article-hero-grid,.tool-hero-grid,.tools-hub-grid,.intl-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .article-hero-grid>.article-meta-v624,.tool-hero-grid>.tool-method-card,.tools-hub-grid>.tools-standard,.intl-hero-grid>.intl-route{max-width:760px!important;width:100%!important;justify-self:start!important;margin-top:0!important}
}
@media(max-width:640px){
  .case6-next>.v6-shell>a{min-height:180px;column-gap:18px}
  .case6-next>.v6-shell>a>h2{font-size:44px}
  .case6-next>.v6-shell>a>b{font-size:38px}
}

/* Table-based tools remain compact, but individual fields must stay readable. */
.pro-market-table input{min-width:74px!important}
.pro-market-table td:first-child input{min-width:122px!important}
.channel-table input{min-width:78px!important}
.channel-table td:first-child input{min-width:110px!important}
/* Market matrix has fourteen columns: compact spacing keeps the complete model visible on a normal desktop. */
.pro-market-table th,.pro-market-table td{padding-left:7px!important;padding-right:7px!important}
.pro-market-table input{min-width:70px!important}
.pro-market-table td:first-child input{min-width:112px!important}