/* The same two menu rows are used in the study room and account screens. */
#member-navigation.member-menu{position:relative;display:flex;flex-direction:column;gap:9px;flex:1 1 100%;width:100%;min-width:0;margin:0;padding:0;color:#243444}
#member-navigation .member-menu-primary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;max-width:640px;margin:0 auto}
#member-navigation .member-menu-category,#member-navigation .member-menu-link{display:flex;align-items:center;justify-content:center;min-height:46px;min-width:0;margin:0;padding:9px 12px;border:0;border-bottom:2px solid transparent;border-radius:8px 8px 0 0;background:transparent;box-shadow:none;color:#5e6d7c;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.025em;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}
#member-navigation .member-menu-category.is-current,#member-navigation .member-menu-primary>.member-menu-link[aria-current=page]{border-bottom-color:#C56E3D;color:#243444;font-weight:750}
#member-navigation .member-menu-category[aria-expanded=true]{background:#edf2f6;color:#243444}
#member-navigation .member-menu-secondary{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:5px;border:1px solid #dce3ea;border-radius:11px;background:#edf2f6}
#member-navigation .member-menu-secondary>.member-menu-link{flex:1 1 0;min-height:42px;max-width:240px;padding:8px 13px;border:0;border-radius:7px;font-size:13px;font-weight:500}
#member-navigation .member-menu-secondary>.member-menu-link[aria-current=page]{background:#fff;color:#243444;font-weight:750;box-shadow:0 1px 4px #2434440a}
#member-navigation:has(>.member-menu-admin:not([hidden]))>.member-menu-primary{width:calc(100% - 62px);margin-right:62px}
#member-navigation .member-menu-admin{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:56px;min-height:46px;padding:4px 2px;border-left:1px solid #dce3ea;color:#5e6d7c;font-size:10px;line-height:1.5;text-decoration:none;white-space:nowrap}
#member-navigation a:focus-visible,#member-navigation button:focus-visible{outline:3px solid #C56E3D;outline-offset:2px}
.account-header:has(#member-navigation:not([hidden])){flex-wrap:wrap;gap:16px}
.account-header:has(#member-navigation:not([hidden])) .account-brand{margin-right:auto}
#study-header.app-header{display:flex;flex-direction:column;align-items:stretch;gap:0}
#study-header.app-header .home-button{display:none}
@media(hover:hover) and (pointer:fine){
  #member-navigation .member-menu-category:hover,#member-navigation .member-menu-link:hover{background:#eaf0f5;color:#243444}
  #member-navigation .member-menu-secondary>.member-menu-link:hover{background:#fff}
  #member-navigation .member-menu-admin:hover{color:#9a4d27;text-decoration:underline}
}
@media(max-width:740px){
  #member-navigation.member-menu{gap:7px;padding:0}
  #member-navigation .member-menu-primary{gap:2px}
  #member-navigation .member-menu-category,#member-navigation .member-menu-primary>.member-menu-link{min-height:43px;padding:8px 4px;font-size:13px}
  #member-navigation .member-menu-secondary{gap:2px;padding:4px;border-radius:9px}
  #member-navigation .member-menu-secondary>.member-menu-link{min-height:41px;padding:8px 4px;font-size:12px}
  #member-navigation .member-menu-admin{min-height:43px}
  .account-header:has(#member-navigation:not([hidden])){gap:11px;padding-bottom:13px}
  #study-header.app-header{padding:8px 10px}
  #app-shell:has(#member-navigation[data-expanded=study]) .question-card,#app-shell:has(#member-navigation[data-expanded=account]) .question-card{scroll-margin-top:128px}
}
@media(max-width:360px){
  #member-navigation.member-menu{margin:0;padding:0}
  #member-navigation .member-menu-category,#member-navigation .member-menu-primary>.member-menu-link{font-size:12px}
  #member-navigation .member-menu-secondary>.member-menu-link{font-size:11px;letter-spacing:-.04em}
}