:root { --ink:#0a0a0a; --grey:#555; --line:#aaa; }
* { box-sizing: border-box; }
html { background:#bbb; }
body { margin:0 auto; width:210mm; background:white; color:var(--ink); font-family: Georgia, "Times New Roman", serif; font-size:10.4pt; line-height:1.42; }
.sheet { position:relative; width:210mm; min-height:297mm; padding:16mm 17mm 16mm; break-after:page; page-break-after:always; overflow:hidden; }
.sheet:last-child { break-after:auto; page-break-after:auto; }
.kicker { font-family: Arial, sans-serif; font-size:7.5pt; font-weight:800; letter-spacing:.22em; text-transform:uppercase; border-top:2px solid; padding-top:3mm; }
h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; line-height:1.02; margin:0; letter-spacing:-.035em; }
h1 { font-size:35pt; margin-top:11mm; max-width:160mm; }
h2 { font-size:25pt; margin:7mm 0 5mm; }
h3 { font-size:13pt; margin:5mm 0 2mm; }
p { margin:0 0 3.2mm; }
.lede { font-size:15pt; line-height:1.25; max-width:162mm; margin:8mm 0; }
.folio { position:absolute; bottom:8mm; right:17mm; font-family:Arial,sans-serif; font-size:8pt; }
.brand { position:absolute; bottom:8mm; left:17mm; font-family:Arial,sans-serif; font-weight:800; font-size:8pt; }
.two { column-count:2; column-gap:10mm; column-rule:1px solid #ccc; }
.two h3 { break-after:avoid; }
.callout { border:2px solid; padding:5mm; margin:6mm 0; font-family:Arial,sans-serif; font-weight:700; font-size:14pt; line-height:1.18; break-inside:avoid; }
.compare { display:grid; grid-template-columns:1fr 1fr; gap:5mm; margin-top:7mm; }
.panel { border:1px solid var(--line); padding:5mm; break-inside:avoid; }
.panel h3 { margin-top:0; }
.codeflow { font-family:"Courier New", monospace; white-space:pre-line; border-left:4px solid; padding-left:5mm; margin:6mm 0; font-size:10pt; }
ul { margin:1mm 0 4mm; padding-left:5mm; }
li { margin-bottom:1.4mm; }
.timeline { display:grid; grid-template-columns:repeat(2,1fr); gap:4mm; margin-top:5mm; }
.stage { border-top:4px solid; padding:4mm 3mm; background:#f3f3f3; min-height:40mm; }
.stage b { font-family:Arial,sans-serif; font-size:8pt; text-transform:uppercase; letter-spacing:.12em; }
.note { font-size:8.5pt; color:#333; border-top:1px solid; padding-top:2mm; margin-top:5mm; }
.source { font-family:Arial,sans-serif; font-size:7.5pt; color:#444; }
.no-print { position:fixed; right:18px; top:18px; z-index:3; font:700 14px Arial; padding:10px 14px; border:1px solid; background:#fff; color:#000; cursor:pointer; }
@page { size:A4; margin:0; }
@media print { html,body { background:white; width:auto; } .sheet { margin:0; } .no-print { display:none; } }
@media screen { .sheet { margin:12px auto; box-shadow:0 5px 28px rgba(0,0,0,.25); } }