/* ============================================================
   CourserTech — Typography (Lato, like lk-ea.com)
   ============================================================ */
body {
  font-family: var(--font-main);
  font-size: var(--fs-base);
  line-height: var(--leading-body);
  color: var(--c-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-main);
  color: var(--c-ink);
  line-height: 1.25;
  font-weight: 900;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); font-weight: 700; }
h4 { font-size: var(--fs-h4); font-weight: 700; }

p  { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: 700; color: var(--c-ink); }

small { font-size: var(--fs-sm); }

/* Eyebrow / kicker label above section titles */
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--c-primary);
  margin-bottom: 14px;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 2px;
  background: var(--c-accent);
  border-radius: 2px;
}

/* Section heading block */
.section-head {
  max-width: 640px;
  margin-bottom: clamp(32px, 5vw, 52px);
}
.section-head h2 {
  margin-bottom: 12px;
  overflow-wrap: break-word;
  word-break: break-word;
}

.section-head .lead {
  font-size: var(--fs-lg);
  color: var(--c-muted);
}
.section-head.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.section-head.center .eyebrow { justify-content: center; }
.section-head.center .eyebrow::before { display: none; }

/* Dark section text overrides */
.on-dark h2, .on-dark h3, .on-dark h4 { color: var(--c-white); }
.on-dark p  { color: rgba(255, 255, 255, 0.78); }
.on-dark .eyebrow { color: var(--c-accent); }