/* Two unframed controls leave the learner's work as the focus at every width. */
.app-shell{display:block}
.topbar,.orientation-goal-page .topbar,.about-page .topbar{position:static;display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:64px;padding:10px 22px;border:0;background:transparent}
.topbar .brand{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0}
.brand .brand-mark{display:block;width:38px;height:38px;flex:0 0 38px;background:none;border-radius:0}
.site-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--ink);flex-shrink:0;box-shadow:none}
.site-menu-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.site-menu-button:hover,.site-menu-button[aria-expanded="true"]{color:var(--brand);background:transparent}
dialog.site-menu{position:fixed;inset:12px 12px auto auto;margin:0;width:300px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:14px;background:var(--paper);overflow:auto;overscroll-behavior:contain;border-color:var(--line);box-shadow:0 14px 55px #4c233625}
dialog.site-menu::backdrop{background:#32142226;backdrop-filter:none}
.site-menu-heading{display:flex;justify-content:space-between;align-items:center;padding-left:12px;gap:12px}
.site-menu-heading h2{margin:0;font:600 18px var(--font);letter-spacing:0}
.site-menu-heading button{width:44px;height:44px;border:0;background:none;color:var(--ink);font-size:27px}
.site-menu nav{display:grid;gap:2px;margin-top:8px}
.site-menu nav a,.site-menu-account{display:flex;align-items:center;min-height:44px;padding:9px 12px;border-radius:7px;text-decoration:none;font-size:16px;color:var(--ink)}
.site-menu nav a:hover,.site-menu nav a[aria-current="page"]{background:var(--mint)}
.site-menu-account{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:none;margin-top:10px;padding-top:14px;min-height:50px;color:var(--brand)}
.no-help .site-menu a[href="/help"],.no-help .site-menu a[href*="tutorial"]{display:none}
@media(max-width:600px){
  .topbar,.orientation-goal-page .topbar,.about-page .topbar{padding:10px 14px}
  .dashboard-counts{flex-wrap:wrap}
}
/* Preserve the deliberately bare guest/login welcome screen. */
.welcome-page .topbar{display:none}