body {
  font-family: var(--font-fm);
  font-size: var(--font-size-body);
  font-weight: normal;
  font-style: normal;
  line-height: var(--font-line-height-body);
  letter-spacing: var(--font-letter-spacing-body);
}

.title {
  font-family: var(--font-nhg);
  font-size: var(--font-size-title);
  letter-spacing: 0;
  font-weight: 900;
  line-height: 1;
}

.medium {
  font-family: var(--font-nhg);
  font-size: var(--font-size-medium);
  letter-spacing: 0;
  font-weight: 900;
  font-style: normal;
  line-height: var(--font-line-height-trim);
}

.body--quote {
  font-family: var(--font-fm);
  font-size: var(--font-size-body--quote);

  line-height: var(--font-line-height-body--quote);
  letter-spacing: var(--font-letter-spacing-quote);
  font-weight: normal;
}

.body--medium {
  font-family: var(--font-nhg);
  font-size: var(--font-size-body--medium);
  letter-spacing: 0;
  font-weight: 700;
}

a,
button {
  transition: color 0.1s ease-out;
}

@media screen and (pointer: fine) {
  a:hover,
  button:hover {
    color: var(--color-primary--muted);
  }
}

.wysiwyg-content *:any-link {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: min(0.2em, 0.25rem);
  text-decoration-color: var(--color-primary--extra-muted);
}