/* mobile */
.tk-heading--h1,
.tk-heading--h2,
.tk-heading--h3,
.tk-heading--h4,
.tk-heading--h5,
.tk-heading--h6 {
  color: var(--color-heading);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.tk-heading--h1 {
  font-size: var(--36px);
}

.tk-heading--h2 {
  font-size: var(--32px);
}

.tk-heading--h3 {
  font-size: var(--28px);
}

.tk-heading--h4 {
  font-size: var(--24px);
}

.tk-heading--h5 {
  font-size: var(--20px);
}

.tk-heading--h6 {
  font-size: var(--18px);
}

.tk-link,
.tk-paragraph, .tk-list__item {
  line-height: 1.5;
}

.tk-link, .tk-paragraph {
  font-size: var(--16px);
  font-family: var(--font-family-primary);
}

.tk-paragraph {
  color: var(--color-body);
}

.tk-list--ordered, .tk-list--unordered {
  margin: var(--24px) var(--16px);
}

.tk-list--unordered {
  list-style: disc;
}

.tk-list--ordered {
  list-style: decimal;
}

.tk-list__item {
  display: list-item;
  margin: var(--16px) 0;
}

/* desktop */
@media screen and (min-width: 1200px) {
  .tk-heading--h1,
  .tk-heading--h2,
  .tk-heading--h3,
  .tk-heading--h4,
  .tk-heading--h5,
  .tk-heading--h6 {
    line-height: 1.2;
  }

  .tk-heading--h1 {
    font-size: var(--64px);
  }

  .tk-heading--h2 {
    font-size: var(--48px);
  }

  .tk-heading--h3 {
    font-size: var(--32px);
  }

  .tk-heading--h4 {
    font-size: var(--28px);
  }

  .tk-heading--h5 {
    font-size: var(--24px);
  }

  .tk-heading--h6 {
    font-size: var(--20px);
  }

  .tk-link, .tk-paragraph {
    font-size: var(--18px);
  }
}