/* Selected Story design B: shared reading rhythm and connected evidence. */
.story-page.story-thread{--flow-width:800px;--flow-ink:var(--cream);--flow-note:var(--mint);--flow-line:#c5e8d135}
.story-page.story-thread .scene,.story-page.story-thread .scene:nth-of-type(even){padding:32px max(24px,calc((100vw - var(--flow-width))/2));border:0}
.story-page.story-thread .scene-heading{font-size:clamp(2.5rem,4vw,3.4rem);margin-bottom:24px}
.story-page.story-thread .scene .scene-body{max-width:65ch}
.story-page.story-thread .record-quote{font-size:clamp(1.6rem,2.5vw,2rem);line-height:1.5;margin-block:28px}
.story-page.story-thread :is(.source-badge,.record-quote .source,.tiny-source,.stat-source,.timeline-ref,.ct .ct-source){border:0;padding:0;font-size:1.125rem!important}
.story-page.story-thread :is(.stat-grid,.lab-grid,.labs-grid){background:none;border:0;box-shadow:none;padding:0;gap:24px;margin-block:28px}
.story-page.story-thread :is(.stat-card,.stat-item,.lab-card){background:none;border:0;box-shadow:none;padding:0}
.story-page.story-thread :is(.stat-value,.stat-number,.lab-value){font-size:2rem}
.story-page.story-thread .stat-source{margin-top:8px}
.story-page.story-thread :is(details.explainer,details.record-depth){background:none;border:0;border-radius:0;box-shadow:none;color:inherit}
.story-page.story-thread details.record-depth{max-width:var(--flow-width);width:calc(100% - 48px);margin:12px auto 20px}
.story-page.story-thread .scene details.record-depth{width:100%;margin:20px 0}
.story-page.story-thread :is(details.explainer,details.record-depth)>summary{min-height:60px;padding:10px 0;gap:20px;justify-content:flex-start;transition:color .2s}
.story-page.story-thread .record-disclosure-title{font:400 1.25rem/1.5 Lora,Georgia,serif;max-width:none;text-decoration:underline;text-decoration-color:var(--flow-line);text-underline-offset:7px;text-decoration-thickness:1px}
.story-page.story-thread .record-toggle{width:28px;height:28px;border:0;margin-left:0;order:-1;align-self:flex-start}
.story-page.story-thread .record-toggle::before,.story-page.story-thread .record-toggle::after{left:6px;right:6px;top:13px;height:1px}
.story-page.story-thread :is(details.explainer,details.record-depth)>summary:hover{background:none;color:var(--flow-note)}
.story-page.story-thread :is(details.explainer,details.record-depth)>summary:hover .record-toggle{background:none;color:inherit;transform:none}
.story-page.story-thread :is(details.explainer,details.record-depth)>.explainer-content,.story-page.story-thread details.record-depth>.record-depth-body{padding:10px 0 20px;border:0}
.story-page.story-thread .timeline{border-left:1px solid var(--flow-line);margin-block:28px}
.story-page.story-thread .timeline-item{padding-bottom:28px}
.story-page.story-thread .timeline-item::before{width:5px;height:5px;left:-3px;box-shadow:none}
.story-page.story-thread .icp-monitor{width:100%;max-width:100%;border:0;padding:12px 0;background:none}
.story-page.story-thread .skull-scan{max-width:calc(var(--flow-width) + 48px);margin-block:20px 28px}
.story-page.story-thread .ct{--ct-night:var(--flow-ink);--ct-sage:var(--flow-note);--ct-cream:var(--night);background:none;color:var(--flow-ink);padding:24px 0;margin:28px 0;border:0}
.story-page.story-thread .ct :is(h3,h4){color:inherit}
.story-page.story-thread .ct-track{display:flex;overflow:auto;gap:8px;border:0;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--flow-note) transparent}
.story-page.story-thread .ct-track button{flex:0 0 112px;border:0;border-radius:40px;height:80px;min-height:80px;color:inherit;white-space:nowrap}
.story-page.story-thread .ct-track button[aria-pressed=true]{background:var(--flow-note);color:var(--night)}
.story-page.story-thread .ct-entry{border:0;gap:28px;padding-block:20px;background:transparent!important}
.story-page.story-thread .ct-estimate{background:none;border:0;padding:0}
.story-page.story-thread .ct-disclaimer{border:0;margin-top:16px}
.story-page.story-thread .ct .ct-source{color:var(--flow-note)!important}
.story-page.story-thread :is(.scene--cream,.scene--awakening){--flow-ink:var(--night);--flow-note:var(--sage);--flow-line:#355d5140}
.story-page.story-thread .scene--cream .record-toggle,.story-page.story-thread .scene--awakening .record-toggle{color:var(--sage)}
/* B: one quiet line connects the prose and evidence through each scene. */
.story-page.story-thread{--flow-width:820px}
.story-page.story-thread .scene{position:relative;background-image:linear-gradient(var(--flow-line),var(--flow-line));background-size:1px 100%;background-repeat:no-repeat;background-position:max(24px,calc((100vw - 820px)/2)) 0}
.story-page.story-thread .scene>*{margin-left:32px!important;max-width:calc(100% - 32px)!important}
.story-page.story-thread .scene-heading{position:relative}
.story-page.story-thread .scene-heading::before{content:'';position:absolute;width:7px;height:7px;background:var(--flow-note);border-radius:50%;left:-35px;top:.5em}
.story-page.story-thread .record-quote{padding-left:24px;font-style:italic}
.story-page.story-thread :is(details.explainer,details.record-depth)>summary{padding-left:0;gap:12px;align-items:flex-start}
.story-page.story-thread .record-disclosure-title{text-decoration:none}
.story-page.story-thread :is(details.explainer,details.record-depth)[open]{background:#c5e8d108;border-radius:16px}
.story-page.story-thread :is(details.explainer,details.record-depth)>.explainer-content,.story-page.story-thread details.record-depth>.record-depth-body{padding:8px 16px 24px}
.story-page.story-thread .scene .stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.story-page.story-thread .stat-grid>.stat-card{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 12px;align-content:start;align-items:baseline}
.story-page.story-thread .stat-grid>.stat-card .stat-number{margin:0;line-height:1.2}
.story-page.story-thread .stat-grid>.stat-card .stat-source{grid-column:1/-1}
.story-page.story-thread .record-quote .source{margin-top:4px;text-align:right}
.story-page.story-thread :is(#the-night,#life-now)>.source-badge{text-align:right}
.story-page.story-thread #fracture-section .xray-viewer{background:transparent;border:0;box-shadow:none}
.story-page.story-thread #fracture-section .xray-caption{font:400 1.125rem/1.65 Lora,Georgia,serif!important;color:var(--cream)!important;opacity:1;text-align:center;margin:16px auto;max-width:65ch}
.story-page.story-thread .awakening-reference{font:italic 400 1rem/1.6 Georgia,serif!important;color:var(--sage);text-align:right;margin-top:12px;max-width:none;width:100%}
.story-page.story-thread .record-quote{font-size:clamp(1.5rem,2.3vw,1.75rem);text-align:right}
.story-page.story-thread :is(.source-badge,.record-quote .source,.tiny-source,.stat-source,.timeline-ref,.ct .ct-source,.icp-note){font-size:1rem!important}
.story-page.story-thread :is(.scene .scene-date,.timeline-date,.ct .ct-date){text-align:right}
.story-page.story-thread .timeline::before,.story-page.story-thread .timeline-entry::before{content:none}
.story-page.story-thread .timeline-entry{padding-left:0}
.story-page.story-thread .timeline-ref{text-align:right;margin-top:4px}
.story-page.story-thread .timeline-text em{font-size:1.125rem}
.story-page.story-thread .timeline-text:has(em){text-align:right}
.story-page.story-thread .ct .ct-record blockquote{margin-bottom:4px}
.story-page.story-thread .ct .ct-record blockquote{font-size:1.5rem;text-align:right}
.story-page.story-thread .ct .ct-record .ct-source{margin-top:0;text-align:right}
.story-page.story-thread .timeline{border:0;padding-left:0}
.story-page.story-thread .timeline-item::before{content:none}
.story-page.story-thread .photo-passage.hands{background:var(--night)}
@media(max-width:760px){
 .story-page.story-thread .scene,.story-page.story-thread .scene:nth-of-type(even){padding-block:26px}
 .story-page.story-thread .record-disclosure-title{font-size:1.125rem}
 .story-page.story-thread :is(.stat-grid,.lab-grid,.labs-grid){gap:20px}
 .story-page.story-thread .stat-grid{display:grid;grid-template-columns:1fr!important}
 .story-page.story-thread .ct-entry{grid-template-columns:1fr}
 .story-page.story-thread .ct-estimate{padding:8px 0 0;border:0}
 .story-page.story-thread .ct-track button{flex-basis:104px}
 .story-page.story-thread .scene{background-position:16px 0}
 .story-page.story-thread .scene>*{margin-left:12px!important;max-width:calc(100% - 12px)!important}
 .story-page.story-thread .scene-heading::before{left:-23px}
 .story-page.story-thread .record-quote{padding-left:0}
}
@media(prefers-reduced-motion:reduce){.story-page.story-thread summary,.story-page.story-thread .record-toggle{transition:none!important}}
/* One thread, including elements that sit between narrative sections. */
.story-page.story-thread .story-thread-run{display:block;position:relative;isolation:isolate}
.story-page.story-thread .story-thread-run::before{content:'';position:absolute;z-index:1;left:max(24px,calc((100% - 820px)/2));top:0;bottom:0;width:1px;background:#779a8b55;pointer-events:none}
.story-page.story-thread .scene,.story-page.story-thread .scene:nth-of-type(even){padding-inline:max(24px,calc((100% - 820px)/2))}
.story-page.story-thread .scene{background-image:none}
.story-page.story-thread .story-thread-run>.record-depth{box-sizing:border-box;width:calc(100% - 48px);max-width:820px;margin:0 auto;padding:0 0 12px 32px}
.story-page.story-thread .scene:has(+details.record-depth){padding-bottom:0}
.story-page.story-thread .scene .explainer{margin-top:16px;margin-bottom:0}
.story-page.story-thread .story-thread-run>details.record-depth+section.scene{padding-top:24px}
.story-page.story-thread .story-thread-run>.record-depth[open]{background:none}
.story-page.story-thread .scene .scene-date{font:italic 400 1.125rem/1.6 Lora,Georgia,serif;color:var(--flow-note);margin-top:-10px;margin-bottom:26px}
.story-page.story-thread .story-thread-run>.skull-scan{box-sizing:border-box;width:calc(100% - 48px);max-width:820px;padding:12px 0 12px 32px;margin:0 auto}
.story-page.story-thread .skull-scan figcaption{display:block;text-align:center;justify-content:center;margin:10px 0 16px}
.story-page.story-thread .icp-monitor{display:grid;grid-template-columns:108px minmax(0,1fr);grid-template-areas:'reading heading' 'reading source';column-gap:24px;align-content:center;background:none!important;box-shadow:none;border:0;border-radius:0;max-width:100%;padding:16px 0;margin-block:20px;scroll-margin-top:160px}
.story-page.story-thread .icp-header{grid-area:heading;align-self:end;margin:0;font:400 1.25rem/1.5 Lora,Georgia,serif!important;color:var(--flow-ink)}
.story-page.story-thread .icp-reading{grid-area:reading;align-self:center;border:0;padding:0;text-align:left;color:var(--flow-note)!important;font:400 3.5rem/1 var(--serif)}
.story-page.story-thread .icp-reading .icp-unit{display:block;margin-top:4px;font:400 1.125rem/1.4 var(--sans)!important}
.story-page.story-thread .icp-note{grid-area:source;border:0;padding:0;text-align:left;margin-top:6px;font:italic 400 1.125rem/1.6 Georgia,serif!important;color:var(--flow-note)}
.story-page.story-thread .record-depth-body>.scene-body{font:400 1.25rem/1.7 Lora,Georgia,serif}
@media(max-width:760px){
 .story-page.story-thread .story-thread-run::before{left:16px}
 .story-page.story-thread .story-thread-run>.record-depth{padding-left:12px}
 .story-page.story-thread .story-thread-run>.skull-scan{padding-left:12px}
 .story-page.story-thread .scene:has(+details.record-depth){padding-bottom:0}
 .story-page.story-thread .icp-monitor{grid-template-columns:72px minmax(0,1fr);column-gap:16px}
 .story-page.story-thread .icp-reading{font-size:3rem}
 .story-page.story-thread .icp-header{font-size:1.125rem!important}
}