/* Media lesson menu: distinct access for existing students, 2026-10-10. */
#m-lesson .mega-head > .sf-student-login,
#sfdrawer .sf-student-login-mobile > .sf-student-login {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:10px 18px;border:2px solid #0878b2;border-radius:99px;
  background:#fff;color:#075f8d;font-size:15px;font-weight:900;line-height:1.5;
  text-decoration:none;white-space:nowrap;box-shadow:2px 3px 0 #d4e7f3;
  transition:background .18s,box-shadow .18s,transform .18s;
}
#m-lesson .mega-head > .sf-student-login { margin-left:auto;flex-shrink:0; }
/* Align the title row, login and close; SITE MENU stays above that row. */
#m-lesson .mega-head { align-items:flex-end; }
#m-lesson .mega-head > div > strong { display:flex;align-items:center;min-height:48px; }
#m-lesson .mega-head > .sf-student-login { min-height:48px; }
#m-lesson .mega-head > .mega-close { width:48px;height:48px; }
#m-lesson .sf-student-login svg,
#sfdrawer .sf-student-login svg { width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
#m-lesson .sf-student-login:hover,
#sfdrawer .sf-student-login:hover,
#m-lesson .sf-student-login:focus-visible,
#sfdrawer .sf-student-login:focus-visible { background:#e2f2fb;box-shadow:0 0 15px #5cb3e480;transform:translateY(-1px);outline:2px solid #0878b2;outline-offset:3px; }
#sfdrawer .sf-student-login-mobile { padding:16px 14px 0; }
#sfdrawer .sf-student-login-mobile > .sf-student-login { width:100%;white-space:normal;text-align:center; }
@media (prefers-reduced-motion:reduce) {
  #m-lesson .mega-head > .sf-student-login,
  #sfdrawer .sf-student-login-mobile > .sf-student-login { transition:none;transform:none; }
}