@media print {
  :root {
    --ink: #000000;
    --muted: #333333;
    --canvas: #ffffff;
    --surface: #ffffff;
    --border: #999999;
  }

  body {
    background: #ffffff;
    color: #000000;
    font-size: 11pt;
  }

  .site-header,
  .docs-sidebar,
  .article-aside,
  .mobile-sidebar-panel,
  .drawer-backdrop,
  .header-search,
  .header-actions,
  .mobile-menu-button,
  .feedback-card,
  .article-nav,
  .site-footer,
  .heading-anchor,
  .dialog-close,
  .media-dialog {
    display: none !important;
  }

  .docs-shell,
  .header-inner,
  .page-width {
    display: block;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .article-column {
    max-width: none;
  }

  .article-header {
    border-bottom: 1px solid #999999;
  }

  a {
    color: #000000;
    text-decoration: underline;
  }

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 0.85em;
    overflow-wrap: anywhere;
  }

  .notice,
  .tutorial-step,
  figure,
  pre,
  table,
  .compatibility-card,
  .tutorial-overview {
    break-inside: avoid;
  }

  .expandable[open] > div {
    display: block;
  }

  .expandable:not([open]) {
    display: none;
  }

  img {
    max-width: 100% !important;
  }
}