@media print {
    html { background-color: #ffffff; }
    #background { background-color: #ffffff; }
    #navbar { display: none !important; }
    #footer { display: none !important; }
    #primary-layer {
        border: none !important;
    }

    body { margin: 5mm 5mm 5mm 5mm; }

    :is(h1, h2, h3, h4, h5, h6):first-child {
      color: blue;
    }

    hr {
        /* half of these don't work in an attempt to hide the hr (and just have it act as a page break), so this is messy */
        page-break-after: always;
        visibility: hidden;
        height: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    /* prevent visited links from different coloring */
    a, a:visited, a:hover, a:active {
      color: var(--primary-color-light) !important;
      text-decoration: underline !important;
    }

    details[open] > summary::before {
      content: "✚";
    }
}

@page {
    size: 8.5in 11in;
    margin-top: 15mm;
    margin-bottom: 15mm;
}
@page:first {
    margin-top: 0mm;
}

/* Enable background printing */
@page {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust:exact !important;
}