/* A4 print rules, linked with media="print". Used by the PDF render
   and by browser printing. */

@page { size: A4; margin: 14mm 12mm 16mm; }

body { margin: 0; background: #fff; }
.c-root { background: #fff; }
.c-wrap { border-inline: 0; }

/* Never split a card or leave a heading alone at the page bottom. */
.r-item, .r-score { break-inside: avoid; page-break-inside: avoid; }
/* WeasyPrint ignores break-inside on a grid, which let a card split
   from its price. On paper the card is a block; the side sits under. */
.r-item { display: block; }
.r-side { padding-top: 12px; width: auto; align-items: flex-start;
  text-align: left; }
.r-price { align-items: flex-start; }
/* WeasyPrint wrapped the flex head into a column: plain inline flow
   keeps the tags and the title on one line. */
body.r-bar-on { padding-bottom: 0; }
.r-head, .r-tags { display: block; }
.r-tags, .r-title { display: inline-block; vertical-align: middle; }
.r-title { margin-left: 8px; }
/* The evidence may wrap on paper. */
.r-evidence { white-space: normal; overflow: visible; }
.r-evidence code { overflow-wrap: anywhere; }
.c-sec-head, .r-sub { break-after: avoid; page-break-after: avoid; }
:root { --pad-x: 6mm; }
.c-page-head { padding: 24px var(--pad-x) 20px; }
.c-page-meta { margin-bottom: 18px; padding-bottom: 14px; }
.c-sec-head { padding: 16px var(--pad-x); }
.c-sec-head h2 { font-size: 22px; margin-top: 8px; }
.r-body { padding: 16px var(--pad-x); }
/* Explicit line height so wrapped count tags never share a line box. */
.r-counts { line-height: 2; }
/* The scores wrap one under the other on paper. */
.r-score + .r-score { border-left: 0; border-top: 1px solid var(--line); }

/* The download link, checkboxes, tick-all buttons, totals box and
   order form mean nothing on paper. The price in .r-side stays: only
   its checkbox label (.r-pick) goes. */
.r-pdf, .r-pick, .r-pick-all, .r-order, .r-total, .r-bar,
input[type=checkbox] {
  display: none; }

/* The site's navigation does nothing on paper: no nav links, drawer,
   burger, language pill or skip link, and no upper footer tier. The
   brand and the legal line stay. */
.c-skip, .o-hdr-r, .o-hdr-links, .o-hdr-burger, .o-lang, .o-drawer,
.o-drawer-backdrop, .o-foot-x { display: none; }
.o-hdr { position: static; }
