/* print.css: the printable report (loaded with media="print"). */
@page { margin: 14mm 12mm; }
:root {
  --bg: #fff; --panel: #fff; --panel-2: #f6f6f4; --ink: #111; --muted: #555; --line: #ccc; --line-2: #e2e2e2;
  color-scheme: light;
}
body { background: #fff; font-size: 11px; }
.topbar, .side, dialog, .tip, .toast, .stage-bar .seg, .toggle, .play, .ins-btn, .sim-controls, .sim-progress,
#sim .g-controls, .g-controls .seg, .g-controls .toggle, #undo, #redo, .wall-name-row, .legend { display: none !important; }
.layout { display: block; padding: 0; max-width: none; }
.col { display: block; }
.stage, .guidance, .sim { box-shadow: none; border: 0; padding: 0; margin: 0 0 10px; break-inside: auto; }
#report, #report-foot { display: block !important; }
#report h1 { font-size: 20px; margin: 0 0 2px; }
.rp-meta { color: #444; margin: 2px 0 8px; }
.rp-table { width: 100%; border-collapse: collapse; margin: 6px 0; font-size: 10px; }
.rp-table th, .rp-table td { border-bottom: 1px solid #ddd; padding: 3px 5px; text-align: left; vertical-align: top; }
.rp-table th { background: #f1f1ef; }
.rp-src { color: #666; max-width: 220px; }
.ribbon { grid-template-columns: repeat(4, 1fr); }
.tile .v { font-size: 16px; }
.figure svg, .sim-chart svg { max-height: 260px; }
.months { display: none; }
.caption { color: #333; }
.g-cards { grid-template-columns: 1fr 1fr; }
.card { break-inside: avoid; padding: 8px 10px 8px 34px; }
.card::before { left: 9px; top: 9px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.card summary { display: none; }
.card.fail, .card.caution, .tile.bad, .gauge i, .figure, .sim-chart { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.g-foot { font-size: 9px; }
#report-foot { break-before: avoid; font-size: 10px; }
#report-foot h2 { font-size: 12px; margin: 10px 0 4px; }
#report-foot ul { padding-left: 16px; margin: 0; }
.rp-link { word-break: break-all; color: #555; font-size: 8px; margin-top: 6px; }
.sim { break-before: page; }