/* Basislayout für Highlight.js */
pre code.hljs,
.hljs {
  display: block;
  white-space: pre-wrap !important;      /* erlaubt Zeilenumbruch */
  word-break: break-word !important;     /* bricht lange Tokens */
  overflow-wrap: anywhere !important;    /* zusätzliche Sicherheit */
  overflow-x: hidden !important;         /* entfernt horizontales Scrollen */
  line-height: 1.5;
  color: #333;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  tab-size: 4;
  -moz-tab-size: 4;
  font-size:.875rem!important;
  border-radius: var(--us-radius, 6px);
  border:1px solid var(--us-stroke-strong,var(--us-hairline-color, rgba(0,0,0,.12)));
  background:var(--us-surface-color,#FFF);
  padding:12px 0 !important;
}
@media only screen and (min-width:1280px) {
  pre code.hljs,
  .hljs{padding:16px 0 !important;}
}

/* Container für Line Numbers */
.hljs-ln {
  border-collapse: collapse;
  width: 100%;
}

/* Einzelne Zeilen */
.hljs-ln-line {
  vertical-align: top;
}

/* Zeilennummern-Spalte */
/* Zeilennummern-Spalte */
.hljs-ln-numbers {
  user-select: none;
  text-align: right;
  color: var(--us-stroke-strong,#CCC);
  border-right: 1px solid var(--us-stroke-weak,#ddd);
  padding-right: 0.75rem;   /* Abstand rechts der Zahlen */
  width: 2.6rem;
  white-space: nowrap;
}

/* Code-Spalte */
.hljs-ln-code {
  text-indent: -0.5rem;
  padding-left: 1.5rem;
  white-space: pre-wrap !important;     /* behält Zeilenumbrüche und erlaubt Softwrap */
  word-break: break-word !important;    /* bricht lange Tokens */
  overflow-wrap: anywhere !important;   /* bricht auch ohne Leerzeichen */
}

/* Optional: leicht abgesetzter Hintergrund für Nummern */
.hljs-ln-numbers .hljs-ln-line::before {
  content: attr(data-line-number);
}

/* Zeilenhöhen angleichen */
.hljs-ln-numbers,
.hljs-ln-code {
  line-height: 1.45em;
}

/* Optional: Hover-Effekt */
.hljs-ln-line:hover .hljs-ln-numbers {
  background-color: #f0f0f0;
}

/* eigene Regel nach dem Plugin-CSS laden */
.hljs-ln td.hljs-ln-code {
  padding-left: 1.5em !important;   /* Abstand zwischen Zahl und Code */
}
.hljs-ln td.hljs-ln-numbers {
  padding-right: 0.75em !important;
}