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

  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

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

  nav,
  footer,
  video,
  audio,
  canvas,
  iframe,
  form,
  button,
  [role='navigation'],
  [aria-hidden='true'],
  .no-print,
  .print-hidden {
    display: none !important;
  }

  img,
  picture,
  svg {
    max-width: 100% !important;
    height: auto !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }

  a {
    color: #000 !important;
    text-decoration: underline;
  }

  a[href^='http']::after {
    content: ' (' attr(href) ')';
    font-size: 8pt;
    word-break: break-all;
  }

  h1,
  h2,
  h3 {
    color: #000 !important;
    break-after: avoid;
    page-break-after: avoid;
  }

  section,
  article,
  main,
  .card,
  [class*='card'],
  [class*='section'] {
    background: #fff !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
}