/*
 * Правила с --модификаторами, повторённые в конце каскада (в compat они оказались
 * раньше базовых и проигрывали). Исключены свойства, которые в исходном CSS
 * намеренно перекрываются более поздним базовым правилом.
 */
.nk-docs-button--light {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.36);
}

.nk-docs-button--light:hover {
  color: var(--nk-docs-ink);
  background: #fff;
  border-color: #fff;
}

.nk-docs-format-card--allowed {
  color: #fff;
  background: radial-gradient(circle at 95% 15%, rgba(110, 229, 224, 0.16), transparent 32%),
    var(--nk-docs-blue);
  border: 1px solid #174884;
}

.nk-docs-format-card--restricted {
  background: #f2f6fa;
  border: 1px solid var(--nk-docs-line);
}

.nk-docs-format-card--restricted header {
  border-color: var(--nk-docs-line);
}

.nk-docs-format-card--restricted header > span,
.nk-docs-format-card--restricted header > :where(.elementor-widget) > span,
.nk-docs-format-card--restricted header > :where(.elementor-widget) > :where(.elementor-widget) > span {
  color: #fff;
  background: var(--nk-docs-blue);
}

.nk-docs-format-card--restricted header small {
  color: var(--nk-docs-teal);
}

.nk-docs-format-card--allowed > p,
.nk-docs-format-card--allowed > :where(.elementor-widget) > p,
.nk-docs-format-card--allowed > :where(.elementor-widget) > :where(.elementor-widget) > p {
  margin: 43px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.nk-section-heading--light h2 {
  color: #fff;
}

.nk-section-heading--light > p,
.nk-section-heading--light > :where(.elementor-widget) > p,
.nk-section-heading--light > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: rgba(255, 255, 255, 0.65);
}

.nk-docs-callout--accent {
  background: #ebf9f8;
  border-color: var(--nk-docs-teal);
}

.nk-docs-section--contact {
  color: #fff;
  background: radial-gradient(circle at 88% 12%, rgba(110, 229, 224, 0.15), transparent 30%),
    var(--nk-docs-blue);
  border-color: #174884;
}

.nk-docs-section--contact header {
  border-color: rgba(255, 255, 255, 0.14);
}

.nk-docs-section--contact header h2 {
  color: #fff;
}

.nk-docs-section--contact > p,
.nk-docs-section--contact > :where(.elementor-widget) > p,
.nk-docs-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: rgba(255, 255, 255, 0.73);
}

.nk-docs-section--contact a:not(.nk-button) {
  color: var(--nk-docs-cyan);
}

.nk-docs-section__actions .nk-button--outline {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.nk-docs-section__actions .nk-button--outline:hover {
  color: var(--nk-docs-ink);
  background: #fff;
}

@mediaprint {
.nk-docs-preface,
.nk-docs-section,
.nk-docs-section--contact {
  color: #000;
  background: #fff;
  border: 1px solid #bbb;
  box-shadow: none;
  break-inside: avoid;
}

.nk-docs-section--contact > p,
.nk-docs-section--contact > :where(.elementor-widget) > p,
.nk-docs-section--contact > :where(.elementor-widget) > :where(.elementor-widget) > p {
  color: #333;
}

}