.learning-crumb{display:flex;align-items:center;gap:11px;color:#9a9da6;font-size:11px;margin-bottom:20px}.learning-crumb a:hover{color:#3f4652}.learning-crumb b{font-weight:500;color:#646b78}.learning-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.learning-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;flex-wrap:wrap}.learning-class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learning-class-card{padding:23px}.learning-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.learning-card-link{background:none;border:0;text-align:left;padding:0;color:var(--ink);margin-bottom:19px}.learning-card-link h2{font-size:16px}.learning-card-link:hover{color:#5b6d89}.learning-class-card dl{display:grid;grid-template-columns:72px 1fr;gap:12px 8px;margin:0;font-size:11px;line-height:1.7}.learning-class-card dt{color:#a1a4ad}.learning-class-card dd{margin:0;color:#6f7580;white-space:pre-wrap;overflow-wrap:anywhere}.learning-card-footer{margin-top:22px;padding-top:15px;border-top:1px solid #f0f1f4;display:flex;justify-content:space-between;align-items:center;gap:8px}.learning-card-footer>span{font-size:10px;color:#a2a6af}.learning-card-footer .text-btn{font-size:10px}.learning-storage{font-size:10px;color:#aaaeb7;margin-top:22px}.learning-empty{padding:55px 20px;color:#a1a5af;text-align:center;grid-column:1/-1}.learning-class-summary{display:grid;grid-template-columns:1fr 1fr 2.5fr;gap:20px;margin:24px 0 20px}.learning-class-summary>div{background:#fff;padding:22px;border:1px solid #e7e8ed;border-radius:10px;min-width:0}.learning-class-summary span{font-size:11px;color:#969ba5;display:block;margin-bottom:12px}.learning-class-summary strong{font-size:27px;font-weight:600}.learning-class-summary strong small{font-size:11px;color:#a5a9b2;font-weight:400;margin-left:8px}.learning-progress-note b{display:block;font-size:13px;font-weight:500;line-height:1.8;overflow-wrap:anywhere}.learning-progress-note small{color:#a1a6b0;font-size:11px;display:block;margin-top:8px}.learning-class-notes{display:grid;grid-template-columns:1fr 1fr;padding:21px 24px;gap:28px}.learning-class-notes span{font-size:11px;color:#a0a4af}.learning-class-notes p{font-size:12px;color:#767d89;line-height:1.8;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.learning-tabs{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e4e7ed;margin-top:30px;flex-wrap:wrap}.learning-tabs>button{padding:12px 0 13px;background:none;border:0;border-bottom:2px solid transparent;color:#979da7;font-size:13px}.learning-tabs>button.selected{color:#3e4758;border-bottom-color:#4f5c74}.learning-tabs>.learning-dim-button{margin-left:auto;font-size:11px}.learning-toggle{display:inline-flex!important;align-items:center;gap:7px;font-size:11px;color:#8d94a0;margin:0!important;line-height:1.8}.learning-toggle input{width:14px!important;height:14px!important;padding:0;flex-shrink:0;accent-color:#62718c}.learning-student-table th{white-space:nowrap}.learning-student-table td{vertical-align:middle}.learning-student-name{font-size:12px;color:#394353;font-weight:500;padding-left:0}.learning-muted{color:#bec1c9}.skill-status{display:inline-block;background:#f3f4f6;color:#a0a5af;border:1px solid #e8eaef;border-radius:5px;padding:5px 7px;font-size:10px;white-space:nowrap;font-weight:400}.skill-1{background:#fbf5eb;border-color:#f0e6d4;color:#a68a56}.skill-2{background:#f1f3f6;border-color:#e4e8ee;color:#858e9e}.skill-3{background:#eef1f7;border-color:#e2e7f0;color:#7789a8}.skill-4{background:#eaf0f9;border-color:#dbe4f2;color:#637da7}.learning-student-table .tag{font-size:9px;padding:4px 6px}.learning-profile-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;color:#9299a5;font-size:12px;margin:22px 0}.learning-profile-meta b{font-weight:500;color:#535f74;margin-left:7px}.learning-profile-attention{padding:22px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.learning-profile-attention h2{font-size:14px}.learning-profile-attention p{margin:10px 0 0}.attention-text{font-size:12px;line-height:1.9;white-space:pre-wrap;color:#7a828f;overflow-wrap:anywhere}.learning-skills-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.learning-skill-card{text-align:left;padding:19px;display:flex;align-items:flex-start;flex-direction:column;gap:14px;cursor:pointer;font:inherit;color:#727c8c;min-width:0}.learning-skill-card:hover{border-color:#b6c0d1}.learning-skill-card>span{font-size:12px}.learning-skill-card>small{font-size:10px;color:#a4abb6}.learning-skill-card>p{margin:0;font-size:11px;color:#9098a4;line-height:1.7;overflow-wrap:anywhere}.learning-timeline{padding:5px 24px}.learning-timeline article{padding:23px 0;border-bottom:1px solid #eff1f5}.learning-timeline article:last-child{border:0}.learning-timeline article>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}.learning-timeline time{font-size:11px;color:#a0a7b2}.learning-timeline h3{font-size:13px;font-weight:500}.learning-timeline p{font-size:12px;line-height:1.9;color:#818b9b;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0}.learning-enrollment-history{margin-top:23px;color:#9aa2ae;font-size:11px}.learning-enrollment-history summary{cursor:pointer}.learning-enrollment-history p{padding-left:15px;line-height:1.8}.learning-dialog{max-height:90vh;overflow:auto}.learning-dialog-wide{max-width:820px}.learning-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.learning-dialog input[type=checkbox]{width:14px;height:14px}.learning-dialog .learning-toggle{margin-top:17px!important}.learning-dialog textarea{height:86px;min-height:60px}.learning-copy-classes{border:1px solid #e6e9ef;border-radius:8px;padding:15px;margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 13px}.learning-copy-classes legend{font-size:11px;color:#a1a8b4;padding:0 7px}.learning-copy-classes .learning-toggle{margin-top:3px!important}.learning-import-preview{max-height:36vh;border:1px solid #e8ebf1;border-radius:8px}.learning-import-preview th{padding:12px 16px}.learning-import-preview td{padding:12px 16px}.learning-errors{padding:11px 15px;background:#fcf3ef;border:1px solid #f3dfd5;border-radius:7px;margin:15px 0;max-height:140px;overflow:auto}.learning-errors p{font-size:11px;color:#a28373;margin:5px 0}.learning-dialog select[size]{height:160px;padding:5px}.learning-dialog select[size] option{padding:8px}#learning-import-status{font-size:12px;color:#9d8c75;margin-top:15px}.learning-actions .search{min-width:120px}input[type=checkbox]{accent-color:#65738c}@media(max-width:1200px){.learning-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-class-summary{gap:14px;grid-template-columns:1fr 1fr 2fr}.learning-class-summary>div{padding:19px}}@media(max-width:800px){.learning-class-grid{gap:14px}.learning-class-card{padding:19px}.learning-card-footer{align-items:flex-start;flex-direction:column}.learning-class-summary{grid-template-columns:1fr 1fr}.learning-class-summary .learning-progress-note{grid-column:1/-1}.learning-class-notes{padding:20px;gap:20px}.learning-skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-tabs{gap:17px}.learning-tabs>.learning-dim-button{margin-left:0}.learning-profile-meta{gap:15px}.learning-profile-attention{padding:18px}.learning-copy-classes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.learning-class-grid{grid-template-columns:1fr}.learning-actions .btn{padding:8px 10px;font-size:10px}.learning-toolbar{gap:12px}.learning-toolbar>.search{width:100%}.learning-toolbar .learning-actions{gap:6px}.learning-actions .search{padding:8px;min-width:94px;font-size:10px}.learning-toolbar .chip{font-size:10px;padding:8px}.learning-class-summary{gap:12px}.learning-class-summary>div{padding:17px}.learning-class-notes{grid-template-columns:1fr;gap:20px}.learning-crumb{font-size:10px;gap:8px;flex-wrap:wrap}.learning-profile-meta{font-size:10px;gap:13px}.learning-skill-card{padding:16px}.learning-profile-attention{flex-direction:column;gap:12px}.learning-profile-attention .learning-actions{align-self:flex-end}.learning-tabs{gap:15px}.learning-tabs>button{font-size:12px}.learning-tabs>.learning-dim-button{font-size:10px}.learning-timeline{padding:3px 17px}.learning-form-row{grid-template-columns:1fr;gap:0}.learning-dialog{padding:22px}.learning-copy-classes{grid-template-columns:1fr}.learning-import-preview td,.learning-import-preview th{padding:10px;font-size:10px}}

/* Compact class directory, matching website navigation cards. */
.learning-class-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.learning-class-card.learning-class-compact{height:42px;padding:6px 9px;display:flex;align-items:center;gap:8px;text-align:left;min-width:0;font:inherit;color:#454b56;border-radius:6px;cursor:pointer}.learning-class-compact:hover{background:#f4f5f7;border-color:#c9ced7}.class-compact-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:#f2f3f6;border-radius:5px;color:#858e9f;font-size:11px}.class-compact-name{font-size:11px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.class-compact-count{margin-left:auto;color:#959daa;font-size:10px;white-space:nowrap;flex-shrink:0}.class-compact-arrow{font-size:10px;color:#b3b8c2;flex-shrink:0}
@media(min-width:1400px){.learning-class-grid-compact{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.learning-class-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){.learning-class-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-class-card.learning-class-compact{height:48px;padding:7px 8px;gap:5px}.class-compact-icon,.class-compact-arrow{display:none}}