body[data-theme-night-signal] #main .night-feature-art {
  display: grid;
  place-items: center;
  inline-size: min(100%, 220px);
  min-inline-size: 0;
  margin: 0 auto;
  color: #d4ec57;
}

.night-feature-art svg {
  display: block;
  inline-size: min(100%, 168px);
  block-size: auto;
  overflow: visible;
}

.night-feature-art path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-theme-night-signal] #main .night-feature-art img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

body[data-theme-night-signal] #main .night-feature-visual {
  display: grid;
  place-items: center;
  background: none;
  border: 0;
}

.night-feature-visual .cms-guide-visual-orbit,
.night-feature-visual::before,
.night-feature-visual::after {
  display: none !important;
}

@media (min-width: 761px) {
  body[data-theme-night-signal] #main .night-feature-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr);
    align-items: center;
    gap: clamp(20px, 4vw, 64px);
  }

  body[data-theme-night-signal] #main .night-feature-float > .night-feature-art {
    float: inline-end;
    inline-size: min(27%, 200px);
    margin-inline-start: 20px;
  }
}

@media (max-width: 760px) {
  body[data-theme-night-signal] #main .night-feature-art {
    inline-size: min(100%, 152px);
    margin-block: 10px 16px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .night-feature-in-view path {
    stroke-dasharray: 1;
    animation: night-feature-draw 900ms ease-out both;
  }

  .night-feature-in-view img,
  .fp-hero .fp-art svg,
  .cms-library-hero--answers svg {
    animation: stage-editorial-image 1.25s ease-out both;
  }
}

@keyframes night-feature-draw {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}

body[data-theme-night-signal] #main .fp-hero .fp-art {
  background: radial-gradient(ellipse, #292929, transparent 72%);
  border-color: transparent;
  box-shadow: none;
}

.fp-hero .fp-art svg path {
  stroke: #d4ec57;
}

.fp-hero .fp-art svg circle {
  fill: #d4ec57;
}

.fp-hero .fp-art svg stop {
  stop-color: #d4ec57;
}