/* Reader space belongs to the picture and bilingual lesson. */
body.studying .v3-header,body.studying .tab-bar,body.studying .site-footer{display:none}
body.studying #app.v3-app{padding-bottom:14px}
body.studying #view{padding-top:6px}
body.studying #view>.row:first-child{position:sticky;top:0;z-index:9;min-height:48px;background:var(--reader-header);padding-block:4px}
body.studying #view>.panel{margin-top:8px;padding:16px}
body.studying #view .headword{gap:6px 18px;align-items:baseline}
body.studying #view .headword .english{font-size:clamp(38px,6vw,56px);line-height:1.2;overflow-wrap:anywhere}
body.studying #view .headword .chinese{font-size:clamp(22px,3vw,28px);line-height:1.5}
body.studying #view .word-figure{max-width:500px}
body.studying #view .word-figure .item-picture{width:100%;height:clamp(230px,36dvh,390px);object-fit:contain}
body.studying #view .scene-picture{object-fit:contain}
body.studying #view .playback-controls{gap:10px;margin-top:12px}
body.studying #view .playback-controls button{font-size:18px;min-height:48px}
body.studying #view .audio-status{font-size:17px;line-height:1.5;margin-block:6px}
body.studying #view .audio-status:empty{display:none}
body.studying #view .bilingual-pair .sentence-button{font-size:24px;line-height:1.5}
body.studying #view .bilingual-pair .translation{font-size:22px;line-height:1.5}
body.studying #view .dialogue-turn{padding:12px 14px}
body.studying #view .role-label{font-size:16px}
body.studying #view .study-actions{position:static;max-width:600px;margin:12px auto;padding:0;background:none;box-shadow:none}
body.studying #view .study-actions>.btn{font-size:19px;min-height:48px}
body.studying #view .study-extras{font-size:18px}
body.studying #view .conversation-layout>.scene-figure{top:60px}
[hidden]{display:none!important}
.cache-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.cache-tabs button{padding-inline:6px;font-size:16px;min-height:44px}
.cache-tabs [aria-selected=true]{outline:2px solid var(--reader-accent);outline-offset:2px}
.cache-group-panel{border:0;padding:0;margin:0;max-height:43dvh;overflow:auto}
.cache-group-panel legend{font-size:18px;font-weight:700;margin-bottom:10px}
.cache-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cache-choice{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid var(--reader-control);border-radius:12px;background:var(--reader-surface)}
.cache-choice input{width:22px;height:22px;min-width:22px;margin:0;accent-color:var(--reader-accent)}
.cache-choice strong{font-size:16px}.cache-choice small{display:block;font-size:14px;color:var(--muted)}
.cache-choice.unavailable{opacity:.6}.cache-choice-actions{position:sticky;bottom:0;background:var(--reader-surface);padding:10px 0;margin-top:10px}
.cache-choice-actions button{min-height:46px}.cached-groups{margin-top:14px}
@media(max-width:700px){
 body.studying #view{padding-inline:12px}
 body.studying #view>.panel{padding:12px}
 body.studying #view .item-layout:not(.conversation-layout){display:flex;flex-direction:column;gap:12px}
 body.studying #view .headword .english{font-size:clamp(36px,10.5vw,48px)}
 body.studying #view .headword .chinese{font-size:24px}
 body.studying #view .word-figure{max-width:460px;width:100%}
 body.studying #view .word-figure .item-picture{height:clamp(215px,34dvh,330px)}
 body.studying #view[data-study=phrase] .scene-picture{width:100%;height:clamp(210px,32dvh,300px)}
 body.studying #view .conversation-layout{grid-template-columns:150px minmax(0,1fr);gap:10px 14px}
 body.studying #view .conversation-layout .scene-zoom{grid-column:1;grid-row:1;width:150px}
 body.studying #view .conversation-layout .scene-picture{width:150px;height:180px}
 body.studying #view .conversation-layout .item-copy>.headword{grid-column:2;grid-row:1;align-self:center}
 body.studying #view .conversation-layout .headword .english{font-size:29px}
 body.studying #view .conversation-layout .headword .chinese{font-size:22px}
 body.studying #view[data-study=story] .scene-picture{width:100%;height:240px}
 body.studying #view .bilingual-pair .sentence-button{font-size:23px}
 body.studying #view .bilingual-pair .translation{font-size:21px}
}
@media(max-width:350px){.cache-choices{grid-template-columns:1fr}body.studying #view .conversation-layout{grid-template-columns:120px minmax(0,1fr)}body.studying #view .conversation-layout .scene-zoom,body.studying #view .conversation-layout .scene-picture{width:120px}body.studying #view .conversation-layout .headword .english{font-size:25px}}
@media(max-height:700px) and (max-width:700px){body.studying #view .word-figure .item-picture{height:190px}body.studying #view[data-study=phrase] .scene-picture{height:190px}}

body.studying #view .item-layout:not(.conversation-layout)>.item-copy{width:100%;min-width:0}body.studying #view .item-copy>.study-actions{width:100%;max-width:none}