/*
 * Share Science Clubhouse - print styles
 *
 * Loaded with media="print", so it costs nothing on screen.
 *
 * Site chrome is removed in two passes. The :has() rule hides every body
 * child that does not contain the activity, which handles any theme. The
 * named selectors below cover chrome nested inside the same wrapper as the
 * content, and older browsers without :has() support.
 */

@page {
	margin: 14mm 14mm 16mm;
}

body > *:not(:has(#ssc-main)) {
	display: none !important;
}

#wpadminbar,
.site-header,
.site-footer,
.site-navigation,
.main-navigation,
.nav-menu,
.header-wrapper,
.footer-wrapper,
.widget-area,
.sidebar,
.comments-area,
.skip-link,
.ssc-no-print {
	display: none !important;
}

body {
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	color: #000;
}

.ssc {
	max-width: none;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 11pt;
	line-height: 1.45;
}

.ssc a {
	color: #000;
	text-decoration: none;
}

/* Masthead ---------------------------------------------------------- */

.ssc-eyebrow {
	margin: 0 0 4pt;
	font-size: 8pt;
	letter-spacing: 0.1em;
}

.ssc-activity__title {
	font-size: 20pt;
	margin: 0 0 3pt;
}

.ssc-activity__summary {
	margin: 0 0 8pt;
	color: #333;
	font-size: 11pt;
}

.ssc-facts {
	gap: 0 16pt;
	margin: 0 0 10pt;
	padding: 5pt 0;
	border-top: 0.5pt solid #999;
	border-bottom: 0.5pt solid #999;
}

.ssc-fact__label {
	font-size: 7pt;
}

.ssc-fact__value {
	font-size: 10pt;
}

/* The hero image is decoration on paper; the step photos are not. */
.ssc-activity__hero {
	display: none;
}

/* Safety ------------------------------------------------------------ */

.ssc-safety {
	margin: 0 0 10pt;
	padding: 6pt 8pt;
	border: 1pt solid #000;
	border-left-width: 3pt;
	border-radius: 0;
	background: none;
	break-inside: avoid;
}

.ssc-safety__title {
	color: #000;
	font-size: 8pt;
}

/* Sections ---------------------------------------------------------- */

.ssc-section {
	margin: 0 0 10pt;
}

.ssc-section__title {
	margin-bottom: 4pt;
	padding-bottom: 2pt;
	border-bottom: 0.5pt solid #999;
	font-size: 13pt;
	break-after: avoid;
}

/* Materials --------------------------------------------------------- */

.ssc-materials__group {
	margin: 7pt 0 2pt;
	color: #000;
	font-size: 8pt;
}

.ssc-material {
	padding: 2.5pt 0;
	border-bottom: 0.25pt dotted #bbb;
	break-inside: avoid;
}

.ssc-material__check {
	width: 9pt;
	height: 9pt;
	border: 0.75pt solid #000;
	border-radius: 0;
}

.ssc-material__qty,
.ssc-material__note {
	color: #333;
	font-size: 9.5pt;
}

/* The disclosure is a web requirement, not a handout element. */
.ssc-disclosure {
	display: none;
}

/* Steps ------------------------------------------------------------- */

.ssc-step {
	padding: 5pt 0 5pt 22pt;
	border-bottom: 0.25pt dotted #bbb;
	break-inside: avoid;
	page-break-inside: avoid;
}

.ssc-step::before {
	top: 5pt;
	width: 14pt;
	height: 14pt;
	background: none;
	border: 0.75pt solid #000;
	color: #000;
	font-size: 9pt;
}

.ssc-step__tip {
	color: #333;
	font-size: 9.5pt;
	font-style: italic;
}

.ssc-step__figure img {
	max-width: 100%;
	max-height: 55mm;
	border-radius: 0;
}

@media print {
	.ssc-step {
		grid-template-columns: 1fr 42mm;
	}
}

/* Science ----------------------------------------------------------- */

.ssc-science {
	break-inside: avoid;
}

/* Footer ------------------------------------------------------------ */

.ssc-activity__article::after {
	content: "sharescience.org/clubhouse";
	display: block;
	margin-top: 10pt;
	padding-top: 4pt;
	border-top: 0.5pt solid #999;
	color: #555;
	font-size: 8pt;
	letter-spacing: 0.06em;
}