/* print.css — "Download PDF" output: white page, dark text, colours kept, tables reflowed to fit the sheet. Loaded with media="print". */
:root{
  --bg:#fff; --panel:#fff; --panel-2:#f3f5f7; --line:#c9cfd6; --line-soft:#e2e6ea;
  --text:#111; --muted:#3d444d; --muted-2:#5f6770;
  --accent:#0a62b8; --accent-b:#b35a00; --accent-dim:#e6f0fa; --diff-dim:#fff0cf;
  --good:#18763f; --bad:#b3261e;
  --c-repair:#6f4bd8; --c-service:#0a62b8; --c-keyread:#18763f;
}
@page{size:A4;margin:12mm 11mm 14mm;
  @bottom-left{content:"dec.vin";font:8pt 'IBM Plex Mono',monospace;color:#666}
  @bottom-right{content:counter(page) " / " counter(pages);font:8pt 'IBM Plex Mono',monospace;color:#666}}
html{font-size:13px !important;}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
body{background:#fff !important;color:#111 !important;}
.wrap{max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important;}

/* hide everything interactive */
.grid-backdrop,header,.top-nav,.results-toolbar,#mileagePromo,.cookie-bar,.lightbox-overlay,.pay-btn,button,.cat-filter,
.dv-tip,.screen-only,#backResults,.pay-box{display:none !important;}
.photo-img-wrap::after{display:none !important;content:none !important;}
.eq-group summary::-webkit-details-marker{display:none;}
.wrap>p{display:none !important;}   /* footer/back links ("Decode another VIN", "Back to results", "Looking for much more?", cookie settings) */
.print-only{display:block !important;}

/* print header */
.print-head{display:flex !important;justify-content:space-between;align-items:baseline;border-bottom:1.5px solid #111;padding-bottom:5px;margin-bottom:14px;font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:#444;}
.print-head b{font-size:13px;letter-spacing:.06em;color:#111;}

/* headings / vehicle header */
.vehicle-head{padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line);}
.vehicle-head h2,.cmp-car h2{font-size:21px;}
.spec-strip{margin-bottom:16px;} .spec-cell{padding:6px 9px;} .spec-cell .v{font-size:12.5px !important;}
.section{margin-bottom:16px;}
.section-head{margin-bottom:6px;border-bottom:1px solid var(--line);padding-bottom:3px;}
.section-head h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;}

/* pagination */
.section-head,.eq-kind-head,.eq-group summary,.photo-subhead,.cmp-row.head,.eq-head{break-after:avoid;}
.kv-row,.cmp-row,.eq-row,.stat,.finish-row,.photo-row,.vehicle-head,.cmp-head,.note,.spec-strip,.cbs-tile,.chart-box,.stat-grid{break-inside:avoid;}
.eq-group{break-inside:auto;}
.eq-kind{break-before:auto;}

/* photos: light backdrop, no hover chrome, sensible size */
.photo-row{gap:10px;}
.photo-img-wrap{background:#f1f2f4 !important;aspect-ratio:auto !important;height:52mm;cursor:default;}
.photo-img-wrap img{height:100% !important;width:100% !important;object-fit:contain;}
.photo-row{border-color:var(--line) !important;}
.photo-cap{padding:3px 8px !important;font-size:9.5px !important;}
.photo-cap{color:#444;}

/* key/value + comparison tables */
.kv,.cmp-table,.eq-groups,.eq-group{border-color:var(--line) !important;}
.kv-row,.cmp-row{font-size:11.5px !important;}
.kv-row .c{padding:3px 10px !important;}
.cmp-row .c{padding:3px 10px !important;}
.eq-row{padding-top:2.5px !important;padding-bottom:2.5px !important;font-size:11px !important;}
.eq-row.cmp.eq-head{padding-top:3px !important;padding-bottom:3px !important;}
.kv-row:nth-child(even),.cmp-row:nth-child(even),.eq-row:nth-child(even){background:#f7f8fa !important;}
.cmp-table-scroll{overflow:visible !important;}
.cmp-table{min-width:0 !important;}
.cmp-row.head{background:#eceff2 !important;}
.cmp-row.head .c.a{color:var(--accent);} .cmp-row.head .c.b{color:var(--accent-b);}
.cmp-row .c.diff,.eq-row.cmp.diff{background:var(--diff-dim) !important;font-weight:600;}
.eq-row.cmp.diff{box-shadow:inset 3px 0 0 var(--accent-b);}
.eq-row .icon-cell{display:none !important;}
.eq-row{grid-template-columns:62px minmax(0,1fr) !important;}
.eq-row.cmp{grid-template-columns:62px minmax(0,1fr) 28px 28px !important;}
.eq-group summary{background:#eceff2 !important;padding:5px 8px;}
.eq-group .cat-icon svg{width:13px;height:13px;}
.eq-kind-head{background:#111 !important;color:#fff !important;padding:5px 10px;}
.eq-kind-head .mono{color:#ddd !important;}
.eq-row.cmp .chk.yes{color:var(--good);font-weight:700;} .eq-row.cmp .chk.no{color:#9aa1a9;}
.eq-groups:not(.cmp-mode){column-count:2;column-gap:12px;}
.eq-groups:not(.cmp-mode) .eq-group{margin-bottom:8px;}
.eq-groups:not(.cmp-mode) .eq-row{grid-template-columns:50px minmax(0,1fr) !important;}
.eq-groups:not(.cmp-mode) .eq-row .code{font-size:11px;}

/* mileage report */
.rd-wrap{border:0 !important;overflow:visible !important;background:none !important;}
table.rd{min-width:0 !important;width:100%;font-size:11px;}
.rd thead{display:table-header-group;}
.rd thead th{position:static !important;background:#eceff2 !important;border-bottom:1.5px solid #111 !important;color:#333 !important;padding:6px 8px;}
.rd td{padding:6px 8px;}
.rd tr,.rd tbody.visit>tr{break-inside:avoid;}
.rd tbody.visit{break-inside:avoid;}
.rd .mbar{background:#e1e5e9 !important;} .rd .mbar i{background:var(--accent) !important;}
.rd tbody.visit.flag>tr>td{background:#fdeceb !important;}
.rd tbody.visit:hover>tr>td{background:inherit !important;}
.cbs-wrap>summary{display:none;} .cbs-wrap{padding-bottom:6px;}
.cbs-wrap:not([open]){display:none;}
.cbs-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px;}
.cbs-tile{background:#fff !important;} .cbs-ic{background:var(--sb) !important;}
.cbs-nm{color:#333 !important;}
.stat-grid{gap:8px;} .stat{padding:8px 10px;}
.chart-box{padding:6px 0;}
.chart-box svg{max-height:75mm;}
.chart-box .grid{stroke:#d6dbe0 !important;} .chart-box .ax{fill:#444 !important;}
.chip,.cat-chip{border-color:#bbb;}
a{color:inherit !important;text-decoration:none !important;}

.finish-cell{padding:8px 10px !important;}
.eq-kind{margin-bottom:10px;}
.section-head{margin-top:0;}
.wrap{overflow:visible !important;}
.wrap{padding-right:2px !important;}   /* keeps right-hand borders from being clipped at the page edge */
.visit:nth-child(even),.rd tbody.visit:nth-child(even){background:#f6f7f9 !important;}
.rd tbody.visit.flag{background:#fdeceb !important;}
.rd tbody.visit>tr>td{background:transparent !important;}
.tbl-head{break-after:avoid;margin-top:6px;}
.chart-box svg{max-height:64mm !important;}