/*
 * FILE: assets/css/print.css
 *
 * WHAT THIS FILE DOES
 *   Makes printed pages and "save as PDF" output readable: black text on
 *   white, no fixed header, no navigation, and link destinations spelled out.
 *
 * WHERE IT IS USED
 *   Loaded by includes/head.php with media="print", so it never affects the
 *   screen layout.
 *
 * SAFE TO EDIT
 *   Everything here.
 */

@media print {
	:root {
		--safety: #000;
	}

	body {
		background: #fff !important;
		color: #000 !important;
		font-size: 11pt;
		line-height: 1.45;
	}

	/* Chrome that adds nothing on paper */
	header[data-site-header],
	#mobile-menu,
	.hazard,
	.blueprint,
	.blueprint-light,
	footer nav,
	[data-filter],
	form {
		display: none !important;
	}

	main {
		padding-top: 0 !important;
	}

	/* Dark sections would empty a toner cartridge */
	.bg-ink,
	.bg-graphite,
	.bg-gunmetal {
		background: #fff !important;
		color: #000 !important;
	}

	.text-white,
	.text-white\/70,
	.text-white\/60 {
		color: #000 !important;
	}

	img {
		max-width: 100% !important;
		page-break-inside: avoid;
	}

	h1, h2, h3 {
		page-break-after: avoid;
	}

	/* Print the destination of every real link */
	a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		word-break: break-all;
	}

	.reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}