@page { margin: 14mm; }
body { background: #fff; color: #000; font-size: 11pt; }
.site-header nav, .skip, .lede, .intro-note, .tip, .tip-panel, .preset-row, .actions, #detailed, #assumptions summary, #table-wrap summary, .site-footer span, .about, #live-summary { display: none !important; }
/* The refine panel itself stays: its form controls do not print, but the
   investment numbers they hold do, as one .a-print-value line. */
#refine summary, #refine fieldset { display: none !important; }
/* Detailed mode is a two-column grid on screen. Paper is one column. */
body.mode-detailed .calc { display: block; }
.headline { position: static; }
.site-header { border: none; padding: 0 0 .5rem; }
.sentence { font-size: 12pt; line-height: 1.6; }
.sentence input, .sentence select { border: none; border-bottom: 1px solid #000; background: none; appearance: none; color: #000; }
.headline, .channels { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; }
.card { border: 1px solid #999; break-inside: avoid; }
.card.big .value { color: #000; }
.switch { display: none; }
.charts { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.chart .bar.seo { fill: #333; } .chart .bar.aeo { fill: #777; } .chart .bar.geo { fill: #bbb; }
.chart .line.value { stroke: #000; } .chart .line.cost { stroke: #666; stroke-dasharray: 6 4; }
.chart .tick { fill: #000; }
details { border: none; padding: 0; }
#table-wrap, #assumptions { break-before: page; }
/* Chromium keeps a closed <details> out of the printout no matter what these
   rules say, so ui/actions.js opens these panels on beforeprint. This rule is
   the fallback for engines that hide the children with display instead. */
#table-wrap > div, #assumptions > div, #refine > div { display: block; }
#assumptions::before { content: "Assumptions used"; display: block; font-weight: 700; font-size: 14pt; margin-bottom: .5rem; }
#table-wrap::before { content: "Month by month"; display: block; font-weight: 700; font-size: 14pt; margin-bottom: .5rem; }
.assumption input, .curve, .assumption button { display: none; }
/* A printed business case has to carry its sources and its numbers. */
.a-print-value { display: inline; }
p.a-print-value { display: block; margin: .25rem 0 .5rem; }
.assumption { break-inside: avoid; }