/* ChukAI — print / PDF. Turns the case study into a clean paper document. */
@page{ margin:16mm 14mm; }
.site-header,.nav,.nav-toggle,.site-footer,.btn,.btn-row,.caro-nav,.ladder,.skip{ display:none !important; }
body{ background:#fff !important; color:#1a1a1a !important; font-size:10.5pt; }
.hero,.band,.section{ background:#fff !important; color:#1a1a1a !important; padding:0 !important; }
.hero::after{ display:none !important; }
.band h1,.band h2,.band h3,.hero h1,.hero h1 em,.hero h1 span,.hero .lede{ color:#111 !important; }
.band .lede,.band p,.step p{ color:#333 !important; }
.wrap{ max-width:none; padding:0; }
.card,.kpi,.chart-card,.quote,.lever,.step,.formcard{ box-shadow:none !important; border-color:#ccc !important;
  background:#fff !important; break-inside:avoid; }
.kpi .v{ color:#0E7A4E !important; }
.step{ border:1px solid #ccc !important; }
h1{ font-size:22pt; } h2{ font-size:15pt; } h3{ font-size:12pt; }
section{ break-inside:auto; }
h2,h3,.subhead{ break-after:avoid; }
.viewport{ overflow:visible !important; }
.track{ display:block !important; transform:none !important; }
.slide{ break-inside:avoid; margin-bottom:10px; }
.slide[aria-hidden="true"]{ display:block !important; }
a{ color:#1a1a1a !important; text-decoration:none !important; }

/* The scroll draw-in leaves the trend path dashed-out until the chart enters
   the viewport. Printing never triggers that, so force the finished state —
   without this the chart prints with no line, area, dots or label. */
.chart-card[data-draw] .trend{ stroke-dasharray:none !important; stroke-dashoffset:0 !important; }
.chart-card[data-draw] .area{ opacity:.10 !important; }
.chart-card[data-draw] .dot,
.chart-card[data-draw] .dot-end,
.chart-card[data-draw] .plot-lbl{ opacity:1 !important; }
.trend{ stroke:#0E7A4E !important; }
.area{ fill:#0E7A4E !important; }

/* scroll-reveal must never leave a printed section blank */
[data-reveal]{ opacity:1 !important; transform:none !important; }
.hero h1 .w{ opacity:1 !important; transform:none !important; animation:none !important; }
.hero > .wrap > .eyebrow,.hero > .wrap > .lede,.hero > .wrap > .btn-row{
  opacity:1 !important; transform:none !important; animation:none !important; }

/* paper is wider than a phone — keep the multi-column blocks in columns */
.kpis{ grid-template-columns:repeat(3,1fr) !important; gap:8px !important; }
.steps,.grid-2,.grid-3{ grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
.story{ grid-template-columns:1fr 1fr !important; }
.card,.kpi,.chart-card,.lever,.quote{ padding:14px !important; }
.kpi .v{ font-size:26pt !important; }

/* aurora washes and grain are screen decoration — never ink */
.band::before,.band::after,.hero::before,.hero::after{ display:none !important; }
.band,.hero{ background-image:none !important; }