/* Continuous mobile reading; desktop retains its camera presentation. */
.reading{display:none}
@media(max-width:900px){
 .reading{display:block;max-width:680px;margin:auto;padding-bottom:36px}
 #deck.reading-ready>.dk{display:none}
 .story>.st-pin{padding-top:28px;min-height:0}
 .reading-chapter{padding:40px 4px 18px;border-top:1px solid var(--line-2);font-size:30px;line-height:1.15;scroll-margin-top:88px}
 .reading-chapter:not(:first-child){margin-top:48px}
 .reading-step{padding:22px 0 30px;scroll-margin-top:88px}
 .reading-step+.reading-step{border-top:1px solid var(--line)}
 .reading-step h3{font-size:clamp(24px,5vw,30px);line-height:1.18;letter-spacing:-.025em;text-wrap:pretty}
 .reading-lead{margin:12px 0 20px;font-size:16px;line-height:1.6;text-wrap:pretty}
 .reading-figure{min-width:0;margin:0;background:var(--paper-2);border-radius:16px;padding:12px}
 .reading-figure>svg{width:100%;height:auto;max-height:none}
 .reading-note{margin:16px 0 0;font:400 12px/1.65 var(--num);overflow-wrap:anywhere;color:var(--mut)}
 .reading-note a,.reading-lead a{text-underline-offset:3px}
 .reading-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .reading :is(.bd-base,.bd-obs,.bd-err){grid-column:auto;min-width:0}
 .reading .bd-mbox{padding:5px;border-radius:8px}
 .reading .bd-map figcaption b{font-size:12px;white-space:normal}
 .reading .bd-map figcaption span{font-size:10px}
 .reading .bd-err .bd-leg{position:static;font-size:10px}
 .reading .bd-px,.reading .bd-10m{display:none}
 .reading .bd-ys{position:static;width:auto;margin:0;opacity:1;transform:none}
 .reading .bd-ys img{width:100%;height:auto;border-radius:8px}
 .reading-inputs{display:grid;gap:18px}
 .reading-inputs .bd-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-column:auto}
 .reading-inputs .bd-in{padding:10px 8px;gap:8px;min-width:0}
 .reading-inputs .bd-in i{width:28px;height:28px}
 .reading-inputs .bd-in b{font-size:13px}.reading-inputs .bd-in small{font-size:10px}
 .reading-inputs .bd-model{grid-column:auto;justify-self:center;width:85%}
 .reading-inputs .bd-base{width:160px;justify-self:center}
 .reading-pixels{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
 .reading .bd-zoom{position:static!important;width:auto!important;opacity:1;transform:none!important}
 .reading .bd-zoom .bd-mbox{box-shadow:var(--sh-1)}
 .reading .bd-zoom .bd-zgrid{inset:5px;width:calc(100% - 10px);height:calc(100% - 10px)}
 .reading-details{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}
 .reading-details summary{min-height:44px;align-content:center;font-weight:600;color:var(--teal-d);cursor:pointer}
 .reading-details svg{width:100%;height:auto;margin-top:14px}
 .reading-details p{font-size:13px;line-height:1.5}
 .reading-rolling{padding:0;background:none}
 .reading-rolling>.rg{padding:14px 12px;margin:0;min-width:0}
 .reading-rolling .rg-panes{display:block}
 .reading-rolling .rg>.foot{display:none}
 .reading-rolling[data-view=map] :is(.rg-right,.rg-cut),
 .reading-rolling[data-view=plan] :is(.rg-left,.rg-cut),
 .reading-rolling[data-view=cut] .rg-panes{display:none}
 .reading-rolling[data-view=cut] .rg-cut{margin:0;border:0;padding-top:0}
 .reading-role :is(.rg-ctrl,.rg-head,.rg-bars){display:none}
 .reading .rg-play,.reading .rg-pill,.reading .chip{min-height:44px}
 .reading .rg-play{min-width:44px}
 .reading .rg-ctrl{gap:10px}
 .reading .rg-ctrl select{min-height:44px;padding:8px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper-2);font:500 14px var(--sans)}
 .reading .rg-yrs{gap:8px;max-width:100%}
 .reading .rg-pills{display:flex;min-width:0}
 .reading .rg-pill{padding-inline:9px}
 .reading-cut-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
 /* Section dots remain a non-interactive reading progress indicator on phones. */
 .rail{pointer-events:none}
 .rail a{pointer-events:none}
}
@media(max-width:900px){
 .reading .bd-map figcaption{display:block;text-align:center}
 .reading .bd-map figcaption span{display:block;margin-top:5px}
 .reading .bd-zoom{visibility:visible}
}