.learner-header{padding-block:14px}.learner-header>a{font-size:.86rem;text-decoration:none}.learner-header .studio-logo img{width:140px}#learner-person{font-size:.8rem;color:var(--muted)}#learner-root{max-width:1440px;margin:auto;padding:32px 38px 70px}#learner-message{color:var(--muted)}#learner-message.error{padding:20px;background:#fff2ee;border-radius:12px;color:#9a382e}.learner-course-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 30px}.learner-course-header h1{font-size:clamp(1.9rem,3.2vw,2.8rem);max-width:900px;overflow-wrap:anywhere}.learner-help{white-space:nowrap;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:650;font-size:.82rem}.learner-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:28px;align-items:start}.learner-sidebar{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.learner-progress-track{height:8px;background:#e8eef6;border-radius:50px;margin:12px 0 6px;overflow:hidden}.learner-progress-track span{display:block;height:100%;background:var(--blue);border-radius:50px}.learner-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;font-weight:750}.learner-progress-copy{font-size:.77rem;color:var(--muted);margin:6px 0 20px}.learner-sidebar nav{display:grid;gap:8px}.learner-sidebar nav button{display:flex;gap:10px;align-items:start;text-align:left;font-size:.83rem;font-weight:550;line-height:1.5;padding:12px;border:1px solid transparent;background:#f7f9fc}.learner-sidebar button[aria-current]{border-color:#a2c2ed;background:#eaf3ff;color:var(--blue)}.lesson-status-dot{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e6edf6;color:#59728f;font-size:.74rem}.lesson-status-dot.done{background:#ddf2e8;color:#14674b}.learner-secondary-nav{display:grid;gap:8px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}.learner-secondary-nav button{text-align:left;font-size:.85rem}#learner-main{min-width:0;background:white;border:1px solid var(--line);border-radius:18px;padding:32px;outline:none}.learner-main-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:22px}.learner-main-heading h2{font-size:1.55rem;overflow-wrap:anywhere}.learner-main-heading small{color:var(--muted)}.learner-lesson-body,.learner-method-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#425a74;margin:24px 0}.learner-demo{background:#fff6dc;color:#7b5b13;border:1px solid #f1dfad;padding:12px 15px;border-radius:10px;font-size:.82rem;margin:0 0 22px}.learner-resources>a{display:block;color:var(--blue);font-weight:650;margin:14px 0}.learner-resource-head{margin-top:26px}.learner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.learner-actions .next{margin-left:auto}.learner-badge{font-size:.73rem;font-weight:750;padding:5px 9px;border-radius:50px;background:#eef4fc;color:var(--blue)}.learner-badge.success{background:#e6f5ed;color:#14674b}.learner-badge.warning{background:#fff1de;color:#8d5b12}.learner-callout{padding:22px;background:#f1f6fe;border:1px solid #d9e7fb;border-radius:13px;margin:18px 0;line-height:1.75}.learner-callout p{margin:9px 0}.learner-callout.success{background:#edf8f1;border-color:#c8e8d3;color:#195e3d}.learner-callout.warning{background:#fff8eb;border-color:#f0dfb9}.learner-steps{list-style:none;padding:0;display:grid;gap:12px}.learner-steps li{display:flex;gap:12px;align-items:center;font-size:.9rem}.learner-steps span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#edf3fb;color:var(--blue)}.learner-quiz-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.learner-quiz-summary div{padding:18px;border-radius:12px;background:#f4f7fc}.learner-quiz-summary strong{font-size:1.6rem;display:block}.learner-quiz-summary small{color:var(--muted)}.quiz-position{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.85rem;color:var(--muted)}.quiz-position .saved{color:#176548}.quiz-position .error{color:#a33129}.quiz-numbers{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.quiz-numbers button{padding:7px;min-width:36px;min-height:36px;border-radius:9px;font-size:.82rem}.quiz-numbers button.answered{background:#e8f5ee;color:#146448;border-color:#c5e5d4}.quiz-numbers button[aria-current]{outline:2px solid var(--blue);outline-offset:2px}.learner-question{border:0;margin:0;padding:0;min-width:0}.learner-question legend{font-size:1.2rem;font-weight:750;line-height:1.65;margin:5px 0 20px;overflow-wrap:anywhere}.learner-question label{display:flex;align-items:start;gap:12px;margin:11px 0;padding:15px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:.94rem;font-weight:450}.learner-question label:has(input:checked){background:#eff5ff;border-color:#7ca9e1}.learner-question input{width:19px;height:19px;flex:none;accent-color:var(--blue);margin-top:4px}.learner-question span{min-width:0;overflow-wrap:anywhere}.quiz-review{list-style:none;padding:0;display:grid;gap:12px}.quiz-review li{padding:15px;border:1px solid var(--line);border-radius:12px}.quiz-review strong{display:block;overflow-wrap:anywhere}.quiz-review small{display:block;color:var(--muted);margin:5px 0 10px}.learner-score{font:500 3.8rem/1 Georgia,serif;margin:10px 0}.learner-attempts{width:100%;border-collapse:collapse;font-size:.85rem}.learner-attempts td,.learner-attempts th{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}.learner-table-wrap{overflow-x:auto}.learner-method{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.learner-method h3{overflow-wrap:anywhere}.learner-cert-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.learner-cert-actions a{font-size:.85rem;font-weight:750}.learner-empty{padding:30px 0}.learner-empty h2{margin-bottom:15px}.learner-spinner{opacity:.6;pointer-events:none}.learner-course-search{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}.learner-course-search input,.learner-course-search select{font:inherit;border:1px solid #d9e3ef;border-radius:10px;padding:12px;color:#17304d;background:white}.learner-course-search input{flex:1;min-width:180px}.student-course-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.student-course-links a{font-size:.8rem;color:#1257b0}.student-result-actions{display:flex;gap:15px;margin-top:14px;flex-wrap:wrap}.student-result-actions a{font-size:.83rem;color:#1257b0;font-weight:650}.student-summary-note{color:#657d95;line-height:1.7;font-size:.85rem}.student-empty-help{grid-column:1/-1;padding:25px;border:1px solid #dae5f1;border-radius:15px;background:#f7faff}.student-empty-help a{color:#1257b0}.student-certificate-card>div{min-width:0}.student-certificate-card h3{overflow-wrap:anywhere}
@media(max-width:1050px){.learner-layout{grid-template-columns:235px minmax(0,1fr);gap:18px}#learner-root{padding:26px 22px 50px}#learner-main{padding:24px}.learner-course-header{align-items:start}.learner-help{white-space:normal}.learner-header .studio-header-actions{gap:8px}}
@media(max-width:760px){#learner-root{padding:20px 14px 40px}.learner-layout{grid-template-columns:1fr}.learner-sidebar{position:static;padding:16px}.learner-sidebar nav{max-height:220px;overflow:auto}.learner-secondary-nav{display:flex;overflow:auto;gap:8px;flex-wrap:wrap}.learner-secondary-nav button{font-size:.78rem;padding:8px 10px}.learner-course-header{flex-direction:column;gap:10px}.learner-course-header h1{font-size:2rem}.learner-header .studio-logo img{width:110px}.learner-header .studio-header-actions{width:100%}#learner-person{margin-right:auto}#learner-main{padding:20px}.learner-main-heading{align-items:start;flex-direction:column;gap:8px}.learner-quiz-summary{grid-template-columns:1fr 1fr}.learner-quiz-summary div:last-child{grid-column:1/-1}.learner-actions button{flex:1;min-width:110px}.learner-actions .next{margin-left:0}.learner-question label{padding:12px}.learner-score{font-size:3rem}.quiz-position{align-items:start;flex-direction:column;gap:8px}.learner-course-search select{max-width:100%;width:100%}}
a.course-action{text-decoration:none;text-align:center}.course-card h3,.course-meta span{overflow-wrap:anywhere}.course-meta{gap:10px}.learner-sidebar nav button>span:last-child{overflow-wrap:anywhere;min-width:0}#learner-main{scroll-margin-top:20px}.learner-cert-actions a{overflow-wrap:anywhere}.learner-header #learner-person{overflow-wrap:anywhere;max-width:260px}