.learning-dashboard{display:grid;grid-template-columns:1.35fr 1fr 1.1fr;gap:14px;padding-top:72px}.dash-progress-card,.continue-card,.setup-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.dash-progress-card{display:flex;align-items:center;gap:22px}.dash-progress-card h2{font-size:22px;line-height:1.2;margin:2px 0 5px}.dash-progress-card p:last-child,.continue-card p{color:var(--muted);font-size:12px;margin:0}.progress-ring{--progress:0deg;width:92px;height:92px;flex:0 0 92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acid) var(--progress),var(--line) 0);position:relative}.progress-ring:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--card)}.progress-ring span{position:relative;font:500 16px DM Mono}.dash-label{font:500 10px DM Mono;color:var(--muted);letter-spacing:.12em}.continue-card h3,.setup-card h3{font-size:17px;margin:9px 0 6px}.continue-card .button{margin-top:18px;width:100%}.setup-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.setup-head>span{font:11px DM Mono;color:var(--violet)}.setup-card label{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:11px;color:var(--muted);cursor:pointer}.setup-card input{accent-color:var(--violet);width:15px;height:15px}.course-explorer{padding-bottom:115px;scroll-margin-top:25px}.course-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:38px}.course-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0}.course-heading>p{color:var(--muted);font-size:15px}.course-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.course-index{display:flex;flex-direction:column;gap:8px;align-self:start;position:sticky;top:20px}.lesson-index-button{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:14px;border-radius:11px;text-align:left;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;cursor:pointer}.lesson-index-button:hover{border-color:var(--violet)}.lesson-index-button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lesson-index-button .index-number{width:28px;height:28px;border-radius:7px;background:var(--paper);color:var(--ink);display:grid;place-items:center;font:10px DM Mono}.lesson-index-button strong{font-size:11px}.lesson-index-button small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.lesson-index-button .complete-mark{color:#5a9b17}.lesson-view{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.lesson-view-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.lesson-kicker{font:500 10px DM Mono;color:var(--violet);letter-spacing:.12em}.lesson-view h3{font-size:32px;line-height:1.2;margin:8px 0}.lesson-outcome{font-size:16px;color:var(--muted);max-width:700px}.lesson-time{white-space:nowrap;background:var(--paper);border-radius:20px;padding:7px 11px;font:10px DM Mono;color:var(--muted)}.objective-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0}.objective{border:1px solid var(--line);border-radius:10px;padding:13px}.objective span{font:10px DM Mono;color:var(--violet)}.objective p{font-size:11px;margin:7px 0 0}.lesson-steps{counter-reset:lesson}.lesson-step{display:grid;grid-template-columns:34px 1fr;gap:12px;border-top:1px solid var(--line);padding:19px 0}.lesson-step:before{counter-increment:lesson;content:counter(lesson);width:27px;height:27px;border-radius:50%;background:var(--acid);color:#111827;display:grid;place-items:center;font:10px DM Mono}.lesson-step h4{margin:1px 0 4px;font-size:14px}.lesson-step p{margin:0;color:var(--muted);font-size:12px}.mini-code{background:#111827;color:#dce3ed;border-radius:12px;padding:18px;overflow:auto;font:11px/1.7 DM Mono;white-space:pre;margin:20px 0}.checkpoint{background:var(--paper);border-left:4px solid var(--violet);padding:17px 19px;border-radius:0 10px 10px 0;margin:20px 0}.checkpoint span{font:10px DM Mono;color:var(--violet)}.checkpoint p{font-size:12px;margin:5px 0 0}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px}.lesson-footer a{font-size:11px;color:var(--muted)}.complete-lesson{border:0;background:var(--violet);color:#fff;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer}.complete-lesson.completed{background:#4d8b1c}.reference-hub{padding:35px 0 115px;scroll-margin-top:25px}.reference-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:38px}.reference-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0}.search-box{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);padding:12px 15px;border-radius:11px}.search-box:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,92,255,.12)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.reference-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:30px}.reference-subhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:14px}.reference-subhead h3{font-size:17px}.reference-subhead span{font:10px DM Mono;color:var(--muted)}.glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.term-card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:15px}.term-card h4{font-size:12px;margin:0 0 5px}.term-card p{font-size:11px;color:var(--muted);margin:0}.term-card.hidden{display:none}.troubleshooting{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:25px;align-self:start}.troubleshooting .eyebrow{color:var(--acid)}.troubleshooting h3{font-size:22px;margin:0 0 18px}.troubleshooting details{border-top:1px solid #394352;padding:13px 0}.troubleshooting summary{cursor:pointer;font-size:12px;font-weight:700;list-style:none;padding-right:20px;position:relative}.troubleshooting summary:after{content:"+";position:absolute;right:0;color:var(--acid)}.troubleshooting details[open] summary:after{content:"−"}.troubleshooting details p{color:#9fa9b8;font-size:11px;margin-bottom:0}.module-card{cursor:pointer;position:relative}.module-card.is-complete:after{content:"COMPLETED ✓";position:absolute;right:20px;bottom:18px;font:9px DM Mono;background:var(--acid);color:#111827;padding:4px 7px;border-radius:10px}@media(max-width:1000px){.learning-dashboard{grid-template-columns:1fr 1fr}.dash-progress-card{grid-column:1/-1}.reference-layout{grid-template-columns:1fr}.troubleshooting{order:-1}}@media(max-width:900px){.course-layout{grid-template-columns:1fr}.course-index{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.lesson-index-button{grid-template-columns:28px 1fr}.lesson-index-button .complete-mark{display:none}}@media(max-width:700px){.learning-dashboard{grid-template-columns:1fr;padding-top:50px}.dash-progress-card{grid-column:auto}.course-heading,.reference-heading{grid-template-columns:1fr;gap:15px}.course-index{grid-template-columns:1fr 1fr}.lesson-view{padding:22px}.lesson-view-top{display:block}.lesson-time{display:inline-block;margin-top:8px}.objective-strip{grid-template-columns:1fr}.lesson-footer{align-items:stretch;flex-direction:column}.complete-lesson{width:100%}.reference-layout{grid-template-columns:1fr}.glossary-grid{grid-template-columns:1fr}}