/* Shared type scale for all three language editions, grouped by content role. */
.single-page {
  --type-section:32px;
  --type-subsection:24px;
  --type-card:18px;
  --type-lead:16px;
  --type-body:14px;
  --type-detail:13px;
  --type-label:11px;
}

/* Section headings use the same size, weight, spacing and line height. */
.single-page .section-head h2,
.single-page .split-section h2,
.single-page .contact-copy h2,
.single-page .platform-connect-heading h2,
.single-page .single-title {
  font-size:var(--type-section);
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.028em;
}

/* Secondary headings and plan names retain their place in the hierarchy. */
.single-page .cta-panel h2,
.single-page .integration-note h2,
.single-page .plan-card h3 {
  font-size:var(--type-subsection);
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.025em;
}

.single-page .feature-card h3,
.single-page .step-card h3,
.single-page .detail-card h2,
.single-page .lms-directions h3 {
  font-size:var(--type-card);
  font-weight:650;
  line-height:1.3;
  letter-spacing:-.022em;
}

.single-page .lead,
.single-page .section-lead {
  font-size:var(--type-lead);
  line-height:1.75;
}

/* Descriptions and lists with the same purpose share a text style. */
.single-page .feature-card p,
.single-page .step-card p,
.single-page .detail-card p,
.single-page .plain-list,
.single-page .numbered-list li,
.single-page .lms-directions p,
.single-page .integration-note p,
.single-page .cta-panel p:not(.eyebrow),
.single-page .contact-points p {
  font-size:var(--type-body);
  line-height:1.7;
}

.single-page .section-note,
.single-page .plan-description,
.single-page .check-list,
.single-page .form-privacy,
.single-page .privacy-link,
.single-page .form-status {
  font-size:var(--type-detail);
  line-height:1.7;
}

.single-page .plan-card .plan-hours strong {
  font-size:var(--type-card);
  font-weight:650;
  line-height:1.35;
}

.single-page .eyebrow {
  font-size:var(--type-label);
  font-weight:750;
  line-height:1.6;
  letter-spacing:.1em;
}

@media(width <=680px) {
  .single-page {
    --type-section:28px;
    --type-lead:15px;
  }
}
