/* print-screen.css: lets the printer-friendly pages (print/*.html, print/book/export/html/*.html) fit a phone screen.
   THEME_AUDIT.md finding M10, work-order step 4 (2026-09-27). These pages load only the Drupal module sheets (the
   print module's print-*.css among them) and no theme, and had no viewport meta; with the meta, 55 of the 68 scroll
   sideways at 320px (wide images, long URLs in table cells, embeds, code), measured with check_viewport_meta.js.
   Linked with media="screen", after the page's last stylesheet link, by site-audit/add_print_screen_sheet.py, which
   also adds the viewport meta. media="screen" keeps it out of printing, so printed output is unchanged.
   Every value is copied from a rule already in the site's sheets; the source is named beside each. */

/* Long words and URLs break rather than widen the page. Copied from fixed-width-fix.css (body, <=979px block). */
body { overflow-wrap: break-word; }

/* Links in table cells may break anywhere, so a table holding a long URL can shrink to the page (break-word alone
   does not lower a cell's minimum width). Value copied from style-l.css step 3c (#biblio-node td), narrowed to links:
   on the whole cell it also let the label column of the publication tables shrink to 43px and break its words
   mid-word ("Publication Type"; print/book/export/html/436.html at 1440px, measured 2026-09-27). */
td a, th a { overflow-wrap: anywhere; }

/* Images no wider than the page, keeping their aspect. Copied from style-l.css ("Fix images to be responsive"). */
img { max-width: 100%; height: auto; }

/* Embedded media never exceed the page. Copied from style-l.css step 3c. */
iframe, embed, object, video, audio { max-width: 100%; }

/* Preformatted code scrolls sideways in its own box; inline code breaks anywhere. Copied from style-l.css step 3c. */
pre { max-width: 100%; overflow-x: auto; }
code { overflow-wrap: anywhere; }
.syntaxhighlighter .lines { overflow-x: auto; }

/* Up to 768px a table that is still wider than the page scrolls in its own box. Rule and breakpoint copied from
   style-l.css step 3c (tablet block, max-width: 768px). */
@media screen and (max-width: 768px) {
  table { display: block; max-width: 100%; overflow-x: auto; }
}