/* Print stylesheet: US Letter, one page for the certificate, the helpers hand and the family safety plan. */
@page { size: letter portrait; margin: 0.5in; }

html, html[data-text] { font-size: 12pt; }
body { background: #fff !important; color: #000; }
.site-header, .nav, .sample-banner, .skip, #live, .no-print, .speak, .btn, .confetti, .for-grownups, .back-row, .toc, dialog { display: none !important; }
main { max-width: none; padding: 0; }
.card { box-shadow: none; border: none; padding: 0; margin: 0 0 8pt; }
.screen { animation: none; }
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

/* "Print" buttons clone one element into #print-root and add body.printing */
body.printing > *:not(#print-root) { display: none !important; }
#print-root { display: none; }
body.printing #print-root { display: block; }
#print-root .printable { break-inside: avoid; page-break-inside: avoid; margin: 0; box-shadow: none; }
#print-root details { display: block; }

/* certificate: fills one landscape-looking block on a portrait Letter page */
.certificate { border: 8pt double #0F7A79; border-radius: 18pt; padding: 22pt 26pt; height: 9.6in; display: flex; flex-direction: column; justify-content: space-between; box-shadow: none; }
.cert-title { font-size: 40pt; }
.cert-name { font-size: 34pt; }
.cert-line { font-size: 15pt; }
.cert-team { max-width: 5.6in; max-height: 2.9in; object-fit: contain; }
.cert-foot { font-size: 13pt; }
.sign-line { min-width: 2.6in; }

/* helpers hand */
.hand-print { text-align: center; }
.hand-print .print-only-title { display: block; font-size: 26pt; margin: 0 0 6pt; }
.hand-print .hand-wrap { max-width: 5.2in; }
.hand-print .hand-svg { max-height: 6.3in; }
.hand-print .helper-list { text-align: left; font-size: 13pt; max-width: 6in; margin: 8pt auto 0; }
.finger-fill { stroke: none !important; }

/* family safety plan */
.plan-print { border: 2pt solid #37375B; border-radius: 12pt; padding: 18pt; }
.plan-title { font-size: 26pt; margin-top: 0; }
.plan-dl { grid-template-columns: 2.6in 1fr; gap: 9pt 14pt; font-size: 13pt; }
.plan-dl dd { border-bottom: 1pt solid #888; min-height: 18pt; }

/* Ctrl+P / Cmd+P on the certificate or hand screen: print just that sheet */
.screen:has(.certificate) > h1, .screen:has(.hand-print) > h1 { display: none !important; }
.screen:has(.hand-print) .editor-slot { display: none !important; }