.learner-grades-page{max-width:1120px}.learner-grades-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.learner-grades-head h1{margin:3px 0 6px;font-size:clamp(30px,4vw,44px);letter-spacing:-.035em}.learner-grades-head p{max-width:690px;margin:0;color:var(--text-secondary);line-height:1.55}.learner-grades-trust{display:flex;align-items:center;gap:11px;max-width:310px;padding:13px 15px;border-radius:16px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-1));color:var(--text-secondary)}.learner-grades-trust>i{flex:0 0 auto;font-size:24px;color:var(--accent)}.learner-grades-trust span{display:grid;gap:2px}.learner-grades-trust b{color:var(--text-primary);font-size:13px}.learner-grades-trust small{font-size:11px;line-height:1.4}.learner-grades-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:24px;border:1px solid var(--border);border-radius:18px;background:var(--border)}.learner-grades-summary>div{display:grid;gap:7px;padding:16px 19px;background:var(--surface-1)}.learner-grades-summary span{color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learner-grades-summary b{font-size:24px}.learner-grades-summary b small{color:var(--text-secondary);font-size:14px}.learner-grade-course-list{display:grid;gap:24px}.learner-grade-course{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface-1);box-shadow:0 12px 34px color-mix(in srgb,#17233a 7%,transparent)}.learner-grade-course-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:21px 23px;border-bottom:1px solid var(--border)}.learner-grade-course-head h2{margin:3px 0 0;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em}.learner-grade-course-head .eyebrow{color:var(--accent)}.learner-grade-work-link{flex:0 0 auto;text-decoration:none}.learner-grade-overview{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.learner-grade-overview>div{background:color-mix(in srgb,var(--surface-2) 62%,var(--surface-1));padding:22px 23px}.learner-grade-score{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center}.learner-grade-score>span,.learner-grade-release span{color:var(--text-secondary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.learner-grade-score>strong{grid-row:1/3;grid-column:2;font-size:clamp(34px,4vw,50px);line-height:1;color:var(--accent)}.learner-grade-score>small{max-width:500px;color:var(--text-secondary);line-height:1.45}.learner-grade-release{display:grid;align-content:center;gap:9px}.learner-grade-release>div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.learner-grade-release b{font-size:18px}.learner-grade-release progress{width:100%;height:10px;border:0;border-radius:999px;overflow:hidden;background:var(--surface-3)}.learner-grade-release progress::-webkit-progress-bar{background:var(--surface-3);border-radius:999px}.learner-grade-release progress::-webkit-progress-value{background:var(--accent);border-radius:999px}.learner-grade-release progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.learner-grade-release small{color:var(--text-secondary)}.learner-grade-components{display:grid}.learner-grade-component{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.36fr);gap:16px 24px;padding:19px 23px;border-bottom:1px solid var(--border)}.learner-grade-component:last-child{border-bottom:0}.learner-grade-component-main{display:flex;align-items:center;gap:13px;min-width:0}.learner-grade-status-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:var(--surface-2);color:var(--text-secondary);font-size:21px}.learner-grade-component[data-grade-status="released"] .learner-grade-status-icon{background:color-mix(in srgb,#16834b 12%,var(--surface-1));color:#16834b}.learner-grade-component[data-grade-status="attention"] .learner-grade-status-icon{background:color-mix(in srgb,#b25d13 13%,var(--surface-1));color:#a34f09}.learner-grade-component h3{margin:0 0 3px;font-size:16px}.learner-grade-component-main p,.learner-grade-result span,.learner-grade-result small{margin:0;color:var(--text-secondary);font-size:12px}.learner-grade-result{display:grid;justify-items:end;align-content:center;gap:2px;text-align:right}.learner-grade-result strong{font-size:21px}.learner-grade-feedback{grid-column:1/-1;display:flex;align-items:flex-start;gap:11px;margin-left:55px;padding:13px 15px;border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--surface-2))}.learner-grade-feedback>i{margin-top:2px;color:var(--accent);font-size:18px}.learner-grade-feedback b{font-size:12px}.learner-grade-feedback p{margin:3px 0 0;color:var(--text-secondary);line-height:1.55;white-space:pre-wrap}.learner-grade-no-feedback{grid-column:1/-1;margin:0 0 0 55px;color:var(--text-secondary);font-size:12px;font-style:italic}.learner-grade-calculation{border-top:1px solid var(--border);padding:14px 23px;color:var(--text-secondary);font-size:12px}.learner-grade-calculation summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--text-primary);font-weight:800}.learner-grade-calculation p{margin:10px 0 0;line-height:1.5}.learner-grade-calculation code{white-space:normal}.learner-grade-empty,.learner-grade-page-empty{border:0;border-radius:0;box-shadow:none}.learner-grade-page-empty{border:1px solid var(--border);border-radius:20px;background:var(--surface-1)}
.learner-rubric-section{display:grid;gap:10px;padding:21px 23px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 38%,var(--surface-1))}.learner-rubric-section-head{margin-bottom:4px}.learner-rubric-section-head h3{margin:3px 0 4px;font-size:19px}.learner-rubric-section-head p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5}.learner-rubric-grade{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface-1)}.learner-rubric-grade>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;list-style:none}.learner-rubric-grade>summary::-webkit-details-marker{display:none}.learner-rubric-grade-title,.learner-rubric-grade-score{display:flex;align-items:center;gap:11px}.learner-rubric-grade-title>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-bg);color:var(--accent);font-size:18px}.learner-rubric-grade-title>span{display:grid}.learner-rubric-grade-title small,.learner-rubric-grade-score small{color:var(--text-secondary);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.learner-rubric-grade-score{text-align:right}.learner-rubric-grade-score>b{font-size:19px;color:var(--accent)}.learner-rubric-grade-score>i{transition:transform .18s ease}.learner-rubric-grade[open] .learner-rubric-grade-score>i{transform:rotate(180deg)}.learner-rubric-grade-body{padding:0 16px 16px}.learner-rubric-overall{display:flex;gap:10px;margin:0 0 12px;padding:12px 13px;border-radius:12px;background:var(--accent-bg)}.learner-rubric-overall>i{margin-top:2px;color:var(--accent)}.learner-rubric-overall b{font-size:12px}.learner-rubric-overall p{margin:3px 0 0;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.learner-rubric-criteria{display:grid;gap:1px;margin:0;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--border);list-style:none}.learner-rubric-criterion{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:4px 18px;padding:12px 13px;background:var(--surface-1)}.learner-rubric-criterion>div{display:grid}.learner-rubric-criterion span{color:var(--text-secondary);font-size:11px}.learner-rubric-criterion>b{align-self:center;font-size:12px}.learner-rubric-criterion p{grid-column:1/-1;margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.learner-rubric-criterion-feedback{padding-top:7px;border-top:1px dashed var(--border)}.learner-rubric-criterion-feedback i{color:var(--accent)}
@media(max-width:760px){.learner-grades-head{align-items:stretch;flex-direction:column}.learner-grades-trust{max-width:none}.learner-grades-summary{grid-template-columns:1fr}.learner-grade-course-head{align-items:flex-start;flex-direction:column}.learner-grade-overview{grid-template-columns:1fr}.learner-grade-component{grid-template-columns:1fr}.learner-grade-result{justify-items:start;padding-left:55px;text-align:left}.learner-grade-feedback,.learner-grade-no-feedback{margin-left:0}.learner-grade-work-link{width:100%;justify-content:center}.learner-rubric-grade>summary{align-items:flex-start}.learner-rubric-grade-score{display:grid;justify-items:end;gap:1px}.learner-rubric-grade-score>i{display:none}.learner-rubric-criterion{grid-template-columns:1fr}.learner-rubric-criterion>b{justify-self:start}}
@media(prefers-reduced-motion:reduce){.learner-grade-course{scroll-behavior:auto}}