@media print {

  /* 1. Hide everything at body level except main */
  section, body > *:not(main) {
    display: none !important;
  }

  /* 2. Inside main, hide everything except the content section */
  .header-placeholder,
  main > *:not(.bg-contrast-lower) {
    display: none !important;
  }

  /* 3. Inside section, hide everything except the .margin-auto wrapper */
  section > *:not(.margin-auto) {
    display: none !important;
  }

  /* 4. Inside .margin-auto, hide everything except article */
  .margin-auto > *:not(article) {
    display: none !important;
  }

  /* 5. Strip all layout/decoration from ancestor containers */
  main,
  .bg-contrast-lower,
  section,
  .margin-auto {
    display: block !important;
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* 6. Article fills the page */
  article {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 1.5rem !important;
    margin: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
	border-radius: var(--radius-lg);
	border: 2px solid var(--color-accent);
  }

  /* 7. Print hygiene inside article */
  article img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  article h1, article h2, article h3, article h4 {
    page-break-after: avoid;
  }

  article section, article figure, article blockquote {
    page-break-inside: avoid;
  }

  article a {
    color: inherit !important;
    text-decoration: none !important;
  }

  article a[href]::after {
    content: none !important;
  }

}