/* Visual diary compositions: the existing A4 five-column live area. */
.book-root .book-pilot .essay-page { grid-template-rows: 46mm 1fr auto; height: 255mm; row-gap: 5mm; padding: 0; }
.book-root .book-pilot .essay-page > * { min-width: 0; }
.book-root .book-pilot .essay-heading { grid-column: 1 / -1; grid-row: 1; }
.book-root .book-pilot .essay-kicker { display: flex; justify-content: space-between; gap: 4.5mm; margin: 0 0 5mm; color: #e10600; font: 400 9pt/12pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-heading h2 { font: 400 27pt/30pt "Book Barlow",Arial,sans-serif; letter-spacing: -.015em; margin: 0; max-width: 160mm; }
.book-root .book-pilot .essay-lead { max-width: 135mm; margin-top: 3mm; font: 400 10.5pt/14pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-visual { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4.5mm; width: 170mm; height: 100%; min-height: 0; align-self: stretch; }
.book-root .book-pilot .essay-visual figure { min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.book-root .book-pilot .essay-visual figure a { flex: 1; display: block; min-height: 0; }
.book-root .book-pilot .essay-visual img { width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.book-root .book-pilot .essay-visual figcaption { margin-top: 2mm; color: #666660; font: 400 9pt/11.5pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-visual figcaption b { font-weight: 500; color: #e10600; margin-right: 2mm; }
.book-root .book-pilot .essay-footer { grid-column: 1 / -1; grid-row: 3; align-self: end; }
.book-root .book-pilot .essay-decisions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4.5mm; }
.book-root .book-pilot .essay-decisions h3 { color: #e10600; font: 500 10pt/13pt "Book Barlow",Arial,sans-serif; margin: 0 0 1.5mm; }
.book-root .book-pilot .essay-decisions p { font: 400 10pt/13pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-reading { margin-top: 3mm; columns: 2; column-gap: 4.5mm; font: 400 10pt/13.5pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-reading p + p { margin-top: 2mm; }
.book-root .book-pilot .essay-question { font: 400 16pt/21pt "Book Literata",Georgia,serif; max-width: 155mm; margin-top: 4mm; }
.book-root .book-pilot .essay-source { font: 400 8pt/10.5pt "Book Barlow",Arial,sans-serif; color: #666660; margin-top: 3mm; }
.book-root .book-pilot :is(.essay-hero,.essay-diagram) .essay-visual { grid-template-columns: 1fr; }
.book-root .book-pilot .essay-pair .essay-visual { grid-template-columns: 1fr; grid-template-rows: repeat(2,minmax(0,1fr)); }
.book-root .book-pilot .essay-contact .essay-visual { grid-auto-rows: minmax(0,1fr); }
.book-root .book-pilot .essay-contact .essay-visual img { object-position: left bottom; }
.book-root .book-pilot .essay-contact .essay-visual figcaption { font-size: 8pt; line-height: 10pt; }
.book-root .book-pilot .essay-placeholder { border: .2mm dashed #97978e; background: #f2f2ef; }
.book-root .book-pilot .essay-slot { padding: 5mm; min-width: 0; flex: 1; display: flex; flex-direction: column; justify-content: center; }
.book-root .book-pilot .essay-slot span { color: #e10600; font: 400 8.5pt/12pt "Book Barlow",Arial,sans-serif; margin-bottom: 5mm; }
.book-root .book-pilot .essay-slot h3 { margin: 0 0 3mm; font: 400 18pt/21pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-slot p { font: 400 10pt/13.5pt "Book Barlow",Arial,sans-serif; max-width: 65mm; }
.book-root .book-pilot .essay-storyboard .essay-visual { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: minmax(0,1fr); }
.book-root .book-pilot .essay-storyboard .essay-slot { padding: 4mm; }
.book-root .book-pilot .essay-storyboard .essay-slot h3 { font-size: 15pt; line-height: 18pt; }
.book-root .book-pilot .essay-matrix .essay-visual { display: flex; flex-direction: column; gap: 0; justify-content: space-between; }
.book-root .book-pilot .essay-item { display: grid; grid-template-columns: 30.4mm 65.3mm 1fr; column-gap: 4.5mm; padding: 5mm 0; border-top: .2mm solid #bcbcb5; }
.book-root .book-pilot .essay-item-label { color: #e10600; font: 400 10pt/14pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-item h3 { font: 400 20pt/23pt "Book Barlow",Arial,sans-serif; margin: 0; }
.book-root .book-pilot .essay-item > p:not(.essay-item-label) { font: 400 11pt/15pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-item ol { grid-column: 2 / -1; margin: 3mm 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 2mm 5mm; font: 400 9pt/12pt "Book Barlow",Arial,sans-serif; }
.book-root .book-pilot .essay-item ol li + li::before { content: "→"; color: #e10600; margin-right: 3mm; }
.book-development-report:has(> .pilot-photo-gallery) { break-before: page; }
/* The gallery is a single page. Only an actual continuous-photo pair needs parity. */
.book-root .book-reading-layout .book-cover { background: #0b0b0a; color: #f6f6f0; }
.book-root .book-reading-layout .book-pilot .essay-page { height: auto; min-height: 700px; grid-template-rows: auto minmax(400px,auto) auto; gap: 25px; padding-bottom: 60px; }
.book-root .book-reading-layout .book-pilot .essay-visual { width: 100%; min-height: 400px; }
.book-root .book-reading-layout .book-pilot .essay-visual a { min-height: 100px; }
.book-root .book-reading-layout .book-pilot .essay-visual img { max-height: 750px; }
@media screen and (max-width: 650px) {
 .book-root .book-reading-layout .book-pilot .essay-visual { grid-template-columns: 1fr !important; grid-auto-rows: auto; }
 .book-root .book-reading-layout .book-pilot .essay-visual figure a { min-height: 220px; }
 .book-root .book-reading-layout .book-pilot .essay-decisions { grid-template-columns: 1fr; gap: 16px; }
 .book-root .book-reading-layout .book-pilot .essay-item { grid-template-columns: 1fr; gap: 10px; }
 .book-root .book-reading-layout .book-pilot .essay-reading { columns: 1; }
}
/* Explicit measured rows avoid percentage-height fragmentation in Paged.js. */
.book-root .book-pilot .essay-page { grid-template-rows: 46mm calc(199mm - var(--essay-footer)) var(--essay-footer); }
.book-root .book-pilot .essay-visual { height: calc(199mm - var(--essay-footer)); align-self: start; }
.book-root .book-pilot .essay-footer { height: var(--essay-footer); }
.book-root .book-pilot .essay-item { padding: 3mm 0; }
.book-root .book-pilot .essay-item h3 { font-size: 18pt; line-height: 21pt; }
.book-root .book-pilot .essay-item > p:not(.essay-item-label) { font-size: 10pt; line-height: 13.5pt; }
.book-root .book-reading-layout .book-pilot .essay-page { grid-template-rows: auto minmax(400px,auto) auto; }
.book-root .book-reading-layout .book-pilot :is(.essay-visual,.essay-footer) { height: auto; }
.book-root .book-report-section .book-reference-entry { font: 400 10pt/13.5pt "Book Barlow",Arial,sans-serif; }
.book-root .book-reading-layout .book-content .book-cover > .book-label { color: #c4c4bb; }
.book-root .book-reading-layout .book-cover-credit { color: #b3b3aa !important; }
.book-root .essay-page .essay-footer { display: block !important; }
.book-root .book-pilot .essay-item .essay-item-label { display: flex; flex-direction: column; gap: 5mm; }
.book-root .book-pilot .essay-item .essay-item-label svg { width: 12mm; height: 12mm; color: #57574f; }
.book-root .book-statement .book-section-image img { object-position: center top; }
.book-root .book-statement .book-section-image figcaption { color: #bdbdb3; }
.book-root .book-statement > p:not(.book-label) { color: #e8e8df; }
/* Research becomes a visual plate with a short, cited reading beneath it. */
.book-root .book-editorial-page[data-visual-research] .book-editorial-header { height: 40mm; }
.book-root .book-editorial-page[data-visual-research] .book-report-visual .book-figure-drawing > svg { display: block; width: 100%; height: 108mm; object-fit: contain; }
.book-root .book-editorial-page[data-visual-research] .book-report-copy { font-size: 12pt; line-height: 16.5pt; }
.book-root .book-editorial-page[data-visual-research] .book-report-copy p + p { text-indent: 0; margin-top: 3mm; }
.book-root .book-editorial-page[data-visual-research] .book-report-visual .book-figure-drawing.book-html-drawing { min-height: 90mm; display: flex; flex-direction: column; justify-content: center; }
.book-root .book-reading-layout [data-visual-research] .book-figure-drawing > svg { max-height: 600px; }

.book-root .vd-hmw .vd-contrast .vd-serif { font-size:15pt; line-height:1.35; }
.book-root .vd-hmw .vd-trio .vd-word { font-size:13pt; }

/* Explanatory prose accompanies the image where the reader needs a causal link. */
.book-root .book-pilot .essay-page { grid-template-rows:var(--essay-heading,46mm) calc(245mm - var(--essay-heading,46mm) - var(--essay-footer)) var(--essay-footer); }
.book-root .book-pilot .essay-visual { height:calc(245mm - var(--essay-heading,46mm) - var(--essay-footer)); }
.book-root .book-pilot .essay-narrative .essay-reading { margin-top:0; font-size:11pt; line-height:15pt; }
.book-root .book-pilot .essay-narrative .essay-reading p + p { margin-top:3mm; }
.book-root .book-reading-layout .book-pilot .essay-page { grid-template-rows:auto minmax(400px,auto) auto; }
.book-root .book-reading-layout .book-pilot .essay-visual { height:auto; }

/* Chapter openings have room for the reasoning that connects the inquiry. */
.book-root .book-content .book-part .book-section-image-square img { height:96mm; }
.book-root .book-content .book-part .book-section-image-wide img { height:90mm; }
.book-root .book-part .book-prose p + p { margin-top:3mm; text-indent:0; }