.reading-mobile-title{display:none}
.reading-options-toggle,.reading-control-group{display:none}
#status[hidden],.meter[hidden],.reading-options-body[hidden]{display:none!important}
@media(max-width:820px){
 .layout>.reading-mobile-title{display:block;order:0;background:var(--paper,#fffdf7);color:var(--ink,#293247);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #05081633}
 .reading-mobile-title>.book-top{padding:19px 20px;border:0}
 .reading-mobile-title .eyebrow{margin-bottom:8px;letter-spacing:.07em}
 .reading-mobile-title h1{font-size:clamp(1.75rem,6.5vw,2.6rem);line-height:1.12}
 .reading-mobile-title .byline{margin-top:10px;font-size:.85rem}
 .layout{grid-template-columns:minmax(0,1fr);gap:12px}
 .layout>.book{order:2}
 .layout>aside{order:1;position:static}
 .reading-mobile-controls{padding:12px 14px}
 .reading-mobile-controls>.listen{margin:0 0 8px}
 .reading-options-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:100%;margin:0;padding:9px 12px;border:1px solid #7588bc;border-radius:11px;background:#263965;color:#fff;font:700 .9rem/1.3 'DM Sans',sans-serif;text-align:left;cursor:pointer}
 .reading-options-toggle>span:last-child{font-size:1.45rem;line-height:1}
 .reading-options-toggle:focus-visible{outline:3px solid #efbc60;outline-offset:3px}
 .reading-control-group{display:block;margin-top:8px}
 .reading-options-body{padding:10px 1px 2px}
 .reading-options-body>.tip{margin:8px 0 0;border:0;padding:0;background:none}
 .reading-options-body>.motion{margin-top:6px}
 .reading-mobile-controls>.sound-toggle-heading{margin:8px 0 0!important;gap:5px}
 .reading-mobile-controls .sound-toggle{min-height:44px;padding:8px 11px}
 .reading-mobile-controls #sounds:not([hidden]){padding-top:9px}
 .reading-mobile-controls>#status{margin-bottom:8px}
 .reading-mobile-controls>.meter{margin:5px 0 9px}
}
@media(max-width:520px){
 .shell{padding-top:10px}header{margin-bottom:12px;gap:9px}.actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.brand{gap:7px}.brandmark{width:32px;height:32px;flex-shrink:0}
}

#reset[hidden],#motionNote[hidden],#motionStatus[hidden]{display:none!important}
.reading-options-toggle>.reading-help-icon{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1.5px solid currentColor;border-radius:50%;font-size:.85rem;line-height:1}
.reading-options-toggle>span:nth-child(2){flex:1}
.story-effect-toggle{display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center;justify-items:start;gap:10px;width:100%!important;min-height:64px;margin-top:10px!important;padding:10px 12px!important;box-sizing:border-box;text-align:left;line-height:1.3;cursor:pointer}
.story-effect-icon{display:block;width:28px;height:28px}.story-effect-icon svg{display:block;width:100%;height:100%}
.story-effect-label{display:block;font-size:.85rem;font-weight:700;line-height:1.35}