/* Print. ------------------------------------------------------------------------------------ Reprinting is the distribution model (CLAUDE.md: "free to read and free to reprint"), and the two real paths are an adult child printing a door's steps to take to a parent, and somebody printing the who-to-call list before making the calls. Until this file existed both of those printed whatever the screen CSS happened to do, which on the front page was six empty boxes over two and a half sheets. One sheet rather than several. Base.astro links it on all 41 pages with media="print", so it never blocks a screen render, and everything it touches is cross-cutting: the fixed furniture, the two-column reading grids, page breaks, and the one accent that has to survive. The front page's deck is handled here too rather than in explorer.css, because explorer.css is the front page's own sheet and this is the only place a rule that spans the site can sit. Two facts drive most of what follows. 1. Chrome prints with "Background graphics" OFF by default. Anything whose only bound is background:var(--raised) disappears, and anything whose meaning is a fill loses its meaning. So boxes get a border, and the one thing that must not vanish, the band that says a window is closing, is forced with print-color-adjust. 2. Letter is 816px and A4 is 794px, both under the 900px and 820px breakpoints, so a printed page is already in the site's narrow layout. The single-column forcing below is for the wide paper case, not the ordinary one. Not changed, on purpose: the type scale. 23px is roughly 17pt, which is what large print means, and it is the reason a door runs to a dozen sheets. Shrinking it would be optimising paper over a reader who is 75, which is the trade this site never makes. Not changed either: the palette. --ink clears 9.56:1 on white and prints as a dark grey on a mono printer, so there is nothing for a print sheet to fix. */ @media print{ /* Headless print-to-PDF honours this, which is worth saying because it accounts for nearly every sheet this file adds. Rendered with margin:0, as the pages were before it existed, a stage page is 15 sheets; with 14mm it is 18. The 14mm sheets are the honest number: text running to the edge of the paper is not a page anybody prints. */ @page{margin:14mm} /* The reading measure is a screen number: 600px inside a 1180px page. On paper the column is about 710px and a 600px measure leaves a quarter of every sheet blank with the text jammed left, which reads as a fault rather than as a margin. At full column width, 23px type gives about 52 characters, still inside a good measure. */ :root{--measure:100%; --measure-lead:100%} html{background:#fff} html.hatchfloat body{padding-bottom:0} /* hatch.css reserves 96px for a button that is gone */ /* ---------- furniture ---------- Everything here is a way of moving around the site. None of it moves anything on paper, and three of them are position:fixed, which in print means they reprint on every single sheet. */ .upnav, /* the way back up, and the search field it carries */ .sitesearch, .ssresults, /* the field again, in the front page's rail */ .hatch, .hatchsheet, /* the whole map: fixed, so it lands on every sheet */ .sitefoot, /* six internal links, none of them typeable */ .closer, .xclose, .panel, /* the explorer's controls and its empty panel slot */ .railarc, .actlabel, /* the seven-stage nav in a stage hero */ .cascade, .cascade-note, /* the door chooser: seven tiles, one and a half sheets */ .stagenav .k::after, /* a reading-progress slab */ .more, a.close, .find, .count, /* the button, in its three spellings; see below */ .wrap > main > section:not(.hero) > .rail::before, .wrap > main > section:not(.hero) > .rail::after{ display:none !important; } /* The three buttons above are one object written three times, and explorer.css says so: .more on the front page, .close at the foot of a topic, and the search page's own field and its submit. All of them are background:var(--ink) with color:var(--ground), which is the one construction that fails silently when a printer drops backgrounds: white words on white paper, with the padding still there. Each of them is also a control, and a control does nothing in the hand. The search page keeps its heading and the paragraph explaining that nothing you type is sent anywhere, which is the only part of it worth carrying. a.close, not .close. modules.css also uses .close as a spacing modifier on a module, and two of the elements carrying it are m-band, the band that says what is on a clock. A bare .close here would have hidden the one thing this file exists to keep. */ /* Hiding .sitefoot leaves the