@media(max-width:800px){.sideNote{display:none}.stage{min-height:calc(100dvh - 146px);padding:2px 14px}.paper{height:min(730px,calc(100dvh - 160px))}.topbar{height:66px}.bookWrap{width:min(520px,100%)}.underTitle{display:none}}@media(max-width:520px){.topbar{padding:0 16px;height:59px}.brand{font-size:9px;letter-spacing:.15em}.brandmark{margin-right:4px}.topButton{font-size:16px;border:0;padding:8px}.topButton span{display:none}.topActions{gap:0}.stage{min-height:calc(100dvh - 124px);padding:0 11px}.paper{height:calc(100dvh - 142px);min-height:400px}.pageInner{padding:29px 29px 39px}.pageHead{margin-bottom:18px}.pageContent p{font-size:12px;line-height:1.82;margin-bottom:12px}.coverTitle{font-size:clamp(32px,9vw,46px)}.coverPage{padding:44px 28px}.coverSymbol{margin:18px 0}.echoPage blockquote{font-size:clamp(13px,3.8vw,17px)}.poemPage .poem{font-size:14px;line-height:1.85}.readerFooter{padding:9px 10px 12px;gap:6px}.navButton{font-size:12px;padding:8px}.progressArea{width:48vw;gap:8px}.pageCounter{font-size:10px}}

/* Fixed story pages; allow the smaller viewport to read the full page without clipping. */
@media(max-width:800px){.paper .pageContent{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.paper .pageContent .echoPage,.paper .pageContent .poemPage{height:auto;min-height:100%}.paper .pageContent .echoPage{overflow:visible}}

.paper .pageContent{overflow:hidden!important;}