/* Needed to fic strange scrolling behavior in Chrome,
 * when opening/closing dropdown menu in header changes focus and
 * causes the page to scroll.
 * https://stackoverflow.com/questions/72742581/scrolling-bug-when-focusing-element-inside-position-sticky-container
 */
:root {
  scroll-padding: 0;
}

.homepage .sl-markdown-content h2 {
  scroll-margin-top: calc(var(--sl-nav-height) + 1rem);
}

body > div > div > .main-pane > main > .content-panel:first-child {
  padding: 0;
}

body
  > div
  > div
  > .main-pane
  > main
  > .content-panel:first-child
  .sl-container {
  max-width: 100%;
}

.reset-lists ol,
.reset-lists ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

html:not([data-has-sidebar]) {
  --sl-content-width: 45rem !important;
}

.site-title {
  color: black;
  font-weight: bold;
}

.homepage .sl-container {
  margin: auto;
}

.sl-markdown-content a {
  color: var(--sl-color-text-accent);
  text-decoration: underline;
  font-weight: 500;
}

.sl-markdown-content code:not(:where(.not-content *)) {
  border-radius: 0.25rem;
}
