/* Let the selected page use the remaining viewport after the real header.
   Keep long chapters and search forms in the platform's scrolling container. */
html{background:var(--bg);min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh!important;background-color:var(--bg)}
body>header,body>.quick-search,body>.context,body>.mobile-workspace-tabs{flex:none}
body>main.view:not([hidden]){flex:1 0 auto}
body>:is(#search-view,#read-view,#patterns-view,#word-view,#wordstats-view,#library-view,#evangelisation-view,.compare-shell)[hidden]{display:none!important}
body>#search-view.workspace,body>#read-view.reading-workspace{margin-bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}
body>main.library,body>main.patterns-page,body>main.word-statistics-page{width:100%;margin-bottom:0}
#studio-back,.dialog-back{font:600 13px/1.2 'Segoe UI',sans-serif;color:var(--accent);background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:8px 11px;white-space:nowrap;min-height:38px}
#studio-back{position:sticky;left:0;z-index:2;flex:0 0 auto}
.dialog-back{display:inline-flex;align-items:center;margin:0 8px 8px 0}
#studio-back:focus-visible,.dialog-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(min-width:1050px){
 body[data-view=search]{height:100dvh}
 body[data-view=search]>#search-view.workspace{flex:1 1 auto;height:auto;min-height:min(480px,55dvh)}
}
@media(max-width:900px){
 html{scroll-behavior:auto}
 body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 body[data-view=search]>#search-view.workspace:not([hidden]){display:flex!important;flex-direction:column;gap:0}
 body[data-view=search]>#search-view.workspace>:is(#search-controls,#search-results,#reader){flex:1 0 auto}
 #studio-back,.dialog-back{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
}

body{padding-bottom:var(--studio-system-bottom,0px)}
.word-focus-bar{bottom:max(10px,env(safe-area-inset-bottom,0px),var(--studio-system-bottom,0px))}
