/* Existing seven-section index notebook; individual source records remain linked in place. */
:root{color-scheme:dark;--white:#fff;--black:#000;--line:#a9a9a9;--muted:#d8d8d8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,audio:focus-visible{outline:3px solid #fff;outline-offset:3px}
h1,h2,h3,p,figure{margin-top:0}
.skip-link{position:absolute;left:-1000px;top:4px;background:#fff;color:#000;padding:9px;z-index:20}
.skip-link:focus{left:10px}
.notebook-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:13px max(18px,calc((100vw - 1040px)/2));background:#000;border-bottom:1px solid #888}
.notebook-nav .brand{font-size:12px;font-weight:900;white-space:nowrap}
.notebook-nav-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.notebook-nav-links a{font-size:11px;letter-spacing:.045em;font-weight:800}
main{max-width:1040px;margin:0 auto;padding:0 20px 65px}
header,section{scroll-margin-top:110px}
.notebook-hero{padding:clamp(35px,7vw,75px) 4px 37px;border-bottom:2px solid #fff}
.kicker,.topic-index{font-size:11px;letter-spacing:.12em;font-weight:800;color:#ddd}
.notebook-hero h1{max-width:940px;font-size:clamp(30px,5vw,60px);line-height:1.12;letter-spacing:-.035em;margin-bottom:22px}
.notebook-hero h1 em{display:block;font-style:normal}
.hero-statement{max-width:870px;font-size:clamp(16px,2vw,20px);line-height:1.7}
.notebook-audio,.notebook-quotes,.notebook-topic{padding:clamp(25px,5vw,45px) 4px;border-bottom:1px solid var(--line)}
.notebook-audio h2,.notebook-quotes h2,.notebook-topic h2{font-size:clamp(22px,3vw,33px);line-height:1.2;letter-spacing:-.02em;margin:0 0 21px}
.audio-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.audio-card{min-width:0;padding:18px;border:1px solid #aaa}
.audio-card h3{font-size:13px;line-height:1.5;margin-bottom:13px}
.audio-card audio{width:100%;display:block;margin-bottom:12px}
.audio-card a{font-size:12px;font-weight:750}
.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quote-grid figure{min-width:0;margin:0;padding:21px 18px;border:1px solid #aaa;display:flex;flex-direction:column;gap:17px}
.quote-grid blockquote{font-size:clamp(17px,1.9vw,20px);font-weight:750;line-height:1.55;margin:0}
.quote-grid .quote-bowers blockquote+blockquote{padding-top:16px;border-top:1px solid #aaa}
.quote-grid figcaption{font-size:11px;letter-spacing:.055em;font-weight:750;margin-top:auto}
.notebook-topic>p:not(.topic-index):not(.source-links){font-size:clamp(16px,1.85vw,18px);max-width:900px}
.notebook-topic .topic-index{margin:0 0 7px}
.source-image{margin:22px 0 18px;max-width:780px;border:1px solid #888;padding:10px}
.source-image a{display:block}
.source-image img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;object-position:top;background:#fff}
.source-image figcaption{font-size:11px;font-weight:750;letter-spacing:.05em;padding:10px 4px 2px}
.source-links{display:flex;gap:12px 22px;flex-wrap:wrap;margin-top:17px!important}
.source-links a{font-weight:750;font-size:13px;line-height:1.5}
.lucy-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:900px}
.lucy-sources .source-image{margin:10px 0 0}
.notebook-lucy{border-bottom:0}
.notebook-footer{border-top:1px solid #aaa;text-align:center;padding:20px;font-size:11px;letter-spacing:.06em;font-weight:800}
@media(max-width:750px){.notebook-nav{padding:12px 16px}.notebook-nav-links{overflow-x:auto;flex-wrap:nowrap;width:100%;white-space:nowrap;padding-bottom:4px}.audio-pair,.quote-grid,.lucy-sources{grid-template-columns:1fr}.quote-grid{gap:10px}.quote-grid figure{padding:18px}.source-image img{max-height:390px}header,section{scroll-margin-top:123px}}
@media print{.notebook-nav,.skip-link{display:none!important}body{background:#fff;color:#000}a{color:#000}header,section{break-inside:avoid}.audio-card,.quote-grid figure,.source-image{border-color:#000}.notebook-footer{border-color:#000}main{padding:0 12px}.source-image img{max-height:350px}}

/* Compact source-backed additions within existing index sections. */
.official-photo{display:block;width:96px;height:96px;object-fit:cover;object-position:center top;border:1px solid #888;filter:grayscale(100%);background:#fff}
.quote-teichman .official-photo{margin:0}
.compact-official{display:flex;align-items:center;gap:14px;margin:12px 0 22px;max-width:700px;border-left:2px solid #aaa;padding:4px 0 4px 14px}
.compact-official figcaption{font-size:13px;line-height:1.55;max-width:500px}
.compact-source-note{font-size:14px!important;line-height:1.65;max-width:900px;padding:10px 14px;border-left:2px solid #aaa}
.compact-source-note a{font-weight:750}
.compact-sanders-evidence{max-width:640px;margin:16px 0 18px}
.compact-sanders-evidence img{max-height:240px;object-position:left top}
@media(max-width:480px){.compact-official{align-items:flex-start}.official-photo{width:76px;height:86px;flex:none}.compact-official figcaption{font-size:12px}}

.compact-official .official-role{display:block;margin-top:5px;line-height:1.55;font-weight:400}

/* Seven numbered first-person claims; existing index/evidence stays unchanged. */
.hero-sequence{counter-reset:case-stage;list-style:none;max-width:900px;margin:0 0 26px;padding:0}
.hero-sequence li{counter-increment:case-stage;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:12px;align-items:start;border-bottom:1px solid rgba(255,255,255,.27);padding:12px 1px;font-size:clamp(16px,2vw,20px);line-height:1.55}
.hero-sequence li:first-child{border-top:1px solid rgba(255,255,255,.27)}
.hero-sequence li::before{content:counter(case-stage,decimal-leading-zero);font-size:.94em;font-weight:800;letter-spacing:.08em;color:#e0e0e0}
@media(max-width:750px){.hero-sequence li{grid-template-columns:2.65rem minmax(0,1fr);gap:9px;padding:11px 0;line-height:1.47}}

/* FST source wording readable without requiring the thumbnail to be enlarged. */
.fst-primary-passage{font-size:clamp(17px,2.1vw,21px);line-height:1.48;font-weight:650;max-width:900px;margin:17px 4px 14px}
.fst-primary-passage strong{display:block;font-size:12px;line-height:1.5;letter-spacing:.04em;margin-bottom:7px}

/* Section 07: two existing official portraits, side by side without changing evidence or neighboring panels. */
#chronology-07 .chronology-official-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:12px 0 22px}
#chronology-07 .chronology-official-pair .compact-official{margin:0;min-width:0;max-width:none}
@media(max-width:700px){#chronology-07 .chronology-official-pair{grid-template-columns:1fr}}