/*
 * Clarity Room - Print Stylesheet
 * Hides chrome, shows article content only.
 * No grain, no dark mode, no vignette.
 */

@media print {

	/* Base */
	*,
	*::before,
	*::after {
		background: #ffffff !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		opacity: 1 !important;
	}

	/* Hide film grain overlay explicitly. */
	body::before,
	body::after {
		display: none !important;
	}

	body {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: 12pt;
		line-height: 1.6;
		margin: 0;
		padding: 0;
	}

	/* Hide chrome */
	.site-header,
	.site-footer,
	.theme-toggle,
	.reading-progress-bar,
	.cta-block,
	.related-articles,
	.copy-link-btn,
	.tag-filter,
	.infinite-scroll-trigger,
	.article-hero__meta .article-category-pill,
	nav,
	.nav-primary,
	.btn-cta,
	.cta-btn,
	.admin-bar,
	#wpadminbar {
		display: none !important;
	}

	/* Article typography */
	h1 {
		font-size: 20pt;
		line-height: 1.2;
		margin-bottom: 0.5em;
		page-break-after: avoid;
	}

	h2 {
		font-size: 16pt;
		line-height: 1.2;
		margin-top: 1.5em;
		margin-bottom: 0.4em;
		page-break-after: avoid;
	}

	h3 {
		font-size: 13pt;
		page-break-after: avoid;
	}

	p {
		font-size: 12pt;
		orphans: 3;
		widows: 3;
	}

	/* Article lede */
	.article-lede {
		font-size: 13pt;
		font-style: italic;
		margin-bottom: 1.5em;
	}

	/* Images in body - allow, but constrain */
	img {
		max-width: 100% !important;
		page-break-inside: avoid;
	}

	/* Featured image - allow on print */
	.article-featured-image {
		margin-bottom: 1.5em;
	}

	/* Pull quote */
	.pull-quote {
		border-top: 1pt solid #000000;
		border-bottom: 1pt solid #000000;
		padding: 0.75em 0;
		margin: 1.5em 0;
		font-style: italic;
		font-size: 13pt;
	}

	/* Links: show URL after href */
	a[href]::after {
		content: ' (' attr(href) ')';
		font-size: 9pt;
		word-break: break-all;
	}

	/* Suppress URL display for internal/fragment links */
	a[href^="#"]::after,
	a[href^="javascript"]::after {
		content: '';
	}

	/* Page layout */
	.container,
	.article-body {
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	/* H2 counter: keep roman numerals but suppress colour styling */
	.article-body h2::before {
		color: #000000 !important;
	}

}