/* Shared display typography for all FFGF pages.
 * New components should use semantic headings or .ffgf-display-title.
 * A component can set --ffgf-display-tracking locally when needed.
 */
:root {
  --ffgf-display-tracking: -.025em;
}

.ffgf-site-footer {
  --ffgf-display-tracking: -.015em;
}

.ffgf-main :is(h1, h2, h3),
.ffgf-site-footer .ffgf-footer-intro h2,
.ffgf-menu-overlay__inner li a,
.ffgf-main .ffgf-display-title,
.ffgf-main .ffgf-about-overview__card-copy strong,
.ffgf-main .ffgf-members-card__copy strong,
.ffgf-main .ffgf-members-hero__signal strong,
.ffgf-main .ffgf-members-cta__mark,
.ffgf-main .ffgf-about-overview__join-mark b,
.ffgf-main .ffgf-fleet-home__vehicle figcaption strong,
.ffgf-main .ffgf-social__teaser strong,
.ffgf-main .ffgf-facebook-feed__empty strong,
.ffgf-main .ffgf-dp-trains strong,
.ffgf-main .ffgf-dp-more__card summary span {
  letter-spacing: var(--ffgf-display-tracking) !important;
  font-kerning: normal;
}

/* Colored words inside a heading follow the heading's spacing. */
.ffgf-main :is(h1, h2, h3) :is(span, strong, em, b),
.ffgf-site-footer .ffgf-footer-intro h2 :is(span, strong, em, b) {
  letter-spacing: inherit !important;
}