@charset "utf-8";

/* Ported verbatim from sahifah-mockup css/main.css, section 17.
   Every value is a token from tokens.css — no raw colours, sizes or magic numbers. */

/* ============================================================
   17. PRINT
   ------------------------------------------------------------
   The article page should print as a clean offprint: no
   navigation, no rail, black text, and link targets spelled
   out after the anchor.
   ============================================================ */

@media print {
  :root {
    --colour-bg: var(--print-paper);
    --colour-text: var(--print-ink);
    --colour-heading: var(--print-ink);
    --colour-heading-deep: var(--print-ink);
  }

  .site-header,
  .site-footer,
  .preview-banner,
  .rail,
  .toc-collapsible,
  .sh-pagination,
  .filter-bar,
  .cta,
  .breadcrumb,
  .skip-link,
  .nav-menu {
    display: none;
  }

  /* html body, not body: Divi's Customizer CSS (printed after
     every enqueued sheet) sets body { font-size: 14px }, and
     divi-reset.css answers it at this specificity. See there. */
  html body {
    font-size: 11pt;
    line-height: 1.5;
  }

  .prose {
    max-width: none;
  }

  .article-layout {
    display: block;
  }

  .ayah,
  .hadith,
  .question,
  .sh-card,
  .resource-card,
  .publication,
  .answer-item,
  .pdf-thumb {
    break-inside: avoid;
    box-shadow: none;
  }

  /* The badge is white on dark ink — invert it for paper. */
  .pdf-thumb__badge {
    background-color: transparent;
    color: var(--print-ink);
    border-top: var(--rule-hairline) solid var(--print-ink);
  }

  .prose h2,
  .prose h3 {
    break-after: avoid;
  }

  .prose a::after {
    content: ' (' attr(href) ')';
    font-size: 0.85em;
    word-break: break-all;
  }
}