/* Shared compact chapter/activity menus: fit cards to the viewport. */
#chapScr.on,#listScr.on{height:100dvh;min-height:0;display:flex;flex-direction:column}
#chapScr .app-header,#listScr .app-header{flex:0 0 auto;padding-top:8px;padding-bottom:8px}
#chapScr .hub,#listScr .hub{flex:1;min-height:0;width:100%;max-width:none;padding:8px 12px 18px;display:flex;flex-direction:column}
#chapScr .hub-title-section,#listScr .hub-title-section{flex:0 0 auto;gap:5px;margin:0 0 14px;padding:0}
#chapScr .hub-logo-text,#listScr .hub-logo-emoji{display:none}
#chapScr .hub-main-badge,#listScr .hub-main-badge{font-size:22px;padding:5px 24px;margin:0}
#chapScr .hub-sub-badge,#listScr .hub-sub-badge{font-size:12px;padding:3px 16px;margin:0}
#chapCards,#listCards{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 20px;margin:0;align-content:center;flex:1;min-height:0}
#chapCards .pcard,#listCards .pcard{min-height:0;height:clamp(78px,13dvh,108px);padding:10px 16px;gap:14px;border-radius:24px;border-bottom-width:8px}
#chapCards .ic,#listCards .ic{width:48px;height:48px;flex:0 0 48px;font-size:27px}
#chapCards .tt,#listCards .tt{font-size:18px;line-height:1.35}
#chapCards .dd,#listCards .dd{font-size:11px;line-height:1.35}
#chapCards .pill,#listCards .pill{font-size:11px;line-height:1.3;padding:1px 9px}
#chapCards .arrow-circle,#listCards .arrow-circle{width:32px;height:32px;flex:0 0 32px;font-size:18px}
@media(max-width:650px){
 #chapCards,#listCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}
 #chapCards .pcard,#listCards .pcard{height:clamp(78px,12dvh,100px);padding:8px;gap:7px;border-radius:17px;border-bottom-width:6px}
 #chapCards .ic,#listCards .ic{width:31px;height:31px;flex-basis:31px;font-size:20px}
 #chapCards .tt,#listCards .tt{font-size:14px}
 #chapCards .dd,#listCards .dd{display:none}
 #chapCards .arrow-circle,#listCards .arrow-circle{display:none}
 #chapScr .hub-main-badge,#listScr .hub-main-badge{font-size:18px}
}
@media(max-height:550px) and (min-width:651px){
 #chapScr .hub-title-section,#listScr .hub-title-section{display:none}
 #chapCards,#listCards{gap:12px}
 #chapCards .pcard,#listCards .pcard{height:76px}
}

/* Balanced outer margins and consistent icon alignment. */
#chapScr .hub,#listScr .hub{width:calc(100% - 96px);max-width:1320px;margin-inline:auto;padding-inline:12px;box-sizing:border-box}
#chapCards .pcard,#listCards .pcard{padding-inline:18px;gap:14px}
#chapCards .ic,#listCards .ic{display:flex;align-items:center;justify-content:center;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif!important;width:50px;height:50px;flex:0 0 50px;padding:0;overflow:visible}
.pcard .ic svg{display:block;width:29px;height:29px;overflow:visible}
#chapCards .tx,#listCards .tx{min-width:0;flex:1}
#chapCards .arrow-circle,#listCards .arrow-circle{display:flex;align-items:center;justify-content:center;line-height:1;margin-left:4px}
#chapScr .hub-title-section::before{content:'⭐';display:block;font-family:"Segoe UI Emoji",sans-serif;font-size:32px;line-height:1.15;margin-bottom:3px}
#listScr .hub-logo-emoji{display:block;font-family:"Segoe UI Emoji",sans-serif;font-size:32px;line-height:1.15;margin:0 0 3px}
@media(max-width:1100px){#chapScr .hub,#listScr .hub{width:calc(100% - 48px)}#chapCards .pcard,#listCards .pcard{padding-inline:12px;gap:10px}#chapCards .tt,#listCards .tt{font-size:16px}}
@media(max-width:650px){#chapScr .hub,#listScr .hub{width:calc(100% - 24px);padding-inline:0}#chapCards .pcard,#listCards .pcard{padding-inline:9px;gap:7px}#chapCards .ic,#listCards .ic{width:32px;height:32px;flex-basis:32px;font-size:21px}.pcard .ic svg{width:22px;height:22px}#chapCards .tt,#listCards .tt{font-size:14px}#chapCards .arrow-circle,#listCards .arrow-circle{display:none}#chapScr .hub-title-section::before,#listScr .hub-logo-emoji{font-size:25px}}

/* Keep the title and cards together instead of vertically centering the grid. */
#chapCards,#listCards{flex:0 0 auto;align-content:start;margin-top:14px}
#chapScr .hub-title-section,#listScr .hub-title-section{margin-bottom:12px}
#chapScr .hub,#listScr .hub{padding-top:16px}
.language-direct{border:2px solid #fff;background:#fff;color:#263d70;border-radius:20px;padding:6px 12px;font:600 13px 'Segoe UI',sans-serif;cursor:pointer;white-space:nowrap;min-height:38px;box-shadow:0 3px 0 #bdd0ed}
.topbar .language-direct{flex:0 0 auto;margin-left:4px}
@media(max-width:650px){.language-direct{font-size:11px;padding:4px 8px}.topbar .language-direct{order:8}#chapScr .hub,#listScr .hub{padding-top:8px}#chapCards,#listCards{margin-top:5px}#chapScr .hub-title-section,#listScr .hub-title-section{margin-bottom:7px}}

/* Restore the Science books settings → language pill → flag list. */
.lang-dropdown-container{display:flex!important}.language-direct{display:none!important}