/* The printed report (plan 4, task 10): linked from index.html with
   media="print", so none of this touches the screen. Printing uses the
   browser's own dialog, which also saves as PDF (spec 5).

   While a report is on screen, the page prints as that report alone:
   black on white, 12pt, no tabs, buttons, notices or live badge, and no
   section split across a page. Printing any other screen is left as the
   browser does it. */
@page { margin: 14mm; }

body:has(.rp-out .report) { background: #fff; color: #000; font-size: 12pt; }
body:has(.rp-out .report) #notice,
body:has(.rp-out .report) button,
body:has(.rp-out .report) .o-head,
body:has(.rp-out .report) .o-tabs,
body:has(.rp-out .report) .o-paused,
body:has(.rp-out .report) .o-banner,
body:has(.rp-out .report) .o-live,
body:has(.rp-out .report) .rp-area > h2,
body:has(.rp-out .report) .rp-controls,
body:has(.rp-out .report) .rp-saved { display: none !important; }
body:has(.rp-out .report) main,
body:has(.rp-out .report) .office,
body:has(.rp-out .report) .o-area,
body:has(.rp-out .report) .rp-out {
  max-width: none; margin: 0; padding: 0; background: none; border: 0;
}

.report { background: #fff; color: #000; max-width: none; margin: 0; padding: 0; border-radius: 0; font-size: 12pt; }
.report * { color: #000 !important; background: transparent !important; }
.report .rp-title { font-size: 16pt; }
.report h3 { font-size: 11pt; break-after: avoid; }
.report .rp-sec, .report .rp-test, .report .rp-weak, .report tr { break-inside: avoid; }
.report .rp-verdict { border-color: #000; }
.report th, .report td { border-bottom-color: #999; }