/* ============================================================
   SVARTLIND NEXTGEN · HELPER_WISSEN · 2026-09-18
   ============================================================ */


.nxk-helper {
  position: relative;

  display: inline-flex;

  align-items: baseline;

  vertical-align: baseline;
}


.nxk-helper-trigger {
  margin: 0;
  padding: 0;

  border: 0;
  outline: 0;

  background: transparent;
  color: inherit;

  font: inherit;
  font-weight: inherit;
  line-height: inherit;

  cursor: help;

  text-align: inherit;

  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1px;

  text-decoration-color:
    rgba(50, 56, 51, .38);

  text-underline-offset: .2em;

  transition:
    text-decoration-color .15s ease;
}


.nxk-helper-trigger:hover {
  text-decoration-color:
    currentColor;
}


.nxk-helper-trigger:focus-visible {
  border-radius: 3px;

  outline:
    2px solid rgba(42, 48, 43, .55);

  outline-offset: 4px;
}


.nxk-helper-popover {
  position: absolute;

  z-index: 160;

  top: calc(100% + 12px);
  left: 0;

  width:
    min(
      320px,
      calc(100vw - 32px)
    );

  padding: 18px 19px 17px;

  border:
    1px solid rgba(55, 61, 56, .16);

  border-radius: 15px;

  background:
    rgba(250, 249, 246, .985);

  box-shadow:
    0 18px 46px
    rgba(28, 33, 29, .15);

  color: #373d38;

  text-align: left;

  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-size: .82rem;
  font-weight: 400;
  line-height: 1.55;

  letter-spacing: normal;

  cursor: default;
}


.nxk-helper-popover[hidden] {
  display: none !important;
}


.nxk-helper-title {
  display: block;

  margin: 0 0 7px;

  color: #202521;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 1.04rem;
  font-weight: 600;
  line-height: 1.2;
}


.nxk-helper-description {
  display: block;

  color: #666c67;
}


.nxk-helper-more {
  display: inline-block;

  margin-top: 12px;

  color: #272c28;

  font-size: .79rem;
  font-weight: 750;

  text-decoration: none;
}


.nxk-helper-more:hover,
.nxk-helper-more:focus-visible {
  text-decoration: underline;

  text-underline-offset: 3px;
}


@media (max-width:680px) {

  .nxk-helper-popover {
    width:
      min(
        290px,
        calc(100vw - 28px)
      );

    padding:
      16px 17px;
  }

}


/* ============================================================
   HELPER_WISSEN · HOVER BRIDGE · 2026-09-18
   ============================================================ */

/*
 * Der Popover steht 12px unterhalb des Triggers.
 * Diese unsichtbare Fläche überbrückt den Zwischenraum,
 * damit die Maus den Helper erreichen kann.
 */

.nxk-helper-popover::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;

  top: -14px;

  height: 14px;
}