@media print {
  :root[data-theme]:is(:root) {
    --sl-color-white: hsl(224, 10%, 10%);
    --sl-color-gray-1: hsl(224, 14%, 16%);
    --sl-color-gray-2: hsl(224, 10%, 23%);
    --sl-color-gray-3: hsl(224, 7%, 36%);
    --sl-color-gray-4: hsl(224, 6%, 56%);
    --sl-color-gray-5: hsl(224, 6%, 77%);
    --sl-color-gray-6: hsl(224, 20%, 94%);
    --sl-color-gray-7: hsl(224, 19%, 97%);
    --sl-color-black: hsl(0, 0%, 100%);
    --sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
    --sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
    --sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
    --sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
    --sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
    --sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
    --sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
    --sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
    --sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
    --sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
    --sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
    --sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
    --sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
    --sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
    --sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
    --sl-color-accent-high: hsl(234, 80%, 30%);
    --sl-color-accent: hsl(234, 90%, 60%);
    --sl-color-accent-low: hsl(234, 88%, 90%);
    --sl-color-text-accent: var(--sl-color-accent);
    --sl-color-text-invert: var(--sl-color-black);
    --sl-color-bg-nav: var(--sl-color-gray-7);
    --sl-color-bg-sidebar: var(--sl-color-bg);
    --sl-color-bg-inline-code: var(--sl-color-gray-6);
    --sl-color-bg-accent: var(--sl-color-accent);
    --sl-color-hairline-light: var(--sl-color-gray-6);
    --sl-color-hairline-shade: var(--sl-color-gray-6);
    --sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
    --sl-shadow-sm: none;
    --sl-shadow-md: none;
    --sl-shadow-lg: none;
  }
  .print\:hidden {
    display: none !important;
  }
  .print\:flex {
    display: flex !important;
  }
  .print\:block {
    display: block !important;
  }
  main {
    padding-bottom: 0 !important;
  }
  main > .content-panel {
    padding-block-start: 0 !important;
  }
  .content-panel + .content-panel {
    border: 0 !important;
  }
  .page > header {
    position: relative !important;
  }
  .page > .main-frame {
    padding-top: 0;
    padding-inline-start: 0;
  }
  .main-pane {
    --sl-sidebar-width: 0px !important;
    --sl-content-width: 100% !important;
  }
  .sl-banner {
    --sl-color-banner-text: var(--sl-color-white) !important;
    background-color: transparent !important;
  }
  .sl-markdown-content :is(h1, h2, h3, h4, h5, h6) {
    break-after: avoid;
  }
  .sl-markdown-content :is(p, li) {
    orphans: 2;
    widows: 2;
  }
  .sl-markdown-content pre {
    overflow-x: hidden !important;
    white-space: pre-wrap !important;
  }
  .sl-markdown-content .expressive-code,
  .sl-markdown-content figure,
  .sl-markdown-content pre {
    break-inside: avoid;
  }
  .expressive-code .frame.is-terminal .header:before {
    box-shadow: inset 99rem 99rem var(--sl-color-gray-5);
  }
  .expressive-code .frame.has-title:not(.is-terminal) .header {
    background: transparent !important;
    border-bottom: 1px solid var(--sl-color-gray-6) !important;
  }
  .expressive-code .frame.has-title:not(.is-terminal) .title {
    background: transparent !important;
  }
  .expressive-code .frame.has-title:not(.is-terminal) .title:after {
    border-top: 0 !important;
  }
  .expressive-code .copy {
    display: none !important;
  }
  .sl-markdown-content code:not(:where(.not-content *)) {
    background-color: transparent !important;
    padding: 0 !important;
    margin-block: unset !important;
    font-size: 0.9375em !important;
  }
  .sl-badge {
    background: transparent !important;
    color: var(--sl-color-white) !important;
  }
  starlight-file-tree {
    break-inside: avoid;
  }
  starlight-file-tree .highlight {
    outline: 3px solid var(--sl-color-accent-low);
    color: var(--sl-color-text) !important;
    background-color: transparent !important;
  }
  .starlight-aside {
    break-inside: avoid;
  }
  .sl-link-button.primary {
    background: transparent !important;
    border-color: var(--sl-color-white) !important;
    color: var(--sl-color-white) !important;
  }
  starlight-tabs {
    break-inside: avoid;
  }
  .sl-steps > li:after {
    box-shadow: inset 99rem 99rem var(--sl-color-hairline-light);
  }
}