/* Mobile-first student interaction improvements */
.dashboardtabs,.notetabs,.profiletabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:5px 0 13px;margin:14px 0}.dashboardtabs::-webkit-scrollbar,.notetabs::-webkit-scrollbar,.profiletabs::-webkit-scrollbar{display:none}.dashboardtabs button,.notetabs button,.profiletabs button{background:transparent;border:1px solid transparent;padding:12px 17px;border-radius:11px;font-weight:720;font-size:12px;color:#748198;min-height:42px;flex:none}.dashboardtabs button.active,.notetabs button.active,.profiletabs button.active{color:#315ce3;background:#edf2ff;border-color:#dce7ff}.dashboardpanel[hidden],.note-pane[hidden]{display:none!important}
.pathpanel{background:white;border:1px solid #e7ebf2;border-radius:19px;padding:24px;margin:15px 0}.pathpanel h2{font-size:19px;margin:0 0 13px}.pathintro{font-size:12px;line-height:1.65;color:#8996a8}.pathstats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.pathstat{background:#f6f8ff;padding:15px 9px;border-radius:12px;text-align:center}.pathstat strong{display:block;font-size:25px;font-weight:800}.pathstat small{font-size:10px;color:#8190a6}.pathstep{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #eff1f6}.pathcircle{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid #dbe3f3;display:grid;place-items:center;color:#8492ae;font-size:14px}.pathcircle.done{background:#eaf7ee;color:#287b53;border-color:#bbe3c8}.pathstep div:last-child{font-size:13px;font-weight:720}.pathstep small{font-size:11px;color:#8996a7;display:block;margin-top:4px}.dash-empty{padding:26px;background:white;border:1px solid #e7eaf1;border-radius:15px;font-size:13px;color:#8390a4;line-height:1.8}.dash-empty a{display:inline-flex;margin-top:8px}
.avatar-link{display:inline-flex;text-decoration:none}.avatar-link:focus-visible{outline:3px solid #bacbfa;border-radius:50%}
.lessonmenu-btn{display:inline-flex;margin:0 0 12px;align-items:center;gap:8px;border:1px solid #dde5f1;background:#fff;color:#283b59;padding:10px 15px;border-radius:10px;font-weight:740;font-size:12px;min-height:41px}.lesson-nav-overlay{position:fixed;inset:0;z-index:100;background:#101a31a0;display:none}.lesson-nav-overlay.open{display:block}.lesson-nav-sheet{width:min(390px,87vw);height:100%;background:#fff;box-shadow:20px 0 60px #0c173548;padding:22px;overflow-y:auto}.lesson-nav-sheet h2{font-size:19px;line-height:1.35;margin:15px 0 20px;letter-spacing:-.3px}.navmod{margin:20px 0 6px;color:#6c7e9c;text-transform:uppercase;font-size:10px;letter-spacing:1px;font-weight:800}.navlesson{display:flex;align-items:center;gap:10px;padding:14px 7px;border-bottom:1px solid #eff1f6;font-size:12px;line-height:1.45;color:#46546c}.navlesson.current{background:#eff3ff;color:#315de5;border-radius:9px}.navlesson .mini{width:27px;height:27px;display:grid;place-items:center;border:1px solid #e1e6f0;border-radius:50%;font-size:11px;flex:none}.navlesson span:nth-child(2){flex:1}.lesson-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.study-area{margin:20px 0 28px}.study-area .notetabs{border-bottom:1px solid #e8edf4;margin-bottom:0}.study-area .notetabs button{border-radius:10px 10px 0 0}.study-area .note-pane{background:#fff;border:1px solid #e7ebf2;border-top:0;border-radius:0 0 15px 15px;padding:21px}.note-pane h2{font-size:16px;margin:8px 0 12px}.note-pane p{font-size:12px;line-height:1.75;color:#69788c}.note-pane textarea{display:block;width:100%;min-height:145px;border:1px solid #dce3ee;border-radius:11px;background:#fdfefe;padding:13px;resize:vertical;color:#273854;line-height:1.65;font-size:13px}.note-pane .notes-save{margin-top:11px}.note-pane .notestatus{font-size:11px;margin-left:12px;color:#287650}.note-pane .studyresources{border:0;padding:0;margin:0}.note-pane .studyresources h2{display:none}.note-pane .pap-private-notes{margin:0 0 18px;padding:0;border:0}.note-pane .pap-private-notes p{white-space:pre-wrap}.note-pane .resrow{align-items:flex-start}.note-pane .emptyresource{color:#8895a6;font-size:12px;padding:15px 0}
.profilehero{display:flex;align-items:center;gap:21px;margin:15px 0}.profileavatar{width:70px;height:70px;flex:none;background:#e9f0ff;color:#3558bd;display:grid;place-items:center;font-size:28px;font-weight:800;border-radius:50%}.profilehero h2{margin:0 0 5px!important}.profilehero p{margin:0 0 8px}.profileform{max-width:650px}.profilehint{color:#8a96a6!important;font-size:11px!important}.profile-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #eef1f6;font-size:12px}.profile-row small{color:#8e9aaa;display:block;margin-top:5px}.profile-row strong{font-size:13px}.profile-row>span:last-child{text-align:right}.profilemain{max-width:900px!important}
@media(max-width:650px){.dashboardtabs button,.notetabs button,.profiletabs button{padding:12px;font-size:11px}.pathpanel{padding:18px}.pathstat strong{font-size:22px}.lesson-nav-sheet{padding:18px}.profilehero{gap:13px}.profileavatar{width:55px;height:55px;font-size:22px}.study-area .note-pane{padding:16px}.pathstats{gap:6px}}