/* A fixed phone workspace; desktop reader styling remains unchanged. */
@media(max-width:767px){
 body.phone-reader{overflow:hidden;overscroll-behavior:none}
 .phone-reader .masthead,.phone-reader .site-footer{display:none}
 .phone-reader .reader-stage{position:fixed;inset:0;z-index:10000;height:var(--reader-viewport,100dvh);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#fffaf3;overflow:hidden;overscroll-behavior:none}
 .phone-reader .reader-heading{flex:none;margin:0;min-height:34px;gap:10px}
 .phone-reader .reader-heading a{min-height:34px;display:flex;align-items:center;font-size:11px;margin:0}
 .phone-reader .reader-toolbar{flex:none;min-height:0;margin:0;padding:0;display:flex;justify-content:flex-end}
 .phone-reader .reader-toolbar:has(>.favorite-toggle){margin-top:-2px}
 .phone-reader .reader-toolbar .favorite-toggle{min-height:30px;padding:4px 12px;font-size:11px}
 .phone-reader .reader-toolbar .fullscreen-toggle,.phone-reader .reader-orientation-hint{display:none!important}
 .phone-reader .book{flex:1 1 0;min-height:0;max-height:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--phone-image-height,28%) minmax(0,1fr);width:100%;margin:0;border-radius:14px;touch-action:pan-y pinch-zoom}
 .phone-reader .illustration{min-height:0;overflow:hidden;justify-content:center}
 .phone-reader .illustration img{height:100%;width:100%;max-height:100%;object-fit:contain}
 .phone-reader .page-copy,.phone-reader[data-book-id="luke-fork"] .page-copy,.phone-reader .is-cover .page-copy{padding:8px 12px 22px;min-height:0;display:block;overflow:auto;overscroll-behavior:contain;background:none;border-left:0}
 .phone-reader .page-copy::before,.phone-reader .page-copy::after,.phone-reader .illustration::before,.phone-reader .illustration::after{display:none}
 .phone-reader .story-text{font-size:var(--phone-story-size,15px);line-height:1.38;text-align:center;margin:0}
 .phone-reader .story-text br{margin:0}
 .phone-reader .story-page-title{font-size:18px;margin:0 0 8px;line-height:1.2}
 .phone-reader .story-prompt{margin:8px 0 0;padding-top:6px;font-size:12px;line-height:1.35}
 .phone-reader .story-prompt span{font-size:9px}
 .phone-reader .printed-page{bottom:5px;position:sticky;display:block;margin:5px 0 -16px;font-size:9px;background:#fffaf3}
 .phone-reader .book h1{font-size:25px;line-height:1.15;margin:8px 0}
 .phone-reader .book-eyebrow{font-size:8px;margin:0}
 .phone-reader .cover-tagline{font-size:14px;line-height:1.4;margin:8px 0}
 .phone-reader .cover-stars{margin-top:5px;display:block;text-align:center}
 .phone-reader .narration-panel{flex:none;width:100%;margin:0;padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;border-radius:16px}
 .phone-reader .narration-play{grid-column:1/-1;justify-self:center;margin:0;min-height:38px;padding:7px 18px;font-size:14px}
 .phone-reader .narration-panel audio{grid-column:1/-1;width:100%;height:36px;max-width:100%}
 .phone-reader .narration-auto{font-size:11px;line-height:1.2;gap:5px;min-height:32px;justify-content:center}
 .phone-reader .narration-auto input{width:18px;height:18px;flex:none;margin:0}
 .phone-reader .narration-status{grid-column:1/-1;font-size:11px;line-height:1.25}
 .phone-reader .reader-controls{flex:none;width:100%;margin:0;gap:6px;align-items:center;padding:0;background:#fffaf3;position:static}
 .phone-reader .reader-controls button{font-size:12px;padding:10px 12px;min-width:0;min-height:42px;white-space:normal}
 .phone-reader .page-picker{gap:2px;flex:none}
 .phone-reader .page-picker label{font-size:9px}
 .phone-reader .page-picker select{min-height:34px;font-size:12px;padding:5px 9px;max-width:128px}
 .phone-reader #page-status{font-size:9px}
 .phone-reader .reader-hint{flex:none;font-size:9px;line-height:1.25;margin:0;text-align:center}
 .phone-reader .reader-related{flex:none;margin:0;text-align:center;font-size:10px;line-height:1.3}
 .phone-reader .reader-related a{display:inline-block;padding:4px 0}
 .phone-reader .turning-leaf{display:none}
}
@media(max-width:767px){.phone-reader .reader-heading .favorite-toggle{margin:0 0 0 auto;min-height:30px;padding:4px 9px;font-size:10px}.phone-reader .reader-heading{justify-content:initial}.phone-reader .reader-heading .back-link{margin-right:auto}.phone-reader .reader-toolbar:empty{display:none}.phone-reader .reader-toolbar{display:none}.phone-reader .illustration img{object-fit:contain;object-position:center}.phone-reader .is-cover .illustration img{object-fit:contain}}

.narration-details{display:contents}.narration-heading{display:none}
@media(max-width:767px){
 .phone-reader .reader-heading a[download]{display:none}
 .phone-reader .narration-heading{display:flex;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
 .phone-reader .narration-heading button{font:inherit;font-size:11px;min-height:32px;border:1px solid #d9a9ba;border-radius:18px;background:#fff7f5;color:#7b3654;padding:5px 12px;cursor:pointer}
 .phone-reader .narration-caption,.phone-reader .narration-mini-play{display:none}
 .phone-reader .narration-panel.is-minimized{display:block;padding:5px 10px}
 .phone-reader .is-minimized .narration-details{display:none}
 .phone-reader .is-minimized .narration-caption{display:block;flex:1;font-size:12px;color:#7b3654}
 .phone-reader .is-minimized .narration-mini-play{display:block}
 .phone-reader .controls-minimized .story-text{line-height:1.6}
 .phone-reader .controls-minimized .page-copy{display:flex;justify-content:center;flex-direction:column}
}

@media screen{
.tablet-reader .narration-heading{display:flex;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;min-width:0}
 .tablet-reader .narration-heading button{font:inherit;font-size:11px;min-height:32px;border:1px solid #d9a9ba;border-radius:18px;background:#fff7f5;color:#7b3654;padding:5px 12px;cursor:pointer}
 .tablet-reader .narration-caption,.tablet-reader .narration-mini-play{display:none}
 .tablet-reader .narration-panel.is-minimized{display:block;padding:5px 10px}
 .tablet-reader .is-minimized .narration-details{display:none}
 .tablet-reader .is-minimized .narration-caption{display:block;flex:1;font-size:12px;color:#7b3654}
 .tablet-reader .is-minimized .narration-mini-play{display:block}
 .tablet-reader .controls-minimized .story-text{line-height:1.6}
 .tablet-reader .controls-minimized .page-copy{display:flex;justify-content:center;flex-direction:column}
}