/* ------------------------------------------------------------------
   Print stylesheet for the client-facing guides.

   These three pages are the firm's leave-behinds — the thing handed
   across a table or forwarded by a CPA. On screen they are dark; a
   printer given the screen styles produces a toner-drowning page with
   navigation chrome. This sheet makes the printed artifact the primary
   deliverable: white ground, black ink, letterhead, no chrome, and the
   compliance disclosures kept — smaller, but never dropped, because the
   printed guide is an advertisement and travels without context.

   Linked with media="print" from each guide, so it costs screen
   rendering nothing.
   ------------------------------------------------------------------ */

@page {
  margin: 18mm 16mm;
}

/* chrome that has no meaning on paper */
nav, #nav, .nav-overlay, footer, .footer, .skip-link, .exit-popup,
button, .btn, .cta, [class*="magnet"], .theme-toggle {
  display: none !important;
}

html, body {
  background: #fff !important;
  color: #1a1a1a !important;
}

/* letterhead — the div is display:none on screen, injected per guide */
.print-letterhead {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 2px solid #0b1426;
  padding-bottom: 10px;
  margin-bottom: 22px;
}
.print-letterhead .plh-name {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 20px;
  font-weight: 600;
  color: #0b1426 !important;
  letter-spacing: .01em;
}
.print-letterhead .plh-sub {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7a5f2e !important;
}

/* hero becomes a document title, not a stage set */
.page-hero {
  padding: 0 0 14px !important;
  background: none !important;
  min-height: 0 !important;
}
.page-hero::before, .page-hero::after { display: none !important; }
.page-hero .crumb { display: none !important; }
.page-hero h1 {
  color: #000 !important;
  font-size: 26pt !important;
  line-height: 1.15 !important;
  max-width: none !important;
}
.page-hero p, .page-hero .page-hero-lead {
  color: #333 !important;
  font-size: 11.5pt !important;
  max-width: none !important;
}

.section { padding: 0 !important; background: none !important; }
.container { max-width: none !important; padding: 0 !important; }

/* body text at print sizes */
.prose, .prose p, .prose li {
  color: #1a1a1a !important;
  font-size: 10.5pt !important;
  line-height: 1.65 !important;
  max-width: none !important;
}
.prose h2 {
  color: #000 !important;
  font-size: 15pt !important;
  margin-top: 16pt !important;
  page-break-after: avoid;
}
.prose h3 { color: #000 !important; font-size: 12pt !important; page-break-after: avoid; }
.prose strong { color: #000 !important; }
.prose a { color: #1a1a1a !important; text-decoration: none !important; }

/* callout blocks keep their identity with a rule instead of a fill */
.aside-block {
  background: none !important;
  border: none !important;
  border-left: 2.5px solid #7a5f2e !important;
  border-radius: 0 !important;
  padding: 6pt 0 6pt 12pt !important;
  page-break-inside: avoid;
}
.aside-block *, .aside-block p { color: #1a1a1a !important; }

table { page-break-inside: avoid; }
table, th, td { color: #1a1a1a !important; border-color: #bbb !important; }
th { color: #7a5f2e !important; }

/* disclosures: kept, compact, never orphaned mid-sentence */
.disclosures {
  padding: 10pt 0 0 !important;
  margin-top: 14pt !important;
  border-top: 1px solid #999 !important;
  background: none !important;
}
.disclosures, .disclosures p, .disclosures * {
  color: #444 !important;
  font-size: 7.5pt !important;
  line-height: 1.5 !important;
}

/* images/SVG decorations rarely earn their ink */
.page-hero svg, .decorative { display: none !important; }