/* v0.2 print styles — grayscale only, mirrors the screen palette */
@page {
  size: A4;
  margin: 18mm 16mm 20mm 16mm;
}
html, body {
  background: #ffffff !important;
  color: #000000 !important;
  font-size: 11pt;
  line-height: 1.5;
}
a { color: #000000 !important; text-decoration: underline; }
a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 8pt; color: #666; }
a[href^="../"]::after { content: ""; }

.hero {
  aspect-ratio: auto !important;
  max-height: 70mm;
  margin: 0 0 10mm !important;
  page-break-inside: avoid;
  border-bottom: 1px solid #000 !important;
  background: #ffffff !important;
}
.hero img { max-height: 70mm; object-fit: cover; }
.hero .ph { display: none !important; }

header.masthead { padding: 0 !important; }
.wrap { padding: 0 !important; max-width: 100% !important; }

h1 { font-size: 30pt; margin: 2mm 0 2mm; letter-spacing: 0.02em; }
h2 { font-size: 9pt; margin-top: 8mm; page-break-after: avoid; }
h3 { font-size: 13pt; page-break-after: avoid; }
.lede { font-size: 13pt; border-left: 2px solid #000 !important; }
.kicker, .byline { font-size: 9pt; color: #333 !important; }
.defn { background: #ffffff !important; color: #333 !important; border: 1px solid #ccc !important; }
.sharp { background: #ffffff !important; border-left: 2px solid #000 !important; page-break-inside: avoid; }

.q-item { page-break-inside: avoid; }
.actions, .btn, .thought { display: none !important; }
footer { font-size: 8pt; margin-top: 10mm; color: #333 !important; }
p, li { orphans: 3; widows: 3; }