/* Gemeinsamer Rahmen: Die Navigation begleitet alle Inhaltssektionen. */
.mw-library {
  padding-inline: clamp(20px, calc(5.0877px + 4.38596vw), 50px);
}
.mw-library__sections { min-width: 0; }
.mw-library .mw-logos { display: block; padding-inline: 0; }
@media (min-width: 992px) {
  .mw-library {
    --library-nav-offset: clamp(96px, calc(-10.666667px + 8.888889vw), 160px);
    display: grid;
    grid-template-columns: 255px minmax(0, 1fr);
    gap: 48px;
    padding-left: 50px;
    padding-right: clamp(82px, calc(-46px + 12.5vw), 194px);
  }
  .mw-logos__sidebar { padding-top: var(--library-nav-offset); }
  .mw-library .mw-logos__nav {
    top: var(--library-nav-offset);
    font-family: var(--mw-family-body);
    line-height: 1.5;
  }
}
@media (min-width: 992px) and (max-height: 400px) {
  .mw-library .mw-logos__nav { max-height: calc(100dvh - var(--library-nav-offset)); overflow-y: auto; padding-block: 8px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mw-library { grid-template-columns: 180px minmax(0, 1fr); gap: 24px; padding-inline: 32px; }
}
@media (max-width: 339px) {
  .mw-library { padding-inline: 16px; }
}

/* Sprungmarken sitzen direkt auf den Überschriften, nicht auf den hohen Sektionen. */
.mw-library h2[id] { scroll-margin-top: var(--library-nav-offset, 32px); }
.mw-library h2[tabindex="-1"]:focus { outline: none; }