:root {
  --tf-type-display: Merriweather, Georgia, "Times New Roman", serif;
  --tf-type-body: "Open Sans", Arial, sans-serif;
  --tf-type-ink: #171717;
}

body.tf-typography-mediacia #main-content .page-title {
  color: var(--tf-type-ink);
  font-family: var(--tf-type-display);
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.18;
  text-wrap: balance;
}

body.tf-typography-mediacia.page-node-type-article article.node--type-article > h2 {
  color: var(--tf-type-ink);
  font-family: var(--tf-type-display);
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.18;
  text-wrap: balance;
}

body.tf-typography-mediacia #main-content .field--name-body > h2,
body.tf-typography-mediacia #main-content .content--main > h2 {
  color: var(--tf-type-ink);
  font-family: var(--tf-type-body);
  font-size: clamp(1.3rem, 2.35vw, 2rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.25;
  text-wrap: balance;
}

body.tf-typography-mediacia #main-content .field--name-body > h3,
body.tf-typography-mediacia #main-content .content--main > h3 {
  color: var(--tf-type-ink);
  font-family: var(--tf-type-body);
  font-size: clamp(1.125rem, 1.6vw, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.35;
  text-wrap: balance;
}

body.tf-typography-mediacia #main-content .tf-related-editorial > h2 {
  font-family: var(--tf-type-display);
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.15;
}

body.tf-typography-mediacia #main-content .tf-contextual-pages > h2 {
  font-family: var(--tf-type-display);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
}

@media (max-width: 767px) {
  body.tf-typography-mediacia #main-content .page-title,
  body.tf-typography-mediacia.page-node-type-article article.node--type-article > h2 {
    font-size: 1.6rem;
  }
}