/**
 * Print Stylesheet (LYC-562 / REQ-26 / Pass-3 Phase 5).
 *
 * Emits a reader-friendly hardcopy of single-article pages:
 *   - Hide all chrome (header, mega-menu, mobile nav, footer, subscribe
 *     band, share cluster, reading progress bar, cookie banner, ads).
 *   - Keep the article surface (title, byline, dek, body copy, reading
 *     time, author card at bottom) but force single-column, serif body,
 *     white background, no box shadows.
 *   - Set `@page` margin to 0.75in so the reader gets a balanced margin
 *     on US Letter / A4 without the browser default wasting half a page.
 *
 * This file is enqueued with `media="print"` from inc/enqueue.php, so
 * these rules never apply to the on-screen render. That keeps the file
 * free of `@media print { ... }` wrapping and easier to audit.
 *
 * Voice rule: zero em dashes.
 */

@page {
  margin: 0.75in;
}

/* Reset page chrome. */
html,
body {
  background: #fff !important;
  color: #000 !important;
  font-family: 'Source Serif 4', Georgia, 'Times New Roman', Times, serif !important;
  font-size: 11pt !important;
  line-height: 1.5 !important;
}

/* Hide everything that is not article content. */
body > header,
.site-header,
.header,
.mega-menu,
.mobile-nav,
#mobile-drawer,
.mobile-drawer,
body > footer,
.site-footer,
.footer,
.share-cluster,
.reading-progress,
.cookie-banner,
.subscribe-band,
.home-hero-banner,
.section-card-row,
.home-writers,
.recommended,
.skip-link,
.ad-slot,
[data-ad-slot],
nav.crumbs,
.article-hero .hero-meta .share-cluster,
.article-foot .share-cluster {
  display: none !important;
}

/* Keep the article surface tidy. */
main,
.page-article,
.container-article,
article.type-article,
.type-article {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  color: #000 !important;
}

.article-hero,
.article-hero-image,
.article-foot,
.article-attribution {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 0.75rem 0 !important;
}

.article-h1,
h1, h2, h3, h4 {
  color: #000 !important;
  page-break-after: avoid;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif !important;
}

.article-h1 {
  font-size: 24pt !important;
  line-height: 1.15 !important;
  margin: 0 0 0.5rem 0 !important;
}

.dek {
  font-style: italic;
  font-size: 13pt !important;
  margin: 0 0 0.75rem 0 !important;
  color: #333 !important;
}

/* Keep byline + reading time visible at the top and foot of the article. */
.byline,
.byline__name,
.byline__label,
.byline__date,
.read-time {
  color: #000 !important;
  display: inline !important;
}

/* Body copy: serif, black, no box shadows, no side rails. */
.type-article p,
.type-article li,
.type-article blockquote,
.type-article figcaption {
  color: #000 !important;
  font-family: 'Source Serif 4', Georgia, 'Times New Roman', Times, serif !important;
}

.type-article img,
.article-hero-image img,
.hero-image,
figure img {
  max-width: 100% !important;
  height: auto !important;
  page-break-inside: avoid;
  box-shadow: none !important;
}

figure, blockquote, pre, table {
  page-break-inside: avoid;
}

p, li {
  orphans: 3;
  widows: 3;
}

a {
  color: #000 !important;
  text-decoration: underline;
}

/* Emit the link target after the anchor so the printed page is
   referenceable. Skip for mailto / in-page fragments so we do not clutter
   the output. */
a[href^="http"]:after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #555;
}
