/* Fusion Line spacing and layout. These are the incumbent measurements, not a normalised
   4/8 grid. Component paddings are deliberately odd (15/26, 11/20, 34/32) , keep them. */
:root{
  /* Page rhythm */
  --section-y:clamp(74px,9vw,118px); /* @kind spacing */
  --section-y-tight:clamp(48px,6vw,72px); /* @kind spacing */
  --section-y-loose:clamp(70px,9vw,116px); /* @kind spacing */
  --gutter:clamp(20px,5vw,32px); /* @kind spacing */         /* body horizontal padding */
  --gutter-header:clamp(20px,4vw,40px); /* @kind spacing */  /* header bar padding, 40 down to 20 compact */

  /* Content widths */
  --wrap:1180px;
  --wrap-wide:1280px;
  --wrap-media:1240px;
  --wrap-header:1520px;
  --wrap-prose:920px;
  --wrap-prose-narrow:760px;
  --measure-lead:680px;
  --measure-body:520px;

  /* Header */
  --header-h:76px;
  --header-h-compact:64px;
  --header-logo-h:48px;
  --header-nav-gap:32px;

  /* Grid gaps */
  --grid-gap:clamp(20px,2.5vw,28px); /* @kind spacing */
  --grid-gap-loose:clamp(28px,3vw,40px); /* @kind spacing */
  --stack-gap:clamp(36px,5vw,64px); /* @kind spacing */

  /* Card insets */
  --card-pad:34px 32px; /* @kind spacing */
  --card-pad-sm:28px 26px; /* @kind spacing */
  --card-pad-testimonial:32px 30px; /* @kind spacing */
  --card-pad-fluid:clamp(26px,3vw,34px); /* @kind spacing */
  --panel-pad:clamp(32px,4vw,46px); /* @kind spacing */
  --cta-band-pad:clamp(48px,6vw,84px) clamp(28px,5vw,72px); /* @kind spacing */

  /* Actions , exact incumbent paddings */
  --btn-pad:15px 26px; /* @kind spacing */          /* standard primary / teal */
  --btn-pad-ghost:15px 24px; /* @kind spacing */
  --btn-pad-lg:16px 32px; /* @kind spacing */       /* hero teal button */
  --btn-pad-header:11px 20px; /* @kind spacing */   /* header call to action */
  --btn-gap:10px;

  /* Document page */
  --doc-page-w:794px;
  --doc-page-h:1123px;
  --doc-inset:64px;
  --doc-inset-bottom:80px;
  --doc-cover-inset:48px 56px; /* @kind spacing */
  --doc-header-top:24px;
  --doc-footer-bottom:28px;

  /* Social boards, 1x */
  --social-inset:88px;          /* portrait document post inset */
  --social-banner-inset:232px;  /* company banner copy block from left */
  --social-safe-logo:210px;     /* LinkedIn page-logo overlap on a company banner */

  /* Breakpoints, as the live pages declare them */
  --bp-nav:900px;
  --bp-hero:1000px;
  --bp-grid:1050px;
  --bp-copy:640px;
}