/* Guide-only refinements: atlas layouts intentionally remain untouched. */
.reading .lesson{--guide-hairline:color-mix(in srgb,var(--ink) 12%,transparent)}
.reading .lesson .hero{border-color:var(--guide-hairline)}
.reading .lesson .hero-figure .photo{aspect-ratio:16/9;max-height:none;height:auto;border-radius:9px}
.reading .lesson .hero-manifesto .hero-figure .photo{aspect-ratio:16/9;max-height:none}
.reading .lesson .hero-figure .photo img{object-fit:contain}
.reading .lesson .uploaded-gallery .photo{aspect-ratio:var(--guide-media-ratio,16/9)}
.reading .lesson .uploaded-gallery img{width:100%;height:auto;object-fit:contain!important;border-radius:7px}
.reading .lesson .uploaded-gallery .photo img,.reading .lesson .uploaded-gallery .photo svg{height:100%;object-fit:contain}
.reading .lesson .photo:hover img,.reading .lesson .photo:hover svg{transform:none}
.reading .lesson .uploaded-gallery figcaption{font-size:.76rem;line-height:1.65;padding-top:.7rem;color:var(--muted)}
.reading .lesson .coverage-grid .photo{aspect-ratio:16/9}.reading .lesson .coverage-grid .photo img{object-fit:contain}
.reading .lesson .republic-shot-stage figure .photo{aspect-ratio:16/9;height:auto}.reading .lesson .republic-shot-stage figure .photo img{object-fit:contain}
.reading .lesson .dossier-profile .photo{aspect-ratio:2/3}.reading .lesson .dossier-profile .photo svg{height:100%}
.reading .lesson .step-shell{border-color:var(--guide-hairline)}
.reading .lesson [data-lab=storyboard] .ruler{display:block;position:relative;height:35px;flex:none}
.reading .lesson [data-lab=storyboard] .ruler span{position:absolute;flex:none;width:auto;white-space:nowrap;padding-left:6px;border-left:1px solid var(--guide-hairline)}
.reading .lesson [data-lab=storyboard] .shot-cell{flex:none;min-width:0}
.reading .lesson [data-lab=storyboard] .shot-cell .photo{aspect-ratio:16/9}.reading .lesson [data-lab=storyboard] .shot-cell .photo img{object-fit:contain}
.reading .lesson [data-lab=storyboard] .shot-cell p{font-size:.8rem;line-height:1.6}
.reading .lesson .hero-title h1{text-wrap:initial}.reading .lesson .hero-title p{max-width:52rem}
@media(prefers-reduced-motion:reduce){.reading .lesson,.reading .lesson *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}