.course-workspace-tabs {display:flex;gap:8px;margin:18px 0;position:sticky;top:0;z-index:2;background:var(--surface);padding:8px 0;}
.course-workspace-tabs button {flex:1;min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);font:inherit;cursor:pointer;}
.course-workspace-tabs [aria-pressed="true"] {background:var(--text);color:var(--surface);font-weight:700;}
.course-workspace-tabs button:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}
#materialsModal [hidden] {display:none!important;}
#materialsModalCourseName {overflow-wrap:anywhere;}
.course-notes-hint {display:none;color:var(--text-muted);line-height:1.8;}
#materialsModal[data-course-view="notes"] .course-notes-hint {display:block;}
#materialsModal[data-course-view="notes"] #materialsModalBody > :not(.library-list):not(input):not(.course-notes-hint) {display:none;}
#materialsModal[data-course-view="notes"] .library-row:not(.has-chapter-notes),
#materialsModal[data-course-view="notes"] .library-row > :not(strong):not(.chapter-notes) {display:none;}
.account-dock-courses {display:none!important;}
@media (max-width:900px) {
  body.has-account-dock {padding-bottom:calc(var(--account-dock-height,calc(92px + env(safe-area-inset-bottom))) + 16px);}
  .account-dock {left:0;right:0;top:var(--account-viewport-bottom,100dvh);bottom:auto;transform:translateY(-100%);width:auto;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:var(--surface);border-color:var(--border);box-shadow:0 -4px 24px #0002;}
  .account-dock a {min-width:0;min-height:56px;padding:6px 4px;font-size:12px;color:var(--text-dim);}
  .account-dock .account-dock-courses {display:flex!important;}
  .account-dock #accountHelpBtn,.account-dock [data-nav="settings"] {display:none;}
  .account-dock [data-active="true"] {background:var(--surface3);color:var(--text);border-color:var(--border);box-shadow:none;}
  .account-dock svg,.account-dock [data-active="true"] svg {width:22px;height:22px;transform:none;}
  #materialsModal {padding:12px 8px calc(90px + env(safe-area-inset-bottom));}
  #materialsModal > .modal-card {width:100%;max-width:760px!important;max-height:calc(100dvh - 110px - env(safe-area-inset-bottom))!important;padding:18px;}
  #materialsModal .btn {min-height:44px;white-space:normal;}
  #materialsModal .modal-section-bar {flex-wrap:wrap;gap:10px;}
  #materialsModal .library-actions {flex-wrap:wrap;}
  #materialsModal .library-row {min-width:0;overflow-wrap:anywhere;}
}