/* Section title row — Figma «заголовок»
   Section H2 uses --mi-fs-section (88); hero/footer keep --mi-fs-96
*/

.mi-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: calc(24px * var(--mi-s));
  width: 100%;
}


/* FAQ / articles already use section padding for this gap */
.mi-faq .mi-section-title--dark,
.mi-articles .mi-section-title--dark {
  margin-top: 0;
}

.mi-section-title__heading {
  margin: 0;
  font-family: var(--mi-font);
  font-size: var(--mi-fs-section);
  font-weight: 500;
  line-height: 1.1;
}

.mi-section-title__label {
  font-family: var(--mi-font);
  font-size: var(--mi-fs-40);
  font-weight: 500;
  line-height: 1.3;
  color: var(--mi-color-blue);
  white-space: nowrap;
  transition: opacity var(--mi-duration) var(--mi-ease);
}

.mi-section-title__label:hover {
  opacity: 0.85;
}

.mi-section-title--dark .mi-section-title__heading {
  color: var(--mi-color-inverse);
}