/* Print stylesheet for home/index.html with strict monochrome output */
@media print {
      @page {
            margin: 0.75in;
      }

      html,
      body,
      #hero {
            font-family: "Times New Roman", Times, serif;
            font-size: 12pt;
            line-height: 1.45;
            color: #000 !important;
            background: #fff !important;
            -webkit-print-color-adjust: economy;
            print-color-adjust: economy;
      }

      /* #hero canvas block for hard color specification of black and white  */
      #hero canvas {
            background: transparent !important;
            color: #000 !important;
            -webkit-print-color-adjust: economy;
            print-color-adjust: economy;
      }

      #hero::after {
            content: "Animated clock with a swiming goldfish";
            display: block;
            text-align: center;
            font-size: 16px;
            color: #000;
            margin-top: 10px;
      }

      /* Force every styled element to black text and remove visual effects. */
      #hero,
      *,
      *::before,
      *::after {
            color: #000 !important;
            background: transparent !important;
            text-shadow: none !important;
            box-shadow: none !important;
            filter: none !important;
      }

      header,
      nav,
      section,
      footer,
      .grid,
      .card1 {
            display: block;
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0;
            border: 0;
      }

      nav ul {
            list-style: none;
            margin: 0 0 0.2in;
            padding: 0;
      }

      nav li {
            display: inline;
            margin-right: 0.2in;
      }

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

      article > p {
            color: #000 !important;
            orphans: 3;
            widows: 3;
      }

      section > article a {
            page-break-inside: avoid;
            break-inside: avoid;
            color: #000 !important;
            text-decoration: underline;
            text-shadow: none !important;
            /* Responsive adjustments for print */
            font-size: 0.9em;
            word-break: break-all;
      }

      a,
      a:link,
      a:visited,
      a:hover,
      a:active {
            color: #000 !important;
            text-decoration: underline;
            text-shadow: none !important;
      }
      /* Print all link destinations for context in hard copies. */
      a::after {
            content: " (" attr(href) ")";
            font-size: 0.9em;
            word-break: break-all;
      }

      /* Remove background images for print clarity */
      body,
      section,
      .scroll-page {
            background-image: none !important;
      }

      main > div {
            page-break-inside: avoid;
            break-inside: avoid;
      }
}