.outline-print-view { display: none; }
.outline-preview-active > :not(.outline-print-view) { display: none !important; }
.outline-preview-active > .outline-print-view {
  display: block; max-width: 850px; padding: 32px 24px; margin: auto;
  color: #172b3b; background: #fff; font: 17px/1.6 "Sofia Pro", Arial, sans-serif;
}
.outline-print-view h1 { font: 36px/1.2 "Chronicle Deck", Georgia, serif; margin: 24px 0; }
.outline-print-view h2 { font-size: 20px; line-height: 1.3; margin: 28px 0 12px; }
.outline-print-answer { white-space: pre-wrap; overflow-wrap: anywhere; height: auto; overflow: visible; }
.outline-print-controls { display: flex; flex-wrap: wrap; gap: 12px; }
.outline-print-controls button { padding: 12px 20px; border: 1px solid #806b25; border-radius: 24px; background: #d3b446; color: #172b3b; font: inherit; cursor: pointer; }
.outline-print-controls button:focus-visible { outline: 3px solid #24609d; outline-offset: 4px; }
@media print {
  @page { margin: 18mm; }
  body > :not(.outline-print-view) { display: none !important; }
  body > .outline-print-view { display: block !important; margin: 0; padding: 0; max-width: none; color: #111; background: #fff; font: 11pt/1.5 "Sofia Pro", Arial, sans-serif; }
  .outline-print-controls, .outline-print-help { display: none !important; }
  .outline-print-view h1 { font-size: 24pt; }
  .outline-print-view h2 { font-size: 14pt; break-after: avoid; }
  .outline-print-answer { height: auto !important; max-height: none !important; overflow: visible !important; break-inside: auto; orphans: 3; widows: 3; }
}