Print stylesheet or print-friendly layout is available

Without a print stylesheet, printing an invoice, receipt, blog post, or documentation page produces output with the full site chrome: navigation, hamburger menus, footers, chat widgets, and hover-state buttons — all wasting ink and pushing the content onto extra pages. Users expecting to save a clean PDF or print a receipt get a page of noise. This is low-severity because most web apps don't ship printable surfaces, but every content-heavy site (docs, blogs, transactional receipts) benefits.

Add a @media print block to src/app/globals.css that hides UI chrome and normalizes typography for paper. In Tailwind, use the print: variant on elements that should not appear in print output.

@media print {
  nav, header, footer, .sidebar, button, .no-print { display: none !important; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a[href]::after { content: ' (' attr(href) ')'; }
}