/* Shared public heading scale, matching the “Как мы помогаем” reference. */
#main {
  --public-heading-font: Fraunces, Georgia, serif;
  --public-heading-color: #16213a;
  --public-title-size: 38px;
  --public-section-size: 32px;
  --public-card-title-size: 19px;
}

#main :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--public-heading-font);
  font-weight: 700;
  font-style: normal;
  color: var(--public-heading-color);
  letter-spacing: -.015em;
  text-wrap: pretty;
}

#main h1 {
  font-size: var(--public-title-size);
  line-height: 1.15;
  margin-bottom: 16px;
}

#main h2 {
  font-size: var(--public-section-size);
  line-height: 1.2;
}

#main h3 {
  font-size: var(--public-card-title-size);
  line-height: 1.4;
}

#main :is(h4, h5, h6) {
  font-size: 16px;
  line-height: 1.4;
}

#main :is(h1, h2, h3, h4, h5, h6) :is(strong, em) {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
}

/* Retain contrast over photographs and the blue call-to-action sections. */
#main :is(.hero-content, .section.brand, .cta, .bg-forest, .current-funds-copy) {
  --public-heading-color: #fff;
}

#main .container.help-application-form {
  padding: 32px;
}

/* The partnership introductions use the same body style as “О фонде”. */
#main .support-intro strong {
  color: inherit;
  font-weight: inherit;
  font-style: normal;
}

#main .history-highlight strong {
  color: inherit;
}

@media (max-width: 720px) {
  #main {
    --public-title-size: 30px;
    --public-section-size: 26px;
  }

  #main .container.help-application-form {
    padding: 24px 20px;
  }
}