/* Compact two-line wordmark paired with the listening/subtitle symbol. */
body>header>nav{font-size:15.6px}
body>header a.member-nav{font-size:14.4px}
body>header .brand{display:inline-flex;align-items:center;gap:10px;flex:none;letter-spacing:0;line-height:1;text-decoration:none}
body>header .brand .brand-icon{display:block;width:44px;height:44px;flex:none}
body>header .brand .brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;color:inherit}
body>header .brand .brand-copy .brand-domain{margin-left:0}
body>header .brand .brand-name{font-size:25px;font-weight:750;color:#176b50;letter-spacing:2px;line-height:1.1;white-space:nowrap}
body>header .brand .brand-domain{font-size:11px;font-weight:750;letter-spacing:.6px;line-height:1;color:#809773;white-space:nowrap}
html[data-theme=dark] body>header .brand .brand-domain{color:#a3c2ac}
@media(max-width:850px){body>header .brand{gap:8px}body>header .brand .brand-icon{width:37px;height:37px}body>header .brand .brand-name{font-size:22px;letter-spacing:1px}body>header .brand .brand-domain{font-size:9.5px;letter-spacing:.3px}body>header .brand .brand-copy{gap:4px}}
@media(max-width:440px){body>header{padding-left:12px;padding-right:12px;gap:10px}body>header>nav{gap:10px;font-size:14.4px}body>header a.member-nav{font-size:13.2px}.lesson-page>header nav>a[href="/"]{display:none}.lesson-page>header #help{font-size:13.2px;padding:0}.lesson-page>header nav{gap:8px}}
@media(max-width:360px){body>header>nav{font-size:13.2px;gap:8px}body>header>.theme-toggle{width:30px;height:30px;padding:6px}}

/* Mobile navigation keeps only the course, listening and account links. */
@media(max-width:850px){
 body>header>nav>a[href="/"],body>header>nav>a[href="/index.html"],body>header>nav>a[href="index.html"],body>header>nav>button{display:none}
 body>header>nav{gap:12px;flex-wrap:wrap;min-width:0}
 body>header>nav>a,body>header>a.member-nav{white-space:nowrap}
}

/* Mobile bottom navigation. */
.mobile-bottom-nav{display:none}
@media(max-width:850px){
 html{scroll-padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 body.mobile-bottom-enabled{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:5px 10px calc(5px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid #e3e8df;box-shadow:0 -3px 18px #2147390a;backdrop-filter:blur(12px)}
 .mobile-bottom-nav>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:3px 0;color:#819087;font-size:11px;line-height:1.4;text-decoration:none;-webkit-tap-highlight-color:transparent}
 .mobile-bottom-icon{display:grid;place-items:center;width:46px;height:29px;border-radius:12px}
 .mobile-bottom-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-bottom-nav>a[aria-current=page]{color:#26745f;font-weight:600}
 .mobile-bottom-nav>a[aria-current=page] .mobile-bottom-icon{background:#e6f1e7}
 .mobile-bottom-nav>a:focus-visible{outline:2px solid #86b785;outline-offset:-2px;border-radius:8px}
 html[data-theme=dark] .mobile-bottom-nav{background:#1d2922f5;border-color:#35483a;box-shadow:0 -3px 18px #0002}
 html[data-theme=dark] .mobile-bottom-nav>a{color:#9cafa0}
 html[data-theme=dark] .mobile-bottom-nav>a[aria-current=page]{color:#b9dec2}
 html[data-theme=dark] .mobile-bottom-nav>a[aria-current=page] .mobile-bottom-icon{background:#314c3b}
 body.mobile-bottom-enabled #notice{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
}

@media(max-width:850px){body.lesson-page main>footer{display:none}}

body>header>nav .listening-label-mobile{display:none}
@media(max-width:850px){body>header>nav .listening-label-desktop{display:none}body>header>nav .listening-label-mobile{display:inline}}