/*
 * Print — an article as a clean document.
 *
 * Loaded with media="print", so none of this touches the screen. It strips the
 * furniture a reader does not need on paper (masthead, navigation, ads, share,
 * related, comments, the footer's social row) and sets the story black-on-white
 * at a readable size, full width, with the section, headline, deck, byline,
 * hero and body intact. Link destinations are printed after the text so a
 * printout is still usable offline.
 *
 * @package HD_Press_Studio
 */

@media print {

	/* A clean sheet: black on white, no backgrounds bleeding ink. */
	html, body {
		background: #fff !important;
		color: #000 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12pt;
		line-height: 1.45;
	}

	/* Furniture that does not belong on paper. */
	.hd-masthead,
	.hd-nav,
	.hd-subnav,
	.hd-rail,
	.hd-cta,
	.hd-nav__search,
	.hd-nav__toggle,
	.hd-nav__search-toggle,
	.hd-share,
	.hd-related,
	.hd-writer-card__follow,
	.hd-footer__social,
	.hd-ad,
	.hd-ads,
	[class*="hd-ad-"],
	.hd-report-correction,
	#respond,
	.comments-area,
	.comment-respond,
	.hd-pagelinks,
	.skip-link,
	.screen-reader-text {
		display: none !important;
	}

	/* The story takes the full page width. */
	.hd-wrap,
	.hd-wrap--reading,
	.hd-wrap--wide {
		max-width: 100% !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.hd-main {
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Headline and section stay, in ink. */
	.hd-article__section {
		color: #000 !important;
		text-decoration: none;
		font-weight: 700;
	}
	.hd-article__headline,
	.hd-h1 {
		font-size: 22pt;
		line-height: 1.15;
		margin: 0 0 6pt;
	}
	.hd-deck {
		font-size: 13pt;
		font-style: italic;
		margin: 0 0 10pt;
	}

	/* Images fit the page and never break across it. */
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	figure,
	.hd-article__hero,
	blockquote,
	pre,
	table {
		break-inside: avoid;
		page-break-inside: avoid;
	}
	.hd-hero-caption {
		font-size: 10pt;
		color: #333 !important;
	}

	/* Print a link's destination after it, so paper is still navigable. Skip
	   fragment and javascript links, where a printed URL is just noise. */
	.hd-prose a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 9pt;
		word-break: break-all;
		color: #555;
	}

	/* Keep a heading with the text that follows it. */
	h2, h3, h4 {
		break-after: avoid;
		page-break-after: avoid;
	}

	/* A quiet footer stamp: where it came from. */
	.hd-footer {
		border-top: 1pt solid #000;
		color: #000 !important;
		background: none !important;
		padding-top: 6pt;
	}
	.hd-footer__policies,
	.hd-footer__nav {
		display: none !important;
	}
}