/* Scoped independently of the app engines and their broad header/button rules. */
.app-nav-enabled{--portal-nav-height:52px}.app-portal-nav{position:sticky;top:0;z-index:40;display:block;width:100%;background:#fffef9f5;border-bottom:1px solid #d6e4ee;backdrop-filter:blur(10px);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#263f53;box-sizing:border-box;margin:0}.app-portal-inner{max-width:1100px;min-height:52px;margin:0 auto;padding:5px 18px;display:flex;align-items:center;gap:16px;box-sizing:border-box}.app-portal-nav a{color:#365c77;text-decoration:none;font-size:.88rem;font-weight:650;line-height:1.2;min-height:40px;display:inline-flex;align-items:center;gap:7px}.app-portal-nav .app-portal-brand{font-weight:800;color:#286182;white-space:nowrap;flex-shrink:0}.app-portal-brand img{display:block;width:26px;height:26px;object-fit:contain}.app-portal-parent{margin-left:auto;min-width:0}.app-portal-section{margin-left:auto;font-size:.85rem;color:#596f80}.app-portal-nav .app-portal-sets{margin:0;border:0;border-radius:11px;padding:9px 12px;min-height:40px;background:#edf3fb;color:#315c85;font:650 .85rem/1.2 system-ui,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:none}.app-portal-nav :is(a,button):focus-visible{outline:3px solid #ed9a23;outline-offset:2px}.app-portal-nav a:hover{text-decoration:underline;text-underline-offset:3px}
/* Compact apps use this bar instead of the large portal masthead. */
.app-nav-enabled>.site-header{display:none!important}.app-nav-enabled main>header{margin-bottom:10px;min-height:40px}.app-nav-enabled #home,.app-nav-enabled #en-home{display:none!important}.app-nav-enabled .en-intro>a{display:none}.app-nav-enabled .p-toolbar #p-menu{font-size:.85rem}.app-nav-enabled .p-wrap{padding-top:16px}.app-nav-enabled.p-playing .p-wrap{padding-top:10px}.app-nav-enabled .en-wrap{padding-top:16px}.app-nav-enabled.in-en-lesson .en-wrap{padding-top:10px}.app-nav-clock>header{padding-top:10px;padding-bottom:10px}.app-nav-themes main>header{justify-content:flex-start}.app-nav-themes main>header #pause{margin-left:auto}.app-nav-enabled :is(#game,#en-game,#p-game,.journey){scroll-margin-top:64px}
@media(max-width:600px){.app-portal-inner{gap:10px;padding:4px 12px;min-height:48px}.app-portal-nav a{font-size:.8rem;min-height:40px}.app-portal-brand img{width:23px;height:23px}.app-portal-nav .app-portal-sets{font-size:.78rem;padding:8px 10px}.app-portal-nav .app-portal-section{font-size:.78rem}.app-portal-parent{max-width:54%;line-height:1.2}.app-nav-enabled main>header{flex-wrap:nowrap;gap:8px}.app-nav-enabled main>header b{font-size:.92rem}.app-nav-enabled .tools{margin-left:auto}.app-nav-clock>header{padding:8px 14px}.app-nav-clock .logo{font-size:1rem}.app-nav-clock .tabs button{font-size:.85rem;padding:8px 10px}}