:root {
  --blume-content-width: 650px;
}

:root[data-theme="dark"] {
  --blume-foreground: #ffffff;
}

::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
  animation: none !important;
}

[data-blume-doc-grid] {
  width: 100%;
  max-width: 1152px;
}

[data-blume-header] {
  width: 100%;
  max-width: 1152px;
  margin-inline: auto;
}

@media (min-width: 64rem) {
  [data-blume-doc-grid] {
    grid-template-columns: 15rem minmax(0, 1fr);
  }
}

@media (min-width: 80rem) {
  [data-blume-doc-grid]:has(> aside[aria-label="On this page"]) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 730px) minmax(0, 1fr);
  }
}

[data-blume-toc] > p:first-child {
  display: none;
}

[data-blume-page-actions] > details:has([data-open-in]) {
  display: none;
}

:is([data-blume-nav-drawer], [data-blume-toc]) {
  scrollbar-width: thin;
}

:is([data-blume-nav-drawer], [data-blume-toc])::-webkit-scrollbar {
  width: 6px;
}

[data-install-code] pre code {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.prose pre {
  border: 0;
  border-radius: 0;
  padding: 0;
}

.prose pre[data-language] {
  padding-top: 2.75rem;
}

.prose pre[data-language]::before {
  border-bottom: 0;
  padding-left: 0;
}

.prose pre > code {
  padding: 0;
}

.prose {
  color: var(--blume-foreground);
}

.prose a:not(.blume-heading-anchor, [data-blume-card]) {
  color: var(--blume-accent);
}

.prose h1 {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.prose h2 {
  font-size: 1.25rem;
  line-height: 1.3;
}

.prose h3 {
  font-size: 1rem;
  line-height: 1.4;
}

.prose h4 {
  font-size: 1rem;
  line-height: 1.4;
}