/* Greenlight Advisory: shared type scale (Oct 2026).
   One family (Inter) everywhere; weights 400 regular, 500 medium, 600 semibold.
   Use these classes instead of one-off text sizes so pages stay consistent. */
:root {
  --gl-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --gl-label-tracking: .08em;
}
body { font-family: var(--gl-font); }

/* Hero headline: 36 mobile, 48 tablet, 64 desktop */
.type-hero { font-size: 36px; line-height: 1.12; font-weight: 500; letter-spacing: -.02em; }
@media (min-width: 768px)  { .type-hero { font-size: 48px; line-height: 1.1; } }
@media (min-width: 1280px) { .type-hero { font-size: 64px; line-height: 1.1; } }

/* Intro paragraph: 18 mobile, 20 desktop, about 60 characters a line */
.type-lead { font-size: 18px; line-height: 1.6; font-weight: 400; max-width: 60ch; }
@media (min-width: 768px) { .type-lead { font-size: 20px; } }

.type-benefit   { font-size: 20px; line-height: 1.4; font-weight: 500; }
.type-nav       { font-size: 18px; font-weight: 400; }
.type-btn       { font-size: 18px; font-weight: 500; }
.type-step      { font-size: 18px; line-height: 1.35; font-weight: 500; }
.type-step-desc { font-size: 16px; line-height: 1.5; font-weight: 400; }

/* Section labels and step numbers */
.type-label { font-size: 14px; line-height: 1.4; font-weight: 500; letter-spacing: var(--gl-label-tracking); text-transform: uppercase; }
.type-num   { font-size: 14px; line-height: 1.6; font-weight: 500; font-variant-numeric: tabular-nums; }

/* Buttons inside table cells: 16px until wide screens, then the 18px button size */
.type-btn-compact { font-size: 16px; line-height: 1.35; font-weight: 500; }
@media (min-width: 1280px) { .type-btn-compact { font-size: 18px; } }