
body .app .topbar{
 width:calc(100% - 32px)!important;max-width:1440px!important;box-sizing:border-box!important;
 margin:16px auto 20px!important;padding:20px 28px!important;
 border:1px solid #ffffff50!important;border-radius:26px!important;
 box-shadow:0 12px 32px #24404d20,inset 0 1px 0 #ffffff18!important;
 gap:18px!important;overflow:visible!important;
}
body .app .topbar .header-controls{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important}
body .app .topbar :is(.home-nav-button,.bn-mastery-nav){
 border-radius:14px!important;min-height:46px!important;padding:11px 18px!important;
 line-height:1.5!important;display:inline-flex!important;align-items:center!important;
 justify-content:center!important;gap:8px!important;white-space:normal!important;
}
body .app .topbar select{border-radius:14px!important;min-height:46px!important;padding:11px 16px!important;max-width:100%!important}
body .app .back-strip{
 box-sizing:border-box!important;max-width:1200px!important;width:calc(100% - 32px)!important;
 margin:0 auto 16px!important;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;
}
body .app .back-strip .text-btn,body .app .reading-shell .back-link{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:10px!important;padding:12px 22px!important;min-height:48px!important;
 width:auto!important;max-width:100%!important;box-sizing:border-box!important;
 border-radius:15px!important;border:1px solid #b8d3cb!important;
 background:#fff!important;color:#175d4e!important;line-height:1.5!important;
 box-shadow:0 4px 12px #24404d0c!important;white-space:normal!important;
}
body .app .back-strip .text-btn :is(.bi,[lang]),body .app .reading-shell .back-link :is(.bi,[lang]){
 padding:0!important;margin:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;color:inherit!important;
}
body .app .back-strip .text-btn svg{flex-shrink:0!important}
body .app .lesson-footer .btn{min-height:48px!important;padding:12px 22px!important;border-radius:14px!important;line-height:1.5!important}
@media(max-width:900px){
 body .app .topbar{padding:18px 20px!important;flex-wrap:wrap!important;justify-content:center!important}
 body .app .topbar .brand{justify-content:center!important}
}
@media(max-width:600px){
 body .app .topbar{width:calc(100% - 20px)!important;margin:10px auto 16px!important;padding:18px 14px!important;border-radius:22px!important}
 body .app .topbar .header-controls{width:100%!important;gap:8px!important}
 body .app .topbar :is(.home-nav-button,.bn-mastery-nav){padding:10px 13px!important;font-size:.88rem!important}
 body .app .back-strip{width:calc(100% - 28px)!important}
}
