/* APIS Lab v6.70 — spacing and component recovery audit.
   Restores established component classes after the positioning rebuild and
   adds regression guards for medium screens, English case pages and new flow blocks. */

/* ---------- Home: use the established section rhythm ---------- */
.work-home .section6-head{
  margin-bottom:48px!important;
}
.work-home .work-stories{display:block;min-width:0}
.work-home .work-story{margin-top:0!important}

.apis-positioning .section6-head,
.apis-challenges .section6-head{
  width:100%;
}
.apis-positioning .section6-head>p,
.apis-challenges .section6-head>p,
.decision6-intro>p{
  max-width:58ch;
  line-height:1.62;
}

/* The solution grid already follows a proper section head; avoid double spacing. */
.solutions6 .section6-head{margin-bottom:48px!important}
.solutions6 .solution-grid{margin-top:0!important}

/* New question-led methodology block: same visual discipline as the legacy flow. */
.decision-steps6{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #303238;
  border-left:1px solid #303238;
}
.decision-steps6>div{
  min-height:190px;
  padding:28px;
  border-right:1px solid #303238;
  border-bottom:1px solid #303238;
  display:flex;
  flex-direction:column;
}
.decision-steps6 span{
  font-size:11px;
  line-height:1;
  color:#8e929b;
  letter-spacing:.08em;
}
.decision-steps6 p{
  margin:auto 0 0;
  max-width:31ch;
  color:#f1f2f4;
  font-size:clamp(20px,1.75vw,27px);
  line-height:1.12;
  letter-spacing:-.03em;
}

/* ---------- Medium widths: keep visible breathing room between head and content ---------- */
@media (max-width:900px){
  .work-home .section6-head,
  .apis-positioning .section6-head,
  .apis-challenges .section6-head,
  .solutions6 .section6-head{
    margin-bottom:40px!important;
  }
  .work-home .work-story{margin-top:0!important}
  .apis-positioning .section6-head>p,
  .apis-challenges .section6-head>p,
  .decision6-intro>p{
    margin-top:26px!important;
  }
  .decision-steps6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .decision-steps6>div{min-height:170px;padding:24px}
}

@media (max-width:640px){
  .work-home .section6-head,
  .apis-positioning .section6-head,
  .apis-challenges .section6-head,
  .solutions6 .section6-head{
    margin-bottom:32px!important;
  }
  .decision-steps6{grid-template-columns:1fr}
  .decision-steps6>div{min-height:0;padding:22px}
  .decision-steps6 p{margin-top:34px;font-size:23px;max-width:none}
}

/* ---------- English case pages: restore RU-equivalent layout where the EN mirror used helper classes ---------- */
html[lang="en"] .case6-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,1fr);
  grid-template-areas:"label metrics" "copy metrics";
  column-gap:90px;
  row-gap:18px;
  align-items:start;
}
html[lang="en"] .case6-intro-grid>span{
  grid-area:label;
  font-size:12px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#55585f;
}
html[lang="en"] .case6-intro-grid>p{
  grid-area:copy;
  margin:0;
  font-size:clamp(30px,3.1vw,50px);
  line-height:1.08;
  letter-spacing:-.04em;
}
html[lang="en"] .case6-intro-grid>.case6-metrics{
  grid-area:metrics;
  align-self:end;
  border-top:1px solid var(--line);
}
html[lang="en"] .case6-intro-grid>.case6-metrics>b{
  display:block;
  padding:17px 0;
  border-bottom:1px solid var(--line);
  font-size:15px;
  line-height:1.35;
  letter-spacing:-.01em;
  text-transform:none;
}
html[lang="en"] .case6-context>.v6-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:90px;
  align-items:start;
}
html[lang="en"] .case6-context-head{min-width:0}
html[lang="en"] .case6-context-copy{min-width:0;padding-top:34px}
html[lang="en"] .case6-context-copy>p,
html[lang="en"] .case6-context-copy>blockquote{
  margin:0 0 22px;
  font-size:18px;
  line-height:1.65;
  color:#53565c;
}
html[lang="en"] .case6-context-copy>blockquote{
  padding:20px 0 0;
  border-top:1px solid var(--line);
  font-size:15px;
}

@media(max-width:900px){
  html[lang="en"] .case6-intro-grid,
  html[lang="en"] .case6-context>.v6-shell{
    grid-template-columns:1fr;
    grid-template-areas:none;
    gap:34px;
  }
  html[lang="en"] .case6-intro-grid>span,
  html[lang="en"] .case6-intro-grid>p,
  html[lang="en"] .case6-intro-grid>.case6-metrics{
    grid-area:auto;
  }
  html[lang="en"] .case6-context-copy{padding-top:0}
}

/* ---------- Small structural helpers that existed in markup without a layout rule ---------- */
.tool-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.hypothesis-rows{display:grid;gap:14px;margin-top:18px}