/* Signed-in / signed-out nav (23 Oct 2026). <html data-auth> is set in <head> by js/auth-state.js. The signed-in nav (.nav-in)
   is server-rendered hidden, so signed-out visitors (and visitors without JavaScript) only ever get the public nav (.nav-out). */
.nav-in[hidden]{display:none!important} /* pages on css/styles.css have no [hidden] rule */
html[data-auth="in"] .nav-out{display:none!important}
html[data-auth="in"] .nav-in[hidden]{display:flex!important}
/* 23 Oct 2026 follow-up: signed-in screens have no marketing. Upsell panels carry data-signed-out-only (learn.html "For subscribers"
   card, meet-the-seven.html lock rows and closing "Subscribe now" band). js/r3-learn.js removes it once it turns the learn card
   into "Your progress". The panels are flex items, so the remaining column takes the full width. */
html[data-auth="in"] [data-signed-out-only]{display:none!important}
/* dashboard, reports and join-organisation keep their wider page grid (was .rnav, css/reports.css) */
.hdr-r .nav-in,.hdr-r .nav-out{max-width:1304px}
.nav-in .nav-acct a[aria-current="page"]{font-weight:600} /* My progress on the dashboard */
/* phones: Learn / Practice / Check stay visible as tabs; My progress and Sign out open from the Menu button (js/site.js or js/auth-state.js toggle) */
@media (max-width:900px){
  .nav-in .nav-toggle{display:inline-flex;align-items:center}
  .nav-in .nav-acct{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:4px;order:4}
  .nav-in.open .nav-acct{display:flex}
  .nav-in .nav-acct a{display:flex;align-items:center;min-height:44px}
}