/* Shared navigation: same geometry, identity and controls on every screen. */
:root{--nav-h:76px;--bd-card:#0c1724;--bd-raised:#182c40;--bd-ink:#f5f8ff;--bd-muted:#bccbdc;--bd-line:#46647d;--bd-accent:#ffd078;--bd-fire:#ff9f43;--bd-cyan:#65e7ff}
html[data-theme="light"]{--bd-card:#fffdf8;--bd-raised:#eee8dc;--bd-ink:#182738;--bd-muted:#465465;--bd-line:#8a8277;--bd-accent:#85380a;--bd-cyan:#006076}
.bdq-admin-link[hidden],#site-header [hidden],#nav [hidden],#nav-mobile-panel [hidden]{display:none!important}
html body .bdq-common-nav#nav{position:fixed;inset:0 0 auto;height:var(--nav-h);z-index:60;background:var(--bd-card)!important;color:var(--bd-ink);border:0!important;border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,#ff7635,#ffd078 45%,#44d9ff) 1!important;box-shadow:0 5px 30px #0002;font-family:'Barlow',Arial,sans-serif}
html body .bdq-common-nav#nav.hidden{display:none!important}
.bdq-header-inner{height:100%;width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bdq-header-links,.bdq-header-account{display:flex;align-items:center;gap:18px;min-width:0}
.bdq-header-account{gap:10px}
html body .bdq-common-nav#nav #brand-home{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-size:24px!important;font-weight:800;letter-spacing:.05em;line-height:1.1;padding:0;background:none!important;border:0;color:var(--bd-accent)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none;filter:none;text-decoration:none;cursor:pointer}
html body .bdq-common-nav#nav .nav-link{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;padding:10px 0;font:700 13px/1.2 'Barlow',Arial,sans-serif;letter-spacing:.035em;color:var(--bd-muted)!important;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;cursor:pointer;text-shadow:none;text-decoration:none}
html body .bdq-common-nav#nav .nav-link.active{color:var(--bd-ink)!important;border-bottom-color:var(--bd-fire)}
html body .bdq-common-nav#nav .nav-link:hover{color:var(--bd-accent)!important}
html body .bdq-common-nav#nav .bdq-logout{color:var(--bd-muted)!important;font-size:12px}
html body .bdq-common-nav#nav #user-display{display:block;font:800 20px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bd-accent)!important;background:none;border:0;padding:8px 0;margin:0;letter-spacing:.03em;text-shadow:none!important;text-decoration:none;transform:none;cursor:pointer}
html body .bdq-common-nav#nav .hamburger-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;min-width:40px;min-height:40px;margin:0;border:1px solid var(--bd-line)!important;border-radius:6px;color:var(--bd-ink)!important;background:var(--bd-raised)!important;font-size:19px;cursor:pointer}
html body .bdq-common-nav#nav #nav-mobile-toggle{display:none}
html body .bdq-common-nav#nav #brand-home .bdq-premium-mark{display:none}
html body.bdq-is-premium .bdq-common-nav#nav #brand-home .bdq-premium-mark{display:block;padding:3px 8px;background:linear-gradient(120deg,#ffe59b,#ffac24 40%,#ff6600);border:1px solid #ffe0a3;border-radius:4px;color:#331400!important;font:900 10px/1.2 'Barlow',Arial,sans-serif;letter-spacing:.13em;text-shadow:none;box-shadow:0 2px 0 #a63700}
html body .bdq-common-mobile#nav-mobile-panel{position:fixed;top:var(--nav-h);left:0;right:0;z-index:59;background:var(--bd-card)!important;color:var(--bd-ink);border-bottom:1px solid var(--bd-line);max-height:calc(100dvh - var(--nav-h));overflow:auto;box-shadow:0 12px 30px #0006;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s;font-family:'Barlow',Arial,sans-serif}
html body .bdq-common-mobile#nav-mobile-panel.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
html body .bdq-common-mobile#nav-mobile-panel .mobile-nav-btn{display:flex;align-items:center;min-height:52px;width:100%;padding:12px 24px;border:0;border-bottom:1px solid var(--bd-line);border-radius:0;font-size:14px;font-weight:700;text-align:left;color:var(--bd-ink)!important;background:none;text-decoration:none;cursor:pointer}
.bdq-common-mobile .mobile-nav-btn:hover,.bdq-common-mobile .mobile-nav-btn[aria-current="page"]{background:var(--bd-raised)!important}
.bdq-mobile-profile{display:block;padding:16px 24px;border-bottom:1px solid var(--bd-line);color:var(--bd-ink);text-decoration:none}
.bdq-mobile-profile small{display:block;color:var(--bd-muted);font-size:12px}
.bdq-mobile-profile #mobile-user-display{display:block;font:800 23px/1.3 'Barlow Condensed',Arial,sans-serif;color:var(--bd-accent)!important;overflow-wrap:anywhere}
.bdq-common-nav :is(a,button):focus-visible,.bdq-common-mobile :is(a,button):focus-visible{outline:3px solid var(--bd-cyan)!important;outline-offset:3px;box-shadow:none!important}
#bdq-extension .shell{padding-top:calc(var(--nav-h) + 30px)}
@media(max-width:1119px){html body .bdq-common-nav#nav .bdq-header-links{display:none!important}html body .bdq-common-nav#nav #nav-mobile-toggle{display:inline-flex}.bdq-header-inner{gap:15px;padding:0 18px}html body .bdq-common-nav#nav #user-display{max-width:180px}}
@media(max-width:599px){:root{--nav-h:68px}.bdq-header-inner{padding:0 12px;gap:10px}.bdq-header-account{gap:7px}html body .bdq-common-nav#nav #brand-home{font-size:21px!important}html body .bdq-common-nav#nav #user-display{display:none!important}#bdq-extension .shell{padding-top:calc(var(--nav-h) + 22px)}}
@media(min-width:1120px){html body .bdq-common-mobile#nav-mobile-panel{display:none!important}}
@media(prefers-reduced-motion:reduce){.bdq-common-mobile{transition:none!important}}
html body .bdq-common-nav#nav #user-display{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important}
html body .bdq-common-nav#nav #theme-toggle-btn i,html body .bdq-common-nav#nav #nav-mobile-toggle i{font-family:Arial,sans-serif!important;font-style:normal;font-weight:400;font-size:19px}
.bdq-common-nav #theme-toggle-btn .fa-moon::before{content:'☾'}.bdq-common-nav #theme-toggle-btn .fa-sun::before{content:'☀'}.bdq-common-nav #nav-mobile-toggle .fa-bars::before{content:'☰'}.bdq-common-nav #nav-mobile-toggle .fa-times::before{content:'×'}
.bdq-more{position:relative}.bdq-more summary{list-style:none;gap:10px}.bdq-more summary::-webkit-details-marker,.bdq-mobile-more summary::-webkit-details-marker{display:none}.bdq-more-menu{position:absolute;top:100%;right:0;width:230px;padding:8px 14px;background:var(--bd-card);border:1px solid var(--bd-line);border-radius:10px;box-shadow:0 14px 40px #0005;z-index:70}html body .bdq-common-nav#nav .bdq-more-menu .nav-link{display:flex;width:100%;padding:13px 6px;font-size:12px;text-align:left;min-height:44px}.bdq-mobile-more>summary{justify-content:space-between;list-style:none}.bdq-common-mobile .bdq-mobile-more>a,.bdq-common-mobile .bdq-mobile-more>button{padding-left:40px!important}.bdq-common-nav summary:focus-visible,.bdq-common-mobile summary:focus-visible{outline:3px solid var(--bd-cyan);outline-offset:3px}.player-profile-link{color:inherit;text-decoration:none}.player-profile-link:hover{text-decoration:underline;text-underline-offset:3px}.player-profile-link:focus-visible{outline:2px solid var(--bd-cyan);outline-offset:3px}

/* Keep the secondary navigation within the viewport as the site grows. */
.bdq-more-menu{width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--nav-h) - 24px);overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.bdq-training-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px;padding:12px 14px;border:1px solid var(--bd-line);border-radius:8px;color:var(--bd-muted);font:600 13px/1.5 'Barlow',Arial,sans-serif}.bdq-training-tools label{display:flex;align-items:center;gap:8px}.bdq-training-tools select{max-width:100%;color:var(--bd-ink);background:var(--bd-raised);border:1px solid var(--bd-line);border-radius:6px;padding:8px}.bdq-training-tools a{color:var(--bd-cyan);text-decoration:underline;text-underline-offset:3px}.bdq-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--bd-muted);margin:12px 0}.bdq-remember input{width:18px;height:18px;accent-color:var(--bd-accent)}.bdq-forgot{display:inline-block;color:var(--bd-cyan);font-size:13px;text-decoration:underline;margin:0 0 8px}
@media(max-width:360px){.bdq-header-inner{padding:0 8px;gap:6px}.bdq-header-account{gap:5px}html body .bdq-common-nav#nav #brand-home{font-size:16px!important;letter-spacing:.025em}html body .bdq-common-nav#nav .hamburger-btn{width:36px;min-width:36px;height:40px}html body .bdq-common-nav#nav #brand-home .bdq-premium-mark{font-size:17px}#brand-home .bdq-teacher-mark{right:-25px;top:-2px;padding:1px 2px}body.bdq-is-teacher #brand-home{margin-right:25px}}
@media(max-width:420px){html body .bdq-common-nav#nav #site-login{font-size:12px;letter-spacing:0}}