/* One A4 page. Loaded with media="print" only. */
@page { size: A4; margin: 11mm 12mm; }

:root, :root[data-theme="dark"], :root:not([data-theme="light"]) {
  --bg: #fff; --surface: #f6f3ef; --ink: #000; --muted: #444; --line: #cfcac3; --track: #ebe7e1; --logo-filter: none;
}
html, body { background: #fff !important; color: #000; }
body { font-size: 8.4pt; line-height: 1.35; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
main { max-width: none; padding: 0; }

.site-header, .skip, .screen:not(#screen-results), .results-actions, #save-status, .screen-only, .ptae summary::marker { display: none !important; }
.ptae summary::-webkit-details-marker { display: none; }

.result-head { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse; gap: 12px; }
.print-logo { display: block; width: 26mm; }
.headline { font-size: 17pt; margin: 0 0 4pt; letter-spacing: 0.1em; }
.headline::after { height: 2px; margin-top: 4pt; }
.step { margin: 0 0 2pt; font-size: 7.5pt; }
.result-head .meta { font-size: 8pt; margin: 0; }

.score-card { padding: 6pt 9pt; margin: 6pt 0 8pt; border-top-width: 3px; break-inside: avoid; }
.score-card p { margin: 0 0 2pt; }
.score { font-size: 10pt; }
.score-num { font-size: 18pt; }
.stage { font-size: 10pt; }
.cap { margin-top: 3pt !important; padding-left: 6pt; border-left-width: 3px; }

h2 { font-size: 8.4pt; margin: 0 0 4pt; }
.block { margin: 0 0 6pt; padding-top: 5pt; break-inside: avoid; }
ul.dots { margin: 0 0 4pt; }
ul.dots li { margin-bottom: 2pt; }

.bars { margin: 0 0 3pt; }
.bar-name, .bar-band { white-space: nowrap; }
.bar-row { grid-template-columns: 42mm 1fr 46mm !important; gap: 0 8pt; margin-bottom: 2.5pt !important; }
.bar-track { height: 7pt; }
.bar-band, .flag { font-size: 7.8pt; }
.flag-note { font-size: 7.8pt; padding: 3pt 6pt; margin: 3pt 0; }
.blocks-title { font-size: 7pt; margin: 4pt 0 2pt; }
.blocks { font-size: 7.6pt; gap: 1pt 10pt; }

.two-up { display: grid; grid-template-columns: 1fr 1fr !important; gap: 0 14pt; }
.two-up .block { margin-bottom: 4pt; }

/* All seven paragraphs, condensed, in two columns */
.ptae-list { column-count: 2; column-gap: 14pt; }
.ptae { border: 0; break-inside: avoid; margin-bottom: 4pt; }
.ptae summary { padding: 0; display: block; font-size: 8.2pt; }
.band-tag::before { content: "· "; }
.ptae p { margin: 1pt 0 0; font-size: 7.9pt; line-height: 1.3; }

.blind p, .blind li { font-size: 7.8pt; }
.blind ul.dots { display: flex; flex-wrap: wrap; gap: 0 14pt; padding-left: 1em; }
.blind .bq { display: none; }
.blind .bcount { display: inline; }
.ptae summary::after { content: none !important; }
.result-foot { padding-top: 4pt; font-size: 7.6pt; }
.result-foot p { margin: 0 0 1pt; }
a { text-decoration: none; }
.result-foot a[href*="path-to-ai-emergence"]::after { content: " (tenpasttomorrow.com/path-to-ai-emergence)"; }

/* v2 additions */
.warn { font-size: 7.8pt; padding-left: 6pt; margin-top: 2pt !important; }
.notes p { font-size: 7.8pt; padding: 2pt 6pt; margin: 0 0 2pt; }
.bar-band .flag { display: inline; }
.bar-row { grid-template-columns: 44mm 1fr 58mm !important; }
#resume-note { display: none !important; }