/* The spine, journey and carried-forward spreads, set like the methodology spread before them: the page shells are
   sys-opener-left / sys-opener-right, the heading is the white Literata statement, each section opens with the short
   red rule and a white Barlow subhead, body copy is grey Barlow, lists are divided by fine rules (no boxes), and red
   Literata is kept for the one line that matters. Also the what / why / who / how blocks on each world opener. */

.book-root .book-content .stx-page p, .book-root .book-content .stx-page h3, .book-root .book-content .stx-page ol, .book-root .book-content .stx-page li, .book-root .book-content .stx-page figure, .book-root .book-content .stx-page figcaption { margin: 0; padding: 0; border: 0; text-indent: 0; font-style: normal; text-transform: none; letter-spacing: 0; list-style: none; }
.book-root .book-content .stx-page img { display: block; margin: 0; }
.book-root .book-content .stx-page .sys-opener-statement { width: 160mm; }
.book-root .book-content .stx-body { position: absolute; left: 22mm; right: 18mm; top: 62mm; color: #bdbdb8; font: 400 9.5pt/13.4pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-body-top { top: 24mm; }
.book-root .book-content .stx-page .sys-page-ref { margin-left: 1.6mm; color: var(--sys-accent, #ec3a30); font: 600 6.6pt/1 "Book Barlow", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.book-root .book-content .stx-page .sys-page-ref .book-toc-number { color: inherit; min-width: 0; font: inherit; }

/* Shared pieces, copied from the methodology blocks and stage list */
.book-root .book-content .stx-lead { max-width: 140mm; color: #bdbdb8; font: 400 9.5pt/13.4pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-sec { margin-bottom: 7mm; }
.book-root .book-content .stx-sec i { display: block; width: 6mm; height: .5mm; margin: 0 0 3mm; background: var(--sys-red); }
.book-root .book-content .stx-sec h3 { margin: 0 0 3mm; color: #fff; font: 600 11pt/14pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-sec p { max-width: 140mm; color: #bdbdb8; font: 400 9.5pt/13.4pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-page p.stx-belief { color: #ebebe8; font: 400 15pt/20pt "Book Literata", Georgia, serif; }
.book-root .book-content .stx-page p.stx-red { color: var(--sys-accent, #ec3a30); font: 400 13pt/17pt "Book Literata", Georgia, serif; }
.book-root .book-content .stx-sec p.stx-red { font-size: 16pt; line-height: 21pt; }
.book-root .book-content .stx-page .stx-serif { color: #ebebe8; font: 400 9.5pt/13pt "Book Literata", Georgia, serif; }
.book-root .book-content .stx-page .stx-white { color: #fff; }
.book-root .book-content .stx-list li { padding: 2.4mm 0 3.2mm; border-top: .25mm solid rgba(255,255,255,.18); }
.book-root .book-content .stx-item-head { margin-bottom: 1mm !important; color: #fff; font: 600 9pt/11.4pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-item-head b { margin-right: 2mm; color: var(--sys-accent, #ec3a30); }
.book-root .book-content .stx-item-head small { margin-left: 2mm; color: #8a8a84; font-size: inherit; font-weight: 400; }
.book-root .book-content .stx-lead-in { color: #fff; font-weight: 600; }
.book-root .book-content .stx-cols { display: grid; column-gap: 4.5mm; padding-bottom: 2mm; border-bottom: .25mm solid rgba(255,255,255,.35); }
.book-root .book-content .stx-cols p { color: #fff; font: 600 7.5pt/10pt "Book Barlow", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.book-root .book-content .stx-note { position: absolute; left: 0; right: 0; top: 186mm; color: #8a8a84; font: 400 7pt/9.4pt "Book Barlow", Arial, sans-serif; }

/* Spine */
.book-root .book-content .stx-spine-l .stx-body { top: 48mm; }
.book-root .book-content .stx-scale { position: absolute; left: 22mm; right: 18mm; bottom: 20mm; display: grid; grid-template-columns: repeat(5, 1fr); gap: 4.5mm; }
.book-root .book-content .stx-scale figure { display: grid; height: 46mm; margin-bottom: 2.4mm !important; overflow: hidden; }
.book-root .book-content .stx-scale figure.is-split { grid-template-rows: 1fr 1fr; gap: .8mm; }
.book-root .book-content .stx-scale img { width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.book-root .book-content .stx-scale li { padding-top: 0; border: 0; }
.book-root .book-content .stx-scale small { display: block; color: #8a8a84; font: 400 7.5pt/10pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-scale li:last-child .stx-item-head { color: var(--sys-accent, #ec3a30); }
.book-root .book-content .stx-hmws .stx-hmw { margin-bottom: 1.6mm !important; color: #ebebe8; font: 400 10pt/13.6pt "Book Literata", Georgia, serif; }
.book-root .book-content .stx-hmws p { font: 400 8.2pt/11.4pt "Book Barlow", Arial, sans-serif; color: #bdbdb8; }
.book-root .book-content .stx-hmws li:first-child .stx-hmw { color: #bdbdb8; }

/* Journey: both pages share one row geometry so each row reads across the gutter */
.book-root .book-content .stx-journey .stx-body { top: 84mm; }
.book-root .book-content .stx-journey-l .stx-lead { position: absolute; top: -26mm; left: 0; }
.book-root .book-content .stx-journey-l .stx-cols, .book-root .book-content .stx-journey-l .stx-journey-row { grid-template-columns: 26mm 34mm 1fr 1fr; }
.book-root .book-content .stx-journey-r .stx-cols, .book-root .book-content .stx-journey-r .stx-journey-row { grid-template-columns: 1fr 1fr 1fr; }
.book-root .book-content .stx-journey-row { display: grid; column-gap: 4.5mm; align-items: start; height: 34mm; box-sizing: border-box; padding: 3mm 0 !important; border-bottom: .25mm solid rgba(255,255,255,.18); font: 400 8.4pt/11.6pt "Book Barlow", Arial, sans-serif; color: #bdbdb8; }
.book-root .book-content .stx-thumb { width: 26mm; height: 26mm; object-fit: cover; }
.book-root .book-content .stx-name { color: #fff; font: 600 10pt/12.4pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-name b { margin-right: 1.6mm; color: var(--sys-accent, #ec3a30); }
.book-root .book-content .stx-name small { display: block; margin-top: .8mm; color: #8a8a84; font: 400 7.4pt/9.6pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-journey-row .sys-page-ref { display: block; margin: 1.4mm 0 0; }
.book-root .book-content .stx-next { color: #fff; }
.book-root .book-content .stx-next b { display: block; margin-bottom: 1mm; color: var(--sys-accent, #ec3a30); font-weight: 600; }

/* What carried forward */
.book-root .book-content .stx-advance-l .stx-lead { margin-bottom: 8mm; }
.book-root .book-content .stx-principle { display: grid; grid-template-columns: 34mm 1fr; column-gap: 6mm; padding: 3.4mm 0 4.4mm !important; }
.book-root .book-content .stx-principle p { font: 400 9pt/12.6pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-principle .stx-item-head { font-size: 10pt; }
.book-root .book-content .stx-now { margin-top: 1.8mm !important; color: #fff; }
.book-root .book-content .stx-now b { font-weight: 600; }
.book-root .book-content .stx-avatars { display: grid; align-content: start; gap: 2.4mm; }
.book-root .book-content .stx-avatars figure { display: grid; grid-template-columns: 12mm 1fr; align-items: center; gap: 2.4mm; }
.book-root .book-content .stx-avatars img { width: 12mm; height: 12mm; border-radius: 2mm; object-fit: cover; background: #000; }
.book-root .book-content .stx-avatars figcaption { color: #8a8a84; font: 400 7.2pt/9pt "Book Barlow", Arial, sans-serif; }

/* What I built: text on the left, then and now captures cropped to the part that changed */
.book-root .book-content .stx-advance-r .stx-sec { margin-bottom: 4mm; }
.book-root .book-content .stx-capability { display: grid; grid-template-columns: 58mm 1fr 1fr; column-gap: 4.5mm; padding: 3.4mm 0 3.8mm !important; border-top: .25mm solid rgba(255,255,255,.18); }
.book-root .book-content .stx-capability p { font: 400 8.2pt/11.4pt "Book Barlow", Arial, sans-serif; color: #bdbdb8; }
.book-root .book-content .stx-capability p + p { margin-top: 1.4mm !important; }
.book-root .book-content .stx-capability p.stx-white { color: #fff; }
.book-root .book-content .stx-capability .stx-item-head { font-size: 10pt; }
.book-root .book-content .stx-capability p.stx-cap-label { margin-top: 0 !important; color: var(--sys-accent, #ec3a30); font: 600 6.6pt/9pt "Book Barlow", Arial, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.book-root .book-content .stx-capability .sys-page-ref { display: block; margin: 1.4mm 0 0; }
.book-root .book-content .stx-capture img { width: 100%; height: 42mm; object-fit: cover; background: #000; }
.book-root .book-content .stx-capture figcaption { margin-top: 1.2mm !important; color: #8a8a84; font: 400 6.8pt/8.8pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-capture figcaption b { margin-right: 1mm; color: #fff; font-weight: 600; }
.book-root .book-content .stx-advance-r .stx-note { top: 252mm; }

/* World opener: what / why / who / how, set like the opener's own blocks */
.book-root .book-content .stx-ob { position: absolute; width: 70mm; }
.book-root .book-content .stx-ob h3 { margin: 0; color: #fff; font: 600 11pt/14pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-ob > i { display: block; width: 6mm; height: .5mm; margin: 1.6mm 0 3mm; background: var(--sys-red, #E10600); }
.book-root .book-content .stx-ob > p { margin: 0; color: #d6d6d1; font: 400 8.6pt/12pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-ob-what { left: 22mm; top: 26mm; }
.book-root .book-content .stx-ob-what > p:first-of-type { color: #fff; font: 400 11pt/15pt "Book Literata", Georgia, serif; }
.book-root .book-content .stx-ob > p.stx-status { margin-top: 2.4mm; color: #8a8a84; font: 400 7.4pt/10pt "Book Barlow", Arial, sans-serif; }
.book-root .book-content .stx-ob-why { left: 100mm; top: 66mm; }
.book-root .book-content .stx-ob-who { left: 22mm; top: 112mm; }
.book-root .book-content .stx-ob-how { left: 100mm; top: 150mm; }
.book-root .book-content .stx-ob-question { position: absolute; left: 22mm; top: 178mm; width: 70mm; }
.book-root .book-content .stx-ob-question p { margin: 0; }
.book-root .book-content .stx-ob-question p:first-child { margin-bottom: 2mm; color: #fff; font: 600 7.5pt/10pt "Book Barlow", Arial, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.book-root .book-content .stx-ob-question p:last-child { color: var(--sys-accent, #ec3a30); font: 400 13pt/17pt "Book Literata", Georgia, serif; }

/* Civic's opener is on its light, hazy ground; UNI keeps its blue. */
.book-root .book-content [data-book-section*="civic"] .stx-ob h3, .book-root .book-content [data-book-section*="civic"] .stx-ob-what > p:first-of-type, .book-root .book-content [data-book-section*="civic"] .stx-ob-question p:first-child { color: #25282C; }
.book-root .book-content [data-book-section*="civic"] .stx-ob > p { color: #4A4D52; }
.book-root .book-content [data-book-section*="civic"] .stx-ob > p.stx-status { color: #6C6F74; }
.book-root .book-content [data-book-section*="civic"] .stx-ob-question p:last-child { color: #8C72E8; }
.book-root .book-content [data-book-section*="growth"] .stx-ob > i { background: #1F4DFF; }
.book-root .book-content [data-book-section*="growth"] .stx-ob-question p:last-child { color: #6F8BFF; }

/* The scrolling reader has no fixed pages. */
.book-root .book-reading-layout .stx-body, .book-root .book-reading-layout .stx-scale, .book-root .book-reading-layout .stx-note { position: static; padding: 0 24px; margin-bottom: 24px; }

/* Tickers spread titles in white like the other chapters; the green rule beneath stays. */
.book-root .book-content .jr-world-tickers .jr-title { color: #F5F5F5; }