/*
 * Правила с --модификаторами, повторённые в конце каскада (в compat они оказались
 * раньше базовых и проигрывали). Исключены свойства, которые в исходном CSS
 * намеренно перекрываются более поздним базовым правилом.
 */
.nk-about-focus__card--accent {
  color: #dce7f3;
  border-color: #0a2a63;
  background: radial-gradient(circle at 90% 10%, rgba(86, 183, 176, 0.16), transparent 35%),
    #0a2a63;
}

.nk-about-focus__card--accent .nk-about-focus__number {
  color: rgba(255, 255, 255, 0.2);
}

.nk-about-focus__card--accent small {
  color: #78d8d2;
}

.nk-about-role--accent {
  border-color: rgba(42, 129, 124, 0.4);
  background: radial-gradient(circle at 90% 8%, rgba(86, 183, 176, 0.19), transparent 30%),
    #eef8f7;
  transform: translateY(-16px);
}

.nk-about-role--accent .nk-about-role__mark {
  background: var(--nk-teal-dark);
}

body.nk-about-page .nk-about-focus__card.nk-about-focus__card--accent h3 {
  color: #ffffff;
}

body.nk-about-page .nk-about-focus__card.nk-about-focus__card--accent p {
  color: #d7e3f1;
}

body.nk-about-page .nk-about-focus__card.nk-about-focus__card--accent strong {
  color: #ffffff;
}

body.nk-about-page .nk-about-focus__card.nk-about-focus__card--accent small {
  color: #7ce2dc;
}

@media(max-width: 1180px) {
.nk-about-role--accent {
  transform: none;
}

}

@media(max-width: 760px) {
.nk-about-page .nk-section-heading--split {
  grid-template-columns: 1fr;
  gap: 18px;
}

}