@media print {
  @page {
    margin: 14mm;
  }

  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html,
  body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt !important;
    line-height: 1.4 !important;
  }

  .site-header,
  .site-footer,
  .top-nav,
  .breadcrumb,
  .side-stack,
  .action-bar,
  [class*="sticky"] {
    display: none !important;
  }

  main,
  section,
  article,
  .container,
  .content-grid,
  .code-hero,
  .prose,
  .function-box,
  .notice {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: #000 !important;
  }

  h1,
  h2,
  h3,
  p,
  li,
  td,
  th,
  strong,
  span {
    color: #000 !important;
  }

  h1 {
    font-size: 18pt !important;
    margin: 0 0 8mm !important;
  }

  h2 {
    page-break-before: always;
    break-before: page;
    font-size: 14pt !important;
    margin: 0 0 5mm !important;
  }

  h3 {
    font-size: 12pt !important;
  }

  p,
  ul,
  ol,
  table {
    margin: 0 0 5mm !important;
  }

  a[href^="/"]::after {
    content: " (" var(--site-origin) attr(href) ")";
    font-size: 9pt;
  }

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
  }

  details,
  details > * {
    display: block !important;
  }

  details:not([open]) > :not(summary) {
    display: block !important;
  }
}