:root{--header-h:70px;--level-h:82px}
body{height:100vh;overflow:hidden;min-width:960px}
.desktop-main{
  width:min(1500px,calc(100% - 32px));margin:0 auto;
  height:calc(100vh - var(--header-h) - var(--level-h));
  display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;padding:18px 0;
}
.desktop-main .library-panel{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr)}
.desktop-main .story-list{min-height:0}
.desktop-main .reader-panel{height:100%;display:grid;grid-template-rows:auto 4px minmax(0,1fr)}
.reader-scroll{min-height:0}
.desktop-main .story-picker-button{display:none}
@media(min-width:1600px){
  .desktop-main{grid-template-columns:360px minmax(0,1fr);gap:22px}
}
@media(max-height:820px){
  :root{--header-h:60px;--level-h:68px;--reader-font:17px;--reader-line:1.63}
  .site-bar{min-height:var(--header-h);padding-top:7px;padding-bottom:7px}
  .level-inner{min-height:var(--level-h);padding:5px 0}
  .desktop-main{padding:10px 0;gap:12px}
  .story-header{padding:22px 0 10px}
  .story-header h1{font-size:2.35rem}
  .story-article{padding-top:19px}
  .library-head{padding-top:12px}
}