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

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

.nk-demand-check-card--accent {
  color: #fff;
  background: radial-gradient(circle at 95% 10%, rgba(104, 224, 221, 0.18), transparent 31%),
    var(--nk-demand-blue);
  border-color: #174884;
}

.nk-demand-check-card--accent::after {
  background: rgba(104, 224, 221, 0.08);
  border-color: rgba(104, 224, 221, 0.16);
}

.nk-demand-check-card--accent > span,
.nk-demand-check-card--accent > :where(.elementor-widget) > span,
.nk-demand-check-card--accent > :where(.elementor-widget) > :where(.elementor-widget) > span {
  color: var(--nk-demand-cyan);
}

.nk-demand-check-card--accent h3 {
  color: #fff;
}

.nk-demand-check-card--accent p {
  color: rgba(255, 255, 255, 0.69);
}

.nk-demand-check-card--wide {
  grid-column: span 3;
  display: grid;
  grid-template-columns: 0.32fr 0.75fr 1.3fr;
  align-items: center;
  gap: 30px;
  min-height: 185px;
  background: #eef4f8;
}

.nk-demand-check-card--wide::after {
  width: 220px;
  height: 220px;
  right: -100px;
  bottom: -120px;
}

.nk-demand-check-card--wide h3 {
  margin: 0;
}

.nk-demand-check-card--wide strong {
  position: relative;
  z-index: 2;
  display: block;
  padding-left: 24px;
  color: var(--nk-demand-blue);
  border-left: 2px solid var(--nk-demand-cyan);
  font-size: 14px;
  line-height: 1.55;
}

.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-demand-procedure-card--primary {
  color: var(--nk-demand-ink);
  background: #fff;
  border-color: #fff;
  box-shadow: 0 25px 55px rgba(0, 8, 28, 0.28);
}

.nk-demand-procedure-card--primary header {
  border-color: var(--nk-demand-line);
}

.nk-demand-procedure-card--primary small {
  color: var(--nk-demand-teal);
}

.nk-demand-procedure-card--primary dl > div:not(.elementor-widget),
.nk-demand-procedure-card--primary dl > :where(.elementor-widget) > div:not(.elementor-widget),
.nk-demand-procedure-card--primary dl > :where(.elementor-widget) > :where(.elementor-widget) > div:not(.elementor-widget) {
  border-color: var(--nk-demand-line);
}

.nk-demand-procedure-card--primary dt {
  color: var(--nk-demand-teal);
}

.nk-demand-procedure-card--primary dd {
  color: var(--nk-demand-muted);
}

.nk-demand-register__row--head {
  color: #fff;
  background: var(--nk-demand-blue);
}

.nk-demand-register__row--head span {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.13);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.nk-demand-situation--previous {
  background: #fff;
  border: 1px solid var(--nk-demand-line);
}

.nk-demand-situation--extension {
  color: #fff;
  background: radial-gradient(circle at 94% 8%, rgba(244, 198, 110, 0.14), transparent 30%),
    var(--nk-demand-ink);
  border: 1px solid #153b72;
}

.nk-demand-situation--extension h2 {
  color: #fff;
}

.nk-demand-situation--extension > p:not(.nk-eyebrow),
.nk-demand-situation--extension > :where(.elementor-widget) > p:not(.nk-eyebrow),
.nk-demand-situation--extension > :where(.elementor-widget) > :where(.elementor-widget) > p:not(.nk-eyebrow) {
  color: rgba(255, 255, 255, 0.68);
}

.nk-demand-situation--extension li {
  color: rgba(255, 255, 255, 0.82);
  border-color: rgba(255, 255, 255, 0.11);
}

.nk-demand-situation--extension li::before {
  background: var(--nk-demand-warning);
}

.nk-demand-situation--extension > small,
.nk-demand-situation--extension > :where(.elementor-widget) > small,
.nk-demand-situation--extension > :where(.elementor-widget) > :where(.elementor-widget) > small {
  color: var(--nk-demand-warning);
  border-color: var(--nk-demand-warning);
}

.nk-demand-source-card--accent {
  grid-column: span 2;
  color: #fff;
  background: radial-gradient(circle at 93% 10%, rgba(104, 224, 221, 0.18), transparent 30%),
    var(--nk-demand-blue);
  border-color: #174884;
}

.nk-demand-source-card--accent > span,
.nk-demand-source-card--accent > :where(.elementor-widget) > span,
.nk-demand-source-card--accent > :where(.elementor-widget) > :where(.elementor-widget) > span {
  color: var(--nk-demand-cyan);
}

.nk-demand-source-card--accent p {
  color: rgba(255, 255, 255, 0.68);
}

.nk-demand-source-card--accent strong {
  color: var(--nk-demand-cyan);
}

@media(max-width: 1180px) {
.nk-demand-source-card--accent {
  grid-column: span 2;
}

}

@media(max-width: 980px) {
.nk-demand-check-card--wide {
  grid-column: span 2;
  grid-template-columns: 0.3fr 0.7fr 1fr;
}

}

@media(max-width: 720px) {
.nk-demand-check-card--wide {
  grid-column: auto;
  display: block;
}

.nk-demand-check-card--wide h3 {
  margin-top: 45px;
}

.nk-demand-check-card--wide p {
  margin-top: 16px;
}

.nk-demand-check-card--wide strong {
  margin-top: 25px;
}

.nk-demand-register__row--head {
  display: none;
}

.nk-demand-source-card,
.nk-demand-source-card--accent {
  grid-column: auto;
  min-height: 250px;
}

}

@mediaprint {
.nk-demand-hero__copy h1,
.nk-demand-hero__lead,
.nk-section-heading--light h2,
.nk-section-heading--light > p,
.nk-section-heading--light > :where(.elementor-widget) > p,
.nk-section-heading--light > :where(.elementor-widget) > :where(.elementor-widget) > p,
.nk-demand-workflow__intro h2,
.nk-demand-result__copy h2,
.nk-demand-workflow__intro > p:not(.nk-eyebrow),
.nk-demand-workflow__intro > :where(.elementor-widget) > p:not(.nk-eyebrow),
.nk-demand-workflow__intro > :where(.elementor-widget) > :where(.elementor-widget) > p:not(.nk-eyebrow),
.nk-demand-result__copy > p:not(.nk-eyebrow),
.nk-demand-result__copy > :where(.elementor-widget) > p:not(.nk-eyebrow),
.nk-demand-result__copy > :where(.elementor-widget) > :where(.elementor-widget) > p:not(.nk-eyebrow) {
  color: #000;
}

.nk-demand-check-card,
.nk-demand-procedure-card,
.nk-demand-procedure-card--primary,
.nk-demand-workflow__steps li,
.nk-demand-situation,
.nk-demand-mistakes__grid article,
.nk-demand-result__list li,
.nk-demand-source-card {
  color: #000;
  background: #fff;
  border: 1px solid #bbb;
  box-shadow: none;
  break-inside: avoid;
}

}