/* nb_pointer_helper.css, STREAM desk pointer (decorative, not a prison).
   Quiet caret only. No plaque, no navy disc, no second “Start writing”.
   Overlay never eats clicks. Prefer static. */

#nb-pointer-helper {
  position: fixed;
  z-index: 36;
  isolation: isolate;
  display: block;
  width: 12px;
  height: 10px;
  max-width: 12px;
  padding: 0;
  margin: 0;
  pointer-events: none;
  background: none;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  filter: none;
}

#nb-pointer-helper[hidden] { display: none; }

@media (prefers-reduced-motion: no-preference) {
  #nb-pointer-helper:not([hidden]) {
    animation: nb-pointer-in var(--nb-enter-ms, 1500ms) ease both;
  }
}
@keyframes nb-pointer-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Hairline caret, no disc, no fill, no pulse. */
.nb-pointer-helper-caret {
  display: block;
  position: relative;
  width: 10px;
  height: 8px;
  margin: 0;
  padding: 0;
  opacity: 0.82;
  border: 0;
  border-radius: 0;
  background: none;
  background-color: transparent;
  box-shadow: none;
  filter: none;
  transform: none;
}

.nb-pointer-helper-caret::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 6px;
  height: 6px;
  margin: 0;
  opacity: 1;
  background: none;
  border: 0;
  border-left: 1.5px solid var(--ct-cyan, var(--cyan, #54efff));
  border-top: 1.5px solid var(--ct-cyan, var(--cyan, #54efff));
  transform: rotate(225deg); /* points down at the door */
}

#nb-pointer-helper[data-side="left"] .nb-pointer-helper-caret::before {
  transform: rotate(135deg); /* points right */
}
#nb-pointer-helper[data-side="right"] .nb-pointer-helper-caret::before {
  transform: rotate(-45deg); /* points left */
}
#nb-pointer-helper[data-side="above"] .nb-pointer-helper-caret::before {
  transform: rotate(45deg); /* points up */
}

/* Leftover plaque from an older bundle must not paint. */
#nb-pointer-helper .nb-pointer-helper-label,
.nb-pointer-helper-label {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Empty navy under the Begin heading, caret sits here, never on sentences. */
@media (min-width: 520px) {
  body.nb-hero-open .nb-hero-start .nb-hero-step-head {
    padding-bottom: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  #nb-pointer-helper:not([hidden]),
  #nb-pointer-helper:not([hidden]) .nb-pointer-helper-caret,
  #nb-pointer-helper.is-replay .nb-pointer-helper-caret,
  #nb-pointer-helper.is-static .nb-pointer-helper-caret {
    animation: none;
  }
  .nb-pointer-helper-caret {
    transform: none;
    opacity: 0.82;
    filter: none;
  }
}

body.eink .nb-pointer-helper-caret,
body.nb2-eink .nb-pointer-helper-caret {
  background: none;
  background-color: transparent;
  box-shadow: none;
  filter: none;
  opacity: 1;
}

body.eink .nb-pointer-helper-caret::before,
body.nb2-eink .nb-pointer-helper-caret::before {
  border-color: #000000;
  opacity: 1;
}