/* Phone reading layout; desktop Story retains its approved composition. */
.story-chapter-picker{display:none}
@media(max-width:760px){
 html:has(body.story-page){scroll-padding-top:0}
 .story-page .prologue-copy{top:24px;left:24px;right:24px}
 .story-page .prologue-copy h1{font-size:2.5rem;line-height:1.12;margin:0 0 18px}
 .story-page .prologue-copy p{font-size:1.125rem;line-height:1.6}
 .story-page .prologue-copy a{margin-top:16px;font-size:1rem;min-height:44px}
 .story-page .story-prologue-stage{min-height:520px;height:100svh}
 .story-page.story-static .story-prologue-stage{min-height:0;height:auto;padding:24px 24px 32px}
 .story-page.story-static .prologue-copy{inset:auto}
 .story-page .chapter-nav{padding:4px 20px;display:block}
 .story-page .chapter-links{display:none}
 .story-chapter-picker{display:flex;align-items:center;gap:12px}
 .story-chapter-picker label{font:400 .875rem/1.4 var(--sans);color:var(--mint)}
 .story-chapter-picker select{flex:1;min-width:0;min-height:44px;padding:8px 4px;font:400 1rem/1.4 var(--sans);color:var(--cream);background:var(--night);border:0;border-radius:0}
 .story-page :is(section[id],.ct[id]){scroll-margin-top:108px}
 .story-page.story-thread .scene,.story-page.story-thread .scene:nth-of-type(even){padding:24px 20px}
 .story-page.story-thread .scene>*{margin-left:12px!important;max-width:calc(100% - 12px)!important}
 .story-page.story-thread .scene-heading{font-size:1.625rem;line-height:1.2;margin-bottom:18px}
 .story-page.story-thread .scene-heading::before{left:-19px}
 .story-page.story-thread .scene .scene-body,.story-page.story-thread .record-depth-body>.scene-body{font-size:1.125rem;line-height:1.65}
 .story-page.story-thread .scene .scene-date{font-size:1rem;line-height:1.5;text-align:left;margin-top:0;margin-bottom:22px;text-wrap:pretty}
 .story-page.story-thread .record-disclosure-title{font-size:1.125rem}
 .story-page.story-thread .record-quote{font-size:1.375rem;line-height:1.5}
 .story-page.story-thread :is(.source-badge,.record-quote .source,.tiny-source,.stat-source,.timeline-ref){font-size:1rem!important;line-height:1.5}
 .story-page.story-thread .cta-row{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-block:0}
 .story-page.story-thread .cta-row .cta-link{display:flex;align-items:center;justify-content:flex-start;text-align:left;min-height:44px;padding:8px 0;background:none;color:inherit;font:400 1rem/1.5 var(--sans);text-decoration:underline;text-underline-offset:4px;border:0;white-space:normal}
 .story-page .story-coda{padding:24px 24px}
 .story-page .story-coda blockquote{font-size:1.625rem;line-height:1.4}
 .story-page .story-coda p{font-size:1rem}
 .story-page .boston-title{font-size:2rem}
}

@media(max-width:760px){
 .story-page .photo-passage.finish .passage-date{top:calc(var(--story-header-height) + 65px);left:24px;right:24px;font-size:.875rem;line-height:1.4}
 .story-page .photo-passage.finish figcaption{font-size:1.25rem;line-height:1.25;bottom:16px}
 .story-page .photo-passage.finish figcaption small{font-size:.875rem;line-height:1.4;margin-top:8px}
}


@media(max-width:760px) and (orientation:landscape){
 .story-page .photo-passage.finish .passage-photo{left:24px!important;right:46%!important}
 .story-page .photo-passage.finish figcaption{left:58%;right:24px;bottom:32px}
}


/* Keep desktop closing links and photo captions on Story's reading edge. */
@media(min-width:761px){
 .story-page.story-thread .scene:has(.cta-row){padding-top:20px;padding-bottom:12px}
 .story-page.story-thread .scene:has(.cta-row) .scene-heading{font-size:2.25rem;line-height:1.2;margin-bottom:12px}
 .story-page.story-thread .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px;margin-block:0}
 .story-page.story-thread .cta-row .cta-link{display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;padding:8px 0;background:none;color:inherit;border:0;font:400 1.125rem/1.5 var(--sans);text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
 .story-page.story-thread .story-coda{padding:20px max(24px,calc((100% - var(--flow-width))/2)) 24px}
 .story-page.story-thread .story-coda>div{margin:0 0 0 32px;max-width:calc(100% - 32px)}
 .story-page.story-thread .story-coda blockquote{font-size:2rem;line-height:1.4}
 .story-page.story-thread .story-coda cite{margin-top:12px}
 .story-page.story-thread .story-coda p{margin-top:16px}
 .story-page.story-thread .photo-passage.finish .passage-stage :is(.passage-date,figcaption){left:calc(max(24px,(100% - var(--flow-width))/2) + 32px);right:auto;width:calc(min(var(--flow-width),100% - 48px) - 32px);max-width:none;text-align:left}
 .story-page.story-thread .photo-passage.finish .passage-stage .passage-date{top:calc(var(--story-header-height) + 84px);width:max-content;max-width:calc(min(var(--flow-width),100% - 48px) - 32px);padding:3px 10px 3px 0;background:var(--night)}
 .story-page.story-thread .photo-passage.finish .passage-stage figcaption{bottom:40px;font-size:clamp(2rem,3vw,2.5rem);line-height:1.25}
 .story-page.story-thread .photo-passage.finish .passage-stage figcaption small{margin-top:12px}
 .story-page.story-thread.story-static .photo-passage.finish .passage-stage :is(.passage-date,figcaption){inset:auto;width:auto;padding-inline:calc(max(24px,(100% - var(--flow-width))/2) + 32px)}
}