header nav a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #d1daea;border-radius:9px;background:#fff;text-decoration:none!important;min-height:46px;box-sizing:border-box}header nav a:hover,header nav a:focus-visible{background:#edf2fc;border-color:#8da4d6}header nav{gap:10px!important}.profile-with-name{display:flex!important;align-items:center;gap:10px;width:auto!important;padding:10px 16px!important}.profile-name{font-size:16px;white-space:nowrap}.profile-with-name .account-avatar{width:36px;height:36px}.profile-with-name .account-avatar svg{width:36px;height:36px}.learning-save-status{display:flex;align-items:center;gap:10px;border:1px solid #d2e3da;background:#edf6f1;color:#285740!important;padding:12px 16px;border-radius:10px;font-size:14px!important;line-height:1.5!important;margin:16px 0 24px!important}.learning-save-status:before{content:'✓';font-weight:700}.learning-save-status.save-error{background:#fff0ef;color:#943733!important;border-color:#eabbb8}.learning-save-status.save-error:before{content:'!';}.course-reading .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 18px;background:#f1f4fa;border:1px solid #dde4ef;border-radius:10px;font-size:15px;color:#53627b;margin-bottom:20px}.course-reading .breadcrumb a{font-weight:650;text-decoration:none}.course-reading .preview-state{display:flex;justify-content:space-between;gap:14px;font-size:15px;padding:14px 18px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;margin:18px 0}.course-reading .preview-state span:last-child{color:#173c70;font-weight:700}.reflection-count,.reflection-progress{display:inline-block;padding:10px 16px;border-radius:9px;background:#edf1fb;color:#294b8a;font-size:14px!important;line-height:1.6}.course-reading .reading-stages{margin:20px 0}@media(max-width:650px){header nav{width:100%;gap:8px!important}header nav a{font-size:13px;padding:10px 12px;flex:1 1 40%}.profile-name{font-size:14px}.profile-with-name{padding:8px 12px!important}.course-reading .preview-state{font-size:13px;padding:12px}.learning-save-status{font-size:13px!important}}
.course-reading .preview-state>span+span{display:block}.course-reading .preview-state{flex-wrap:wrap}
.note-save-feedback{margin:16px 0 0!important;padding:14px 18px;border:1px solid #cdd7e6;border-radius:10px;font-size:16px!important;line-height:1.6!important;background:#f4f6fb;color:#33445e!important}.note-save-saved{background:#edf8f0;border-color:#9fceae;color:#225b36!important;font-weight:650}.note-save-pending{background:#fff8e6;border-color:#e4ce8e;color:#76571b!important}.note-save-error{background:#fff0f0;border-color:#df9a9a;color:#942b2b!important}.spelling-help{font-size:14px!important;line-height:1.6!important;margin:10px 0 18px!important}