/* ============================================================
   print.css: used by Playwright when rendering each zine to PDF
   Browser print also picks this up via @media print rules below.
   ============================================================ */

@page {
  size: Letter;
  margin: 0.5in;
}

@media print {
  html, body {
    background: #fff !important;
    background-image: none !important;
    background-color: #fff !important;
    color: #000 !important;
  }

  body::before { display: none !important; }
  .doodle-layer { display: none !important; }
  .site-main { padding: 0 !important; }

  .site-header, .site-footer, .site-nav,
  .zine-meta-bar, .zine-back, .doodle-layer,
  .pdf-button {
    display: none !important;
  }

  .zine-cover-hero {
    padding: 0 0 20px;
    page-break-after: always;
  }

  .zine-cover-hero img {
    box-shadow: none;
    border: 2px solid #000;
    transform: none;
    max-width: 80%;
  }

  .zine-body {
    box-shadow: none;
    background: #fff;
    margin: 0;
    padding: 0;
    max-width: 100%;
    font-size: 11pt;
    line-height: 1.5;
    clip-path: none;
  }

  .zine-body h1 { font-size: 22pt; }
  .zine-body h2 { font-size: 16pt; }
  .zine-body h3 { font-size: 13pt; }

  .zine-body img {
    box-shadow: none;
    page-break-inside: avoid;
  }

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