/* Print and save as PDF. Linked with media="print" on the First engagement page and the menu.
   Hides the shell, panels, threads and controls; prints on white; diagrams hold still. */
@page {
  margin: 16mm 14mm 18mm;
  @bottom-center { content: "Prepared for Vessco"; font: 400 8pt "Inter", Arial, sans-serif; color: #5a6068; }
}
html, body, body.page { background: #fff !important; }
body.page { font-size: 10.5pt; line-height: 1.5; }
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

#shell, .drawer, .panel-layer, .pick, .thread, .export-error,
.menu-filters, .menu-toolbar, .menu-status, .menu-selbar, .menu-check, .menu-detail-pick, .menu-card-foot,
main button, main textarea, main select, main input { display: none !important; }

.page-main { width: auto; margin: 0; padding: 0; }
.page-main h1 { font-size: 20pt; }
a { color: inherit; text-decoration: none; }

/* Diagrams print as a still frame. */
.dg, .dg * { animation: none !important; }

/* The menu: only the Selection prints, whatever the filters or view on screen. */
body.print-menu main { display: none !important; }
body.print-menu .print-selection { display: block !important; }
.print-selection { color: #32373c; }
.print-selection h1 { margin: 0 0 12pt; color: #222222; font: 700 20pt/1.15 "Montserrat", Arial, sans-serif; }
.print-item { margin: 0 0 14pt; padding-top: 8pt; border-top: 4px solid #f36f21; break-inside: avoid; page-break-inside: avoid; }
.print-item h2 { margin: 0 0 2pt; color: #222222; font: 700 14pt/1.25 "Montserrat", Arial, sans-serif; }
.print-item h3 { margin: 8pt 0 2pt; color: #222222; font: 600 11pt/1.3 "Montserrat", Arial, sans-serif; }
.print-item p { margin: 0; }
.print-item ul { margin: 0; padding-left: 16pt; }
.print-item .print-kicker { margin-bottom: 6pt; color: #0046ad; font: 600 11pt "Inter", Arial, sans-serif; letter-spacing: .03em; }

/* The First engagement page: every section prints, the comments do not. */
.eng-talk, .eng-toc { display: none !important; }
.eng-layout { display: block; }
.eng-next { background: none; color: inherit; padding: 8pt 0 0; }
.eng-next .eng-title, .eng-next .eng-intro { color: #222222; }
.eng-links { display: none; }
.eng-section { margin: 0 0 14pt; padding: 8pt 0 0; border-top: 4px solid #f36f21; box-shadow: none; break-inside: avoid; page-break-inside: avoid; }
.eng-num { width: 22pt; height: 22pt; font-size: 11pt; }
.eng-title { margin: 0 0 6pt; font-size: 14pt; }
.eng-opening, .eng-grid, .eng-caps, .eng-split { grid-template-columns: minmax(0, 1fr); }
.eng-diagram svg { max-height: 120pt; }