/* Breathing room between the screen edge, header and chapter cards. */
#chapScr,#listScr{padding-top:clamp(24px,5vh,48px)!important;box-sizing:border-box}
#chapScr .app-header,#listScr .app-header{width:calc(100% - 48px)!important;max-width:920px!important;margin:0 auto 26px!important;padding:12px 20px!important}
#chapScr .hub,#listScr .hub{max-width:944px!important;padding:0 12px 28px!important}
#chapCards,#listCards{max-width:920px!important;gap:22px 24px!important;margin:0 auto!important;padding:0!important}
#chapCards .pcard,#listCards .pcard{min-height:92px!important;padding:13px 17px!important;gap:15px!important}
@media(max-height:650px) and (min-width:641px){#chapScr,#listScr{padding-top:18px!important}#chapScr .app-header,#listScr .app-header{margin-bottom:18px!important}#chapCards,#listCards{gap:16px 20px!important}#chapCards .pcard,#listCards .pcard{min-height:78px!important;padding:9px 14px!important}}
@media(max-width:640px){#chapScr,#listScr{padding-top:18px!important}#chapScr .app-header,#listScr .app-header{width:calc(100% - 28px)!important;margin-bottom:20px!important}#chapScr .hub,#listScr .hub{padding-inline:16px!important}#chapCards,#listCards{gap:18px!important}}