/*
 * Shared spacing & typography tokens for templates/page.
 * Loaded before every page-template stylesheet (see functions.php).
 * Do not add color or font-family values here.
 *
 * Standard breakpoints used across templates/page:
 *   Desktop: >= 1024px (no media query needed, this is the base scale)
 *   Tablet:  768px - 1023px  -> @media (max-width: 1023px)
 *   Mobile:  < 768px         -> @media (max-width: 767px)
 *   Small phone tweak point: < 480px -> @media (max-width: 479px)
 */

:root {
  /* Spacing scale (margin / padding / gap) */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;
  --space-4xl: 128px;

  /* Section padding shorthand (desktop base) — editorial: airy vertical rhythm */
  --section-pad-y: var(--space-3xl);
  --section-pad-x: var(--space-xl);
  --column-gap: var(--space-lg);

  /* Fluid font-size scale */
  --fs-h1: clamp(28px, 4vw, 46px);
  --fs-h2: clamp(24px, 3vw, 38px);
  --fs-h3: clamp(20px, 2.5vw, 28px);
  --fs-h4: clamp(18px, 2vw, 22px);
  --fs-body-lg: clamp(16px, 1.5vw, 18px);
  --fs-body: clamp(14px, 1.2vw, 16px);
  --fs-small: clamp(12px, 1vw, 14px);
  --fs-tiny: clamp(11px, 0.9vw, 12px);

  /* Line-height scale (unitless — scales with fluid font sizes) */
  --lh-tight: 1.15;   /* large display serif headings */
  --lh-snug: 1.3;     /* subheads, short headings */
  --lh-body: 1.65;    /* default body copy */
  --lh-relaxed: 1.8;  /* long-form / justified paragraphs */

  /* Letter-spacing scale */
  --ls-label: 0.14em;    /* uppercase nav / eyebrow labels */
  --ls-wide: 0.05em;     /* mildly tracked small caps */
  --ls-heading: -0.01em; /* subtle tightening on large serif display */

  /* Readable text-column measure for editorial blocks */
  --content-max: 72ch;
}

/* Light global baseline — theme-rendered text only.
   Divi modules set their own line-height and override this, so CMS content is unaffected. */
body {
  line-height: var(--lh-body);
  letter-spacing: 0.01em;
}

@media (max-width: 1023px) {
  :root {
    --section-pad-y: var(--space-2xl);
    --section-pad-x: var(--space-lg);
    --column-gap: var(--space-md);
  }
}

@media (max-width: 767px) {
  :root {
    --section-pad-y: var(--space-xl);
    --section-pad-x: var(--space-md);
    --column-gap: var(--space-sm);
  }
}

@media (max-width: 479px) {
  :root {
    --section-pad-y: var(--space-lg);
    --section-pad-x: var(--space-sm);
    --column-gap: var(--space-xs);
  }
}


/* divi */
#et-boc .et-l p{
  padding: 0 !important;
}
.et-db #et-boc .et-l .et_pb_code ul{
  margin-top: 0 !important;
}