/* Student spaces: real progress, clear next steps, and room to breathe. */
.student-home,.student-subject-page,.student-profile-page{padding-top:38px;padding-bottom:70px;color:#20213d}
.student-home h1,.student-home h2,.student-home h3,.student-subject-page h1,.student-subject-page h2,.student-subject-page h3,.student-profile-page h1,.student-profile-page h2,.student-profile-page h3{font-family:inherit;letter-spacing:-.035em;line-height:1.13}
.student-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.student-welcome .eyebrow{margin-bottom:8px;color:#6654e8;font-size:10px}.student-welcome h1{font-size:clamp(28px,3.5vw,40px);margin:0 0 8px;overflow-wrap:anywhere}.student-welcome p{color:#717185;margin:0;font-size:14px}.greeting-spark{color:#8c73ee;font-weight:500}.student-grade-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:#fff;border:1px solid #e5e4ee;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:750;white-space:nowrap}.student-grade-link svg{width:17px;height:17px}.student-grade-link svg:last-child{width:14px;margin-left:8px}
.student-launch-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.student-feature{background:#25243f;color:#fff;border-radius:24px;padding:30px 34px;position:relative;overflow:hidden;isolation:isolate;min-height:300px}.student-feature:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:38px 38px}.feature-label{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:#dbd6ff}.feature-label svg{width:15px;height:15px;color:#d9f56f}.student-feature h2{font-size:clamp(29px,3.6vw,43px);margin:21px 0 14px;max-width:450px;position:relative;z-index:1}.student-feature h2 span{color:#d9f56f}.student-feature p{color:#d0cee0;font-size:13px;max-width:375px;margin:0 0 23px;position:relative;z-index:1}.student-feature-button{background:#d9f56f;color:#20213d;gap:24px;position:relative;z-index:1;box-shadow:none;min-height:44px;font-size:13px;padding-inline:17px;border-radius:11px}.student-feature-button:hover{background:#e4ff89}.student-feature-button svg{width:17px;height:17px}.feature-orbit{position:absolute;width:235px;height:235px;border:1px solid #b3a6ff30;border-radius:50%;right:-23px;top:25px;transform:rotate(-14deg);z-index:-1}.feature-orbit:before{content:"";position:absolute;inset:26px;border-radius:50%;border:1px solid #b3a6ff24}.feature-orbit span{position:absolute;display:grid;place-items:center;width:62px;height:62px;border-radius:17px;color:#292247;font-size:37px;font-weight:800;box-shadow:0 8px 25px #0002}.feature-orbit span:nth-child(1){top:12px;right:4px;background:#b9a1f4;transform:rotate(20deg)}.feature-orbit span:nth-child(2){bottom:13px;left:3px;background:#f3b694;font-size:27px;transform:rotate(-3deg)}.feature-orbit span:nth-child(3){bottom:10px;right:-16px;background:#cde992;transform:rotate(8deg)}
.student-total-card{border-radius:24px;background:#eae7ff;padding:28px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;border:1px solid #e1dcfc}.student-total-icon{display:grid;place-items:center;background:#6654e8;width:42px;height:42px;border-radius:13px;color:#fff;transform:rotate(-7deg);margin-bottom:19px}.student-total-icon svg{width:23px;height:23px}.student-total-card .eyebrow{color:#615989;font-size:9px;letter-spacing:1.25px;margin:0}.student-total-card>strong{font-size:54px;font-weight:850;letter-spacing:-3px;line-height:1.15;margin:5px 0}.student-total-caption{font-size:12px;color:#696181}.student-total-bottom{border-top:1px solid #d5d0ef;padding-top:16px;margin-top:auto;width:100%;display:flex;align-items:center;gap:11px;color:#635983}.student-total-bottom>svg{width:22px;height:22px}.student-total-bottom p{font-size:11px;line-height:1.7;margin:0}.student-total-bottom a{font-weight:800;color:#4e40b1;text-decoration:none;display:inline-flex;gap:9px;align-items:center}.student-total-bottom a svg{width:13px;height:13px}
.student-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 19px}.student-section-heading h2{font-size:24px;margin:0 0 6px}.student-section-heading p{font-size:12px;margin:0;color:#777588}.student-count-badge{border:1px solid #dfddea;border-radius:8px;padding:5px 9px;font-size:10px;font-weight:700;color:#76718b;white-space:nowrap}.student-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-subject-card{background:#fff;border:1px solid #e9e7f0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 14px #2b225404;transition:transform .18s,box-shadow .18s}.student-subject-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #35206b0c}.student-subject-art{height:120px;background:color-mix(in srgb,var(--subject) 12%,#fbfaff);position:relative;overflow:hidden;display:grid;place-items:center}.student-subject-glyph{width:66px;height:66px;border:1px solid #ffffffa6;display:grid;place-items:center;border-radius:21px;background:#ffffffa3;color:var(--subject);transform:rotate(-8deg);box-shadow:0 6px 0 #ffffff4d}.student-subject-glyph svg{width:35px;height:35px;stroke-width:1.6}.subject-art-ring{position:absolute;width:128px;height:128px;border:20px solid color-mix(in srgb,var(--subject) 12%,transparent);border-radius:50%;left:-39px;top:-40px}.subject-art-dash{position:absolute;width:94px;height:9px;border-radius:10px;background:color-mix(in srgb,var(--subject) 15%,transparent);right:-20px;bottom:27px;transform:rotate(-40deg)}.subject-art-dash:after{content:"";position:absolute;width:60px;height:7px;border-radius:10px;background:inherit;top:16px;left:3px}.subject-art-spark{position:absolute;right:24%;top:18px;color:color-mix(in srgb,var(--subject) 65%,white);font-size:24px}.subject-art-dansk{background:#efe8fb}.subject-art-matematik{background:#e3f2ef}.subject-art-historie{background:#fceadf}.subject-art-historie .student-subject-glyph,.subject-art-dansk .student-subject-glyph{transform:rotate(7deg)}.student-subject-body{padding:20px;flex:1;display:flex;flex-direction:column}.student-subject-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.student-level{font-size:10px;font-weight:800;color:#666078;background:#f3f1f8;padding:4px 8px;border-radius:6px;white-space:nowrap}.student-streak{display:flex;gap:3px;align-items:center;font-size:10px;color:#817989;white-space:nowrap}.student-streak svg{width:14px;height:14px;color:#d48154}.student-subject-card h3{font-size:25px;margin:0 0 8px}.student-subject-description{font-size:12px;color:#797386;line-height:1.6;margin:0 0 20px;min-height:39px}.student-card-stats{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#787487;margin-top:auto}.student-card-stats strong{color:#292641;font-size:13px;font-weight:800;margin-right:3px}.student-level-track{height:6px;background:#f0edf6;border-radius:20px;overflow:hidden;margin-top:12px}.student-level-track>span{display:block;height:100%;background:var(--category,var(--subject,#6654e8));border-radius:inherit}.student-level-note{font-size:10px;color:#888095;margin:7px 0 17px!important;line-height:1.4}.student-subject-link{background:#f4f1fb;color:#342d51;font-size:12px;min-height:44px;justify-content:space-between;gap:10px;border-radius:10px;width:100%;padding:0 14px}.student-subject-link svg{width:17px;height:17px;flex-shrink:0}.student-subject-link:hover{background:#e9e4f8}
.student-upcoming{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;background:#eeedf5;border:1px solid #e7e4ee;border-radius:17px;margin-top:24px;padding:20px}.student-upcoming h2{font-size:16px;margin:0 0 6px}.student-upcoming p{font-size:11px;color:#817b90;margin:0}.student-upcoming-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.student-upcoming-item{display:flex;align-items:center;gap:10px;min-width:0;color:#78728a}.student-upcoming-item>span{width:31px;height:31px;flex-shrink:0;border-radius:10px;background:#e2dfed;display:grid;place-items:center}.student-upcoming-item>span svg{width:17px;height:17px}.student-upcoming-item strong{font-size:12px;font-weight:750;display:block;overflow-wrap:anywhere}.student-upcoming-item small{font-size:9px;display:block;color:#888295}.student-upcoming-item>svg{width:13px;height:13px;margin-left:auto;flex-shrink:0;color:#9690a3}.student-heading-icon{color:#8b82a2}.student-heading-icon svg{width:22px;height:22px}.student-activity-list{background:#fff;border:1px solid #e9e6f0;border-radius:18px;overflow:hidden}.student-activity-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 20px;border-bottom:1px solid #f1eff7}.student-activity-item:last-child{border-bottom:0}.student-activity-status{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.student-activity-status svg{width:17px;height:17px}.student-activity-status.is-correct{background:#e8f6ed;color:#2f8661}.student-activity-status.is-learning{background:#fff0de;color:#b7792e}.student-activity-item>div strong{font-size:12px}.student-activity-item p{font-size:11px;color:#8a8395;margin:2px 0 0;overflow-wrap:anywhere}.student-activity-points{font-size:16px;font-weight:800;color:#6150c0;text-align:right}.student-activity-points small{display:block;font-size:9px;color:#9a92a9;font-weight:600;line-height:1}.student-empty{padding:25px;background:#fff;border:1px dashed #dcd6ef;border-radius:18px;display:flex;align-items:center;gap:17px}.student-empty>span{width:44px;height:44px;border-radius:14px;background:#efebfc;color:#7860d7;display:grid;place-items:center;flex-shrink:0}.student-empty svg{width:23px;height:23px}.student-empty h3{font-size:15px;margin:0 0 7px}.student-empty p{font-size:12px;margin:0;color:#81788f}.student-empty a{font-size:12px}
.student-subject-page>.back-link,.student-profile-page>.back-link{font-size:12px;color:#827990}.student-subject-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;background:color-mix(in srgb,var(--subject) 11%,#fff);border:1px solid color-mix(in srgb,var(--subject) 17%,#fff);border-radius:23px;margin-top:22px;padding:30px 36px;overflow:hidden}.student-subject-banner .eyebrow{color:var(--subject);font-size:10px;margin-bottom:10px}.student-subject-banner h1{font-size:45px;margin:0 0 10px}.student-subject-banner p{font-size:14px;color:#756e82;margin:0;max-width:580px}.student-banner-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.student-banner-badges>span{display:inline-flex;align-items:center;gap:6px;background:#ffffffa6;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:750;color:#5b506c}.student-banner-badges svg{width:14px;height:14px;color:var(--subject)}.student-banner-art{position:relative;min-width:125px;height:125px;background:#ffffff95;border-radius:32px;display:grid;place-items:center;transform:rotate(9deg);box-shadow:0 9px 0 #ffffff50;margin-right:12px;color:var(--subject)}.student-banner-art>svg{width:66px;height:66px;stroke-width:1.3}.student-banner-art>span{position:absolute;right:-14px;top:-25px;font-size:35px;transform:rotate(-15deg)}.student-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-category-card{border:1px solid #e5e1ed;border-radius:19px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.student-category-copy{padding:23px 22px 4px;display:flex;flex-direction:column;flex:1}.student-category-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.student-category-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--category);background:color-mix(in srgb,var(--category) 12%,white)}.student-category-symbol svg{width:21px;height:21px}.student-category-card h3{font-size:21px;margin:0 0 10px}.student-category-description{font-size:12px;line-height:1.6;color:#81768a;margin:0 0 20px}.student-practice-panel{background:#faf9fd;padding:18px 22px 22px;border-top:1px solid #f0ebf7;display:flex;flex-direction:column;margin:0}.student-practice-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.student-practice-fields label{font-size:10px;font-weight:800;color:#7b7089;display:grid;gap:5px}.student-practice-fields select{min-width:0;width:100%;border:1px solid #e1dbe9;border-radius:8px;background:#fff;padding:9px 8px;font-size:12px;color:#413551;min-height:42px}.student-practice-fields select:focus-visible{outline:3px solid #c6b8fa;outline-offset:2px}.student-availability-note{font-size:10px;color:#92869d;margin:9px 0 15px;line-height:1.5}.student-practice-panel>.student-subject-link{background:color-mix(in srgb,var(--category) 12%,white);margin-top:auto}.student-practice-panel>.student-subject-link:hover{background:color-mix(in srgb,var(--category) 21%,white)}.has-single-category{grid-template-columns:1fr}.has-single-category .student-category-card{display:grid;grid-template-columns:1.25fr 1fr}.has-single-category .student-category-copy{padding:28px}.has-single-category .student-category-copy>h3{font-size:27px}.has-single-category .student-practice-panel{padding:28px;border-top:0;border-left:1px solid #f0ebf7;justify-content:center}.has-single-category .student-practice-panel>.student-subject-link{margin-top:10px}.has-single-category .student-practice-panel h4{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px}.has-single-category .student-practice-panel>p:not(.student-availability-note){font-size:12px;color:#85758e;line-height:1.7;margin:0 0 17px}.has-single-category .student-practice-panel .eyebrow{font-size:9px;color:var(--category);margin-bottom:12px}.student-game-tags{display:flex;gap:6px;margin-bottom:22px}.student-game-tags span{font-size:10px;color:#9c6548;background:#fbf0e8;border-radius:6px;padding:5px 8px}.student-topic-upcoming .student-upcoming-list{grid-template-columns:repeat(4,minmax(0,1fr))}.student-learning-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#8a8097;margin-top:28px}.student-learning-note svg{width:16px;height:16px;flex-shrink:0;color:#8872c3}
.student-profile-page .student-welcome{margin:22px 0}.student-profile-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:23px;background:#272541;color:#fff;padding:31px 36px;position:relative;overflow:hidden}.student-profile-identity{display:flex;align-items:center;gap:22px;min-width:0}.student-profile-avatar{width:87px;height:87px;flex-shrink:0;border-radius:26px;background:#d9f56f;color:#303646;display:grid;place-items:center;font-size:37px;font-weight:850;transform:rotate(-5deg)}.student-profile-identity .eyebrow{font-size:9px;color:#bcb2e5;margin-bottom:5px}.student-profile-identity h2{font-size:29px;margin:0;overflow-wrap:anywhere}.student-profile-identity p{color:#a69cbe;font-size:12px;margin:6px 0 10px;overflow-wrap:anywhere}.student-profile-grade{font-size:10px;background:#ffffff14;border:1px solid #ffffff16;border-radius:7px;padding:4px 8px;color:#d7cee6}.student-profile-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;flex-shrink:0}.student-profile-score svg{width:25px;height:25px;color:#d9f56f}.student-profile-score strong{font-size:43px;letter-spacing:-2px;font-weight:850;line-height:1.3}.student-profile-score>span{grid-column:2;font-size:11px;color:#bcb2cd}.student-profile-note{display:flex;gap:11px;align-items:center;background:#ece9f7;border:1px solid #e4deef;border-radius:13px;padding:15px 18px;margin-top:17px;color:#7a6c8d}.student-profile-note>svg{width:21px;height:21px;flex-shrink:0;color:#8d77b6}.student-profile-note p{font-size:11px;line-height:1.7;margin:0}.student-profile-note strong{color:#60536f}.student-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.student-profile-subject{padding:23px;background:#fff;border:1px solid #e5dfed;border-radius:19px}.student-profile-subject-heading{display:flex;gap:12px;align-items:center;margin-bottom:22px}.student-profile-subject-icon{width:42px;height:42px;flex-shrink:0;border-radius:13px;background:color-mix(in srgb,var(--subject) 12%,white);color:var(--subject);display:grid;place-items:center}.student-profile-subject-icon svg{width:23px;height:23px}.student-profile-subject-heading h3{font-size:19px;margin:0 0 4px}.student-profile-subject-heading>div>span{font-size:10px;color:#8b7d98}.student-icon-link{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-left:auto;color:#8c7f9a;flex-shrink:0}.student-icon-link:hover{background:#f1ecf8}.student-icon-link svg{width:18px;height:18px}.student-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 17px}.student-profile-stats>div{display:flex;flex-direction:column-reverse;gap:3px}.student-profile-stats dt{font-size:9px;color:#93849e}.student-profile-stats dd{margin:0;font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1.2}.student-profile-footnote{font-size:10px;color:#92829d;line-height:1.6;margin:0;border-top:1px solid #f1edf5;padding-top:13px}
@media(max-width:1000px){.feature-orbit{right:-90px;opacity:.65}.student-feature{padding:28px}.student-launch-grid{grid-template-columns:minmax(0,1fr) 255px}.student-subject-grid,.student-category-grid,.student-profile-grid{gap:14px}.student-subject-body{padding:17px}.student-upcoming{grid-template-columns:130px 1fr;gap:18px}.student-upcoming-list{gap:12px}.student-card-stats{font-size:9px}.student-category-copy{padding:20px 18px 3px}.student-practice-panel{padding:17px 18px 20px}.student-category-card h3{font-size:20px}.student-topic-upcoming .student-upcoming-list{grid-template-columns:repeat(2,1fr);gap:16px}.student-profile-subject{padding:18px}.student-profile-subject-heading{gap:8px}.student-profile-subject-heading h3{font-size:17px}}
@media(max-width:760px){.student-launch-grid{grid-template-columns:minmax(0,1fr) 215px;gap:15px}.student-feature{padding:26px}.student-feature h2{font-size:32px}.feature-orbit{display:none}.student-total-card{padding:23px}.student-total-card>strong{font-size:46px}.student-subject-grid,.student-category-grid,.student-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-upcoming{grid-template-columns:1fr;gap:16px}.student-upcoming-list{gap:22px}.student-subject-banner{padding:26px}.student-banner-art{min-width:90px;height:90px;border-radius:24px}.student-banner-art>svg{width:45px;height:45px}.student-subject-banner h1{font-size:38px}.has-single-category{grid-template-columns:1fr}.student-profile-score strong{font-size:34px}}
@media(max-width:560px){.student-home,.student-subject-page,.student-profile-page{padding-top:25px;padding-bottom:40px}.student-welcome{gap:17px;margin-bottom:22px;align-items:flex-start;flex-direction:column}.student-welcome h1{font-size:30px}.student-welcome p{font-size:12px}.student-grade-link{font-size:10px;padding:7px 10px;min-height:38px}.student-grade-link svg{width:14px;height:14px}.student-grade-link svg:last-child{margin-left:3px}.student-launch-grid{grid-template-columns:1fr;gap:12px}.student-feature{padding:26px;min-height:0;border-radius:20px}.student-feature h2{font-size:35px;margin-top:17px}.student-feature p{font-size:12px;max-width:95%;margin-bottom:20px}.feature-orbit{display:block;right:-150px;top:20px;opacity:.4}.student-feature-button{font-size:12px;gap:30px}.student-total-card{display:grid;grid-template-columns:40px 1fr auto;gap:2px 12px;border-radius:16px;padding:18px;align-items:center}.student-total-icon{grid-column:1;grid-row:1/3;width:37px;height:37px;margin:0;border-radius:11px}.student-total-icon svg{width:21px;height:21px}.student-total-card .eyebrow{grid-column:2;grid-row:1;font-size:8px;letter-spacing:.6px;align-self:end}.student-total-card>strong{grid-column:3;grid-row:1/3;font-size:33px;letter-spacing:-1.5px;margin:0}.student-total-caption{grid-column:2;grid-row:2;font-size:9px;align-self:start}.student-total-bottom{display:none}.student-section-heading{margin-top:29px;margin-bottom:16px;gap:8px}.student-section-heading h2{font-size:22px}.student-section-heading p{font-size:11px;line-height:1.6}.student-count-badge{font-size:8px;padding:5px 7px}.student-subject-grid,.student-category-grid,.student-profile-grid{grid-template-columns:1fr;gap:15px}.student-subject-art{height:105px}.student-subject-body{padding:21px}.student-subject-card h3{font-size:25px}.student-subject-description{font-size:12px;min-height:0;margin-bottom:18px}.student-card-stats{font-size:10px}.student-subject-meta{margin-bottom:11px}.student-upcoming{padding:18px;margin-top:20px;border-radius:16px;gap:14px}.student-upcoming-list{grid-template-columns:1fr;gap:13px}.student-upcoming-item{padding-top:12px;border-top:1px solid #e0dce9}.student-upcoming-item strong{font-size:12px}.student-upcoming-item small{font-size:10px}.student-upcoming h2{font-size:16px}.student-upcoming-item>span{width:32px;height:32px}.student-upcoming-item>svg{margin-left:auto}.student-activity-item{padding:14px;gap:10px;grid-template-columns:31px minmax(0,1fr) auto}.student-activity-status{width:31px;height:31px}.student-activity-item>div strong{font-size:11px}.student-activity-item p{font-size:10px}.student-activity-points{font-size:14px}.student-empty{padding:20px;gap:12px;align-items:flex-start}.student-empty h3{font-size:14px}.student-empty p{font-size:11px;line-height:1.6}.student-empty>span{width:35px;height:35px;border-radius:10px}.student-empty svg{width:20px;height:20px}.student-subject-banner{padding:24px;margin-top:18px;border-radius:19px;position:relative}.student-subject-banner h1{font-size:37px}.student-subject-banner p{font-size:12px}.student-subject-banner-copy{position:relative;z-index:1}.student-subject-banner .eyebrow{font-size:9px;max-width:240px}.student-banner-art{position:absolute;right:-20px;top:-20px;opacity:.2;width:90px;min-width:0}.student-banner-badges{gap:6px}.student-banner-badges>span{font-size:9px;padding:6px 8px}.student-category-copy{padding:23px 22px 3px}.student-category-card h3{font-size:23px}.student-practice-panel{padding:19px 22px 22px}.student-practice-fields select{font-size:16px;min-height:46px}.student-practice-fields label{font-size:11px}.student-practice-fields{gap:12px}.has-single-category .student-category-card{display:flex}.has-single-category .student-category-copy{padding:24px 22px 8px}.has-single-category .student-practice-panel{padding:22px;border-left:0;border-top:1px solid #f0ebf7}.has-single-category .student-practice-panel h4{font-size:22px}.student-topic-upcoming .student-upcoming-list{grid-template-columns:1fr;gap:0}.student-topic-upcoming .student-upcoming-item{padding-block:13px}.student-topic-upcoming .student-upcoming-item:last-child{padding-bottom:0}.student-learning-note{align-items:flex-start;justify-content:flex-start;font-size:10px;line-height:1.7}.student-learning-note svg{margin-top:2px}.student-profile-hero{padding:25px;flex-direction:column;align-items:flex-start;gap:26px;border-radius:20px}.student-profile-identity{gap:18px}.student-profile-avatar{width:64px;height:64px;border-radius:20px;font-size:30px}.student-profile-identity h2{font-size:24px}.student-profile-score{border-top:1px solid #ffffff1a;width:100%;padding-top:18px;grid-template-columns:auto auto 1fr;gap:10px}.student-profile-score>span{grid-column:3}.student-profile-score strong{font-size:32px}.student-profile-score svg{width:23px;height:23px}.student-profile-note{align-items:flex-start;padding:15px}.student-profile-note svg{margin-top:3px}.student-profile-note p{font-size:10px}.student-profile-note strong{display:block}.student-profile-subject{padding:23px}.student-profile-subject-heading h3{font-size:21px}.student-profile-subject-heading{gap:12px}.student-profile-stats dd{font-size:27px}.student-icon-link{width:44px;height:44px}.student-profile-footnote{font-size:11px}}
/* Supporting text is readable on desktop as well as on phones. */
.student-subject-description,.student-category-description{font-size:13px;color:#686278}
.student-level-note,.student-availability-note,.student-profile-footnote,.student-activity-item p,.student-learning-note{font-size:12px;color:#696176}
.student-card-stats,.student-profile-stats dt,.student-profile-subject-heading>div>span{font-size:11px;color:#696176}
.student-profile-note p{font-size:12px;color:#696176}
/* Phone screens keep readable text rather than miniaturising the desktop cards. */
@media(max-width:560px){
  .student-welcome .eyebrow,.feature-label,.student-total-card .eyebrow,.student-count-badge,.student-level,.student-streak,.student-upcoming-item small,.student-activity-points small,.student-subject-banner .eyebrow,.student-banner-badges>span,.student-practice-fields label,.has-single-category .student-practice-panel .eyebrow,.student-game-tags span,.student-profile-identity .eyebrow,.student-profile-grade,.student-profile-subject-heading>div>span,.student-profile-stats dt{font-size:11px}
  .student-welcome p,.student-feature p,.student-subject-description,.student-section-heading p,.student-upcoming p,.student-activity-item p,.student-empty p,.student-subject-banner p,.student-category-description,.has-single-category .student-practice-panel>p:not(.student-availability-note),.student-profile-note p{font-size:13px;line-height:1.6}
  .student-grade-link,.student-total-caption,.student-card-stats,.student-level-note,.student-activity-item>div strong,.student-upcoming-item strong,.student-availability-note,.student-learning-note,.student-profile-identity p,.student-profile-score>span,.student-profile-footnote{font-size:12px;line-height:1.5}
  .student-feature-button,.student-subject-link{font-size:13px}
  .student-total-card{grid-template-columns:36px minmax(0,1fr) auto;gap:2px 10px;padding:17px 15px}
  .student-total-caption{font-size:12px;line-height:1.4}.student-total-card .eyebrow{letter-spacing:0}.student-total-card>strong{font-size:31px}
  .student-section-heading{align-items:flex-start}.student-count-badge{margin-top:3px;white-space:normal;text-align:center;min-width:72px}
  .student-card-stats{flex-wrap:wrap;row-gap:4px}.student-subject-meta{flex-wrap:wrap;row-gap:7px}
  .student-profile-stats{gap:12px}.student-activity-item{align-items:start}.student-activity-status{margin-top:2px}.student-activity-points{padding-top:3px}
}
@media(prefers-reduced-motion:reduce){.student-subject-card{transition:none}.student-subject-card:hover{transform:none}}