/* V493 — Index final responsive spacing + alignment QA
   Scope: homepage only. No content, colour, typography, card geometry or interaction changes. */

/* Keep the /08 editorial block on the same master content axis as the rest of index. */
body.ct-home .ct480-differences .ct480-wrap{
  width:min(var(--ct63-content-width,1380px),calc(100% - var(--ct63-page-gutter,72px)))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Refine section-head cadence without changing the established compositions. */
@media (min-width:1025px){
  body.ct-home .cd-surface-finder-head{margin-bottom:36px!important;}
  body.ct-home .cd-applications .cd-section-head{margin-bottom:40px!important;}
  body.ct-home .cd-material-details-head{padding-bottom:40px!important;}
  body.ct-home .cd-process-head{padding-bottom:40px!important;}
  body.ct-home .ct480-head{margin-bottom:38px!important;}
}

/* Tablet: keep headings aligned to the same page gutter and avoid oversized gaps. */
@media (min-width:701px) and (max-width:1024px){
  body.ct-home .ct480-differences .ct480-wrap{
    width:calc(100% - 40px)!important;
  }
  body.ct-home .cd-surface-finder-head{margin-bottom:30px!important;}
  body.ct-home .cd-applications .cd-section-head{margin-bottom:32px!important;}
  body.ct-home .cd-material-details-head{padding-bottom:34px!important;}
  body.ct-home .cd-process-head{padding-bottom:34px!important;}
  body.ct-home .ct480-head{margin-bottom:32px!important;}
}

/* Mobile: preserve compact rhythm and make /08 align with the 26px index content gutter. */
@media (max-width:700px){
  body.ct-home .ct480-differences .ct480-wrap{
    width:calc(100% - 26px)!important;
  }
  body.ct-home .cd-surface-finder-head{margin-bottom:24px!important;}
  body.ct-home .cd-applications .cd-section-head{margin-bottom:26px!important;}
  body.ct-home .cd-material-details-head{padding-bottom:28px!important;}
  body.ct-home .cd-process-head{padding-bottom:28px!important;}
  body.ct-home .ct480-head{margin-bottom:26px!important;}
}