/* Print styles. */
* {
  background: transparent !important;
  /* Black prints faster: h5bp.com/s */
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  font-family: ui-serif, serif !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  text-align: start !important;
}

html {
  font-size: 100% !important;
}

@page {
  margin: 1cm !important;
  margin-inline-start: 1.5cm !important;
}
body {
  font-size: 12px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

/* Set print styles on tailwind prose class. */
.prose {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* All links as plain text. */
:link,
:visited {
  text-decoration: none !important;
  border: 0 !important;
  color: #000 !important;
}

/* Add visible URL after links. */
a[href^="http:"]::after,
a[href^="https:"]::after {
  content: " (" attr(href) ")";
}

abbr[title] {
  /* Add visible title after abbreviations. */
  &::after {
    content: " (" attr(title) ")";
  }
}

p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}

h2,
h3 {
  break-after: avoid;
}

/* Set sidebar width to zero since we hide it on print. */
.layout {
  --layout-sidebar-width: 0;
}

/* When tailwind print:!hidden! refuse to work. */
.print-hidden {
  display: none !important;
}

[aria-hidden],
nav,
aside,
footer {
  display: none !important;
}