/*
 * Print styles.
 *
 * On paper the composition is meaningless: the frame, the illustrations and
 * the fixed logo all go, and every panel becomes an ordinary block of text.
 */

body {
	background: #fff;
	color: #000;
	font-size: 12pt;
	line-height: 1.5;
	margin: 0;
}

.frame,
.site-logo,
.menu-toggle,
.site-menu,
.illustration,
.figure,
.award,
.skip-link,
.read-more__trigger,
.post-navigation,
.pagination,
.comments-area {
	display: none !important;
}

.panel {
	break-after: page;
	display: block;
	min-height: 0;
	padding: 0 0 2em;
}

.panel:last-child {
	break-after: auto;
}

.panel__heading,
.panel__subheading {
	color: #000;
	position: static;
}

.panel__heading {
	font-size: 24pt;
	margin-bottom: 0.2em;
}

.panel__subheading {
	font-size: 14pt;
	margin-bottom: 1em;
}

.panel__text {
	background: none;
	color: #000;
	display: block;
	max-height: none;
	overflow: visible;
	padding: 0;
	position: static;
}

.panel__column {
	padding-right: 0 !important;
	width: auto;
}

.panel__column--hide-small {
	display: block;
}

/* Collapsed columns must print in full. */
.read-more__content {
	max-height: none !important;
	overflow: visible !important;
}

.read-more__content::after {
	display: none;
}

.page-shell {
	padding: 0;
}

a {
	color: #000;
	text-decoration: underline;
}

/* Spell out where a link actually went. */
.panel__column a[href^="http"]::after,
.entry-content a[href^="http"]::after {
	content: " (" attr( href ) ")";
	font-size: 9pt;
	word-break: break-all;
}