@page { margin:18mm; }
/* Running heads and folios on the home page, the case studies and the colophon (named page "sheet"); the résumé keeps its own
   letterhead and no folio. The head stays off the first page, which carries the title. Browsers without page margin boxes
   (Firefox, older Safari) print without them. */
@page sheet {
 @top-left { content:"Carl Fan"; font:500 9pt/1 'EB Garamond',Georgia,serif; color:#444; vertical-align:bottom; padding-bottom:4mm; }
 @top-right { font:500 9pt/1 'EB Garamond',Georgia,serif; color:#444; vertical-align:bottom; padding-bottom:4mm; }
 @bottom-center { content:counter(page); font:500 9pt/1 'EB Garamond',Georgia,serif; font-variant-numeric:lining-nums; color:#444; vertical-align:top; padding-top:4mm; }
}
@page sheet:first { @top-left { content:none; } @top-right { content:none; } }
@media print {
 :root,:root[data-theme="dark"],:root[data-theme="light"] { color-scheme:light; --washi:#fff; --sumi:#000; --usu:#444; --kei:#aaa; --tana:#fff; --ai:#000; --shu:#000; }
 html,body { background:#fff!important; color:#000!important; }
 .wrap { max-width:none; padding:0; }
 .omote-head,.site-head,.work-head,.skip-link,.theme-btn,.header-actions,.omote-foot,.site-foot,.case-foot { display:none!important; }
 .intro,.case-intro { padding:0 0 20px; }
 .block,.case-section { display:block; padding:16px 0; }
 .block>h2 { margin-bottom:14px; color:#000; }
 .entry,.source-paper,.resume-entry { break-inside:avoid; }
 h1,h2,h3,h4 { break-after:avoid; }
 p { orphans:3; widows:3; }
 a { color:#000; }
 /* Match the base hidden rule's layer so all authored examples print. */
 @layer type { .demo-case[hidden] { display:block!important; } }
 .demo-controls,.demo-actions,.demo-status,.demo-walkthrough,.thread,.receipt-thread,.kbd-hint,.kbd-chord,.kbd-help,.project-actions:has([data-storage-clear]) { display:none!important; }
 /* On paper the margin notes become footnotes below each entry */
 .sheet-row { display:block; }
 .sheet-row>.notes { margin-top:6px; padding-top:6px; border-top:1px solid #aaa; font-size:9pt; }
 .notes.placed { position:static!important; height:auto!important; }
 .notes.placed>* { position:static!important; margin:0 0 4px!important; }
 .note .n { color:#000; }
 .claim[data-lit] { background:none; }
 body[data-page="home"] main,body[data-page="case"] main { page:sheet; }
 .okuzuke dl,.weigh { break-inside:avoid; }
 .zoushoin { color:#b23a21; mix-blend-mode:normal; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
 .weigh dd { font-size:1.3rem; }
 .swatches i { print-color-adjust:exact; -webkit-print-color-adjust:exact; }
 .demo-grid { grid-template-columns:1fr 1fr; gap:20px; }
 .source-paper { background:#fff; }
 [data-evidence][data-active],.field-list>a[aria-current="true"] { background:none; outline:none; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
}