/*
 * Print stylesheet (BUG-4), enqueued with media="print" by inc/features.php.
 * The screen look is white text on #1e1e1e; browsers drop backgrounds when
 * printing but keep text colour, which printed tutorials as blank pages.
 */
@page {
	margin: 18mm 16mm;
}

html,
body,
.wp-site-blocks {
	background: #fff !important;
	color: #111 !important;
}

body * {
	color: #111 !important;
	text-shadow: none !important;
}

/* Site chrome, comments and on-screen controls. */
header.wp-block-template-part,
footer.wp-block-template-part,
.wp-block-navigation,
.wp-block-social-links,
.wp-block-site-logo,
.wp-block-post-navigation-link,
.wp-block-post-navigation-links,
.wp-block-comments,
.wp-block-post-comments-form,
#respond,
.wp-block-search,
.wp-block-spacer,
.code-copy,
pre.wp-block-code > code::before,
.heading-anchor {
	display: none !important;
}

.wp-block-post-title {
	font-size: 22pt !important;
	margin: 0 0 6pt !important;
	text-align: left !important;
}

.wp-block-post-content {
	font-size: 11pt;
	line-height: 1.5;
}

.wp-block-post-content > * {
	max-width: none !important;
}

/* Print the address after external links. */
.wp-block-post-content a[href^="http"]::after {
	content: " (" attr(href) ")";
	font-size: 0.85em;
	overflow-wrap: anywhere;
}

/* Code: light box, wrap so nothing is cut off at the page edge. */
pre.wp-block-code {
	background: #f6f6f6 !important;
	border: 1px solid #ccc !important;
	white-space: pre-wrap !important;
	break-inside: avoid;
}

pre.wp-block-code code,
pre.wp-block-code .token {
	background: none !important;
	white-space: pre-wrap !important;
}

:not(pre) > code {
	background: #eee !important;
}

h2,
h3 {
	break-after: avoid;
}

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

.post-meta * {
	color: #444 !important;
}