/* Only loaded by Gut zu wissen. Reserve space for the compact logo's black bar
   inside the opaque strip, so scrolled content cannot peek through a gap. */
:root { scroll-padding-top:calc(var(--header) + 160px); }
.knowledge-page .knowledge-jump {
  position:sticky;
  top:var(--header);
  z-index:40;
  padding-block:32px 8px;
  background:#f0f2ef;
}
.knowledge-page .knowledge-jump ul {
  flex-wrap:nowrap;
  gap:24px;
  overflow-x:auto;
  padding-block:6px;
  padding-inline:6px;
  scroll-padding-inline:6px;
  scrollbar-width:thin;
  scrollbar-color:var(--petrol-text) #f0f2ef;
}
.knowledge-page .knowledge-jump li { flex:none; }
.knowledge-page .knowledge-jump a {
  white-space:nowrap;
  min-height:44px;
  scroll-margin-inline:6px;
}
/* Without JavaScript the mobile header is in normal document flow. */
@media (max-width:1120px) {
  html:not(.has-js) { scroll-padding-top:112px; }
  html:not(.has-js) .knowledge-page .knowledge-jump { top:0; }
}
@media print {
  :root { scroll-padding-top:0; }
  .knowledge-page .knowledge-jump { display:none; }
}