/* =========================================================================
   MyUrologyCare — print stylesheet
   Turns any content page into a clean letter-size handout:
   no nav, no buttons, all sections expanded, QR to the page URL in footer.
   ========================================================================= */

@media print {
  @page { size: letter; margin: 0.7in; }

  :root { --ink: #000; --ink-soft: #222; }

  body {
    background: #fff; color: #000;
    font-size: 11.5pt; line-height: 1.4;
  }

  /* Strip interactive chrome */
  .site-header, .disclaimer-banner, .backlink, .actions, .rf-jump,
  .banner-dismiss, .skip, .choice-grid, .no-print {
    display: none !important;
  }

  .wrap { max-width: 100%; padding: 0; }

  /* Force every collapsible open and drop the card styling */
  details.section { display: block; border: none; margin: 0 0 .3rem; }
  details.section > summary { list-style: none; padding: .2rem 0; font-size: 13pt; }
  details.section > summary .chev { display: none; }
  .section-body { display: block !important; padding: 0 0 .4rem; }

  h1 { font-size: 18pt; }
  h2 { font-size: 14pt; margin-top: .6rem; break-after: avoid; }
  h3, h4 { break-after: avoid; }
  li, p { break-inside: avoid; }

  /* Keep the red-flag panel readable in grayscale */
  .redflags {
    border: 2px solid #000; background: #fff;
    break-inside: avoid; padding: .5rem .7rem;
  }
  .redflags h2 { color: #000; }
  .redflags .callout { border: 1px solid #000; }

  .compare .col { border: 1px solid #000 !important; background: #fff !important; }
  .compare .ok h4, .compare .watch h4 { color: #000; }
  .note { border: 1px solid #666; background: #fff; }

  ol.steps > li::before {
    background: #fff; color: #000; border: 1.5px solid #000;
  }

  a { color: #000; text-decoration: none; }

  /* Print-only footer: source URL + QR code (both injected/handled per page) */
  .print-only { display: block !important; }
  .print-footer {
    margin-top: .8rem; padding-top: .5rem; border-top: 1px solid #000;
    display: flex; align-items: center; gap: .8rem; font-size: 9.5pt;
  }
  .print-footer .qr { flex: none; width: 96px; height: 96px; }
  .print-footer .qr img, .print-footer .qr svg { width: 100%; height: 100%; }
  .print-disclaimer {
    font-size: 9pt; margin-top: .5rem; color: #000;
  }
}