/* ==========================================================================
   Shared section scaffolding (.cm-section-head, .cm-inline-cta)
   The intro block (eyebrow + title + lead) repeated at the top of most
   sections, and the centred "know what you need? → Get a Quote" row.
   ========================================================================== */

.cm-section-head {
  max-width: 680px;
  margin-bottom: 56px;
}

/* Tighter gap when the head has no lead paragraph below it. */
.cm-section-head--tight {
  margin-bottom: 40px;
}

/* Title with nothing beneath it (no lead) — remove its trailing margin. */
.cm-section-title--flush {
  margin-bottom: 0;
}

.cm-section-title {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 16px 0 20px;
  text-wrap: balance;
}

.cm-section-lead {
  font-size: 18px;
  line-height: 1.5;
  color: var(--cm-muted);
  text-wrap: pretty;
}

/* A small muted follow-up note under section copy. */
.cm-note {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--cm-muted);
}

/* A section-lead used as a standalone note with breathing room + a read width. */
.cm-section-lead--spaced {
  margin-top: 56px;
  max-width: 70ch;
}

/* Text link with a trailing arrow. */
.cm-arrow-link {
  font-weight: 600;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* When the arrow link follows body copy and needs breathing room above it. */
.cm-arrow-link--spaced {
  margin-top: 24px;
}

/* A full-width band row: text on the left, a link on the right. */
.cm-band-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.cm-band-row > p {
  font-size: 17px;
  color: var(--cm-muted);
}

/* Centred CTA row under a section, divided by a hairline. */
.cm-inline-cta {
  margin-top: 72px;
  padding-top: 48px;
  border-top: 1px solid var(--cm-hairline);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}

.cm-inline-cta p {
  font-size: 17px;
  color: var(--cm-muted);
}
