/* Learning Path only: use the same dark palette as the existing labs. */
.learning-page{--ink:#e3ede7;--paper:#0f1b18;--muted:#94aaa0;--line:#2b4137;background:var(--paper);color:var(--ink)}
.learning-page em,.learning-page .logo span{color:#d5f577}
.learning-page .primary{background:#d5f577;color:#17291e}
.learning-page .secondary,.learning-page .small{background:#172a21;color:var(--ink)}
.learning-page header{flex-wrap:wrap;gap:18px}
.learning-page nav{flex-wrap:wrap;gap:22px}
.learning-page .hero-art{box-shadow:0 20px 50px #0002}
.learning-page .progress>div{background:#263b30}
.learning-page .progress i{background:#d5f577}
.curriculum-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.curriculum-actions{display:flex;gap:8px;flex-wrap:wrap}
.curriculum-actions button{padding:9px 12px;font-size:11px;transition:background .15s}
.curriculum-actions button:hover{background:#284132}
.curriculum-search{width:min(320px,45%)}
.curriculum-search .searchlabel{margin:0 0 7px;color:var(--muted)}
.curriculum-search input{background:#13231b;border-color:#344c3e;color:var(--ink)}
.curriculum-search input::placeholder{color:#7e9589}
.curriculum-explorer{border:1px solid var(--line);border-radius:12px;background:#13231c;padding:8px;overflow:hidden}
.curriculum-folder{border-radius:6px}
.curriculum-folder>h3{margin:0;font:inherit;letter-spacing:0}
.folder-header{width:100%;display:flex;align-items:center;gap:10px;padding:13px 12px;border:0;border-radius:5px;text-align:left;color:#d8e6dd;background:transparent;font-size:14px;line-height:1.5;transition:background .16s}
.folder-header:hover{background:#20372a}
.folder-chevron{width:14px;height:14px;flex:none;fill:none;stroke:#91a799;stroke-width:1.7;transition:transform .2s}
.is-open>.folder-header .folder-chevron,.is-open>h3 .folder-chevron{transform:rotate(90deg)}
.curriculum-folder-icon{width:20px;height:20px;flex:none;fill:#9cb45d1c;stroke:#b5ce7b;stroke-width:1.5;stroke-linejoin:round}
.folder-title{flex:1;min-width:0}
.folder-count{font:10px monospace;color:#8da695;white-space:nowrap}
.folder-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .22s ease,visibility .22s}
.is-open>.folder-panel{grid-template-rows:1fr;visibility:visible}
.folder-contents{min-height:0;overflow:hidden;margin-left:29px;padding-left:12px;border-left:1px solid #334a3b}
.curriculum-lesson{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:transparent;border:1px solid transparent;border-radius:5px;text-align:left;color:#b7cabe;font-size:13px;line-height:1.45;transition:background .15s,color .15s}
.curriculum-lesson:hover{background:#20382a;color:#f0f6ef}
.curriculum-lesson.selected{background:#2a402c;border-color:#8ca75466;color:#e4f2d1}
.lesson-number{font:10px monospace;color:#819b89;min-width:19px}
.lesson-file{font:11px monospace;color:#b6cb85;flex:none}
.lesson-title{flex:1;min-width:0;overflow-wrap:anywhere}
.lesson-duration{font:10px monospace;color:#8fa696;white-space:nowrap}
.lesson-completion{font-size:14px;color:#718b7b;min-width:15px;text-align:center}
.completed .lesson-completion{color:#83d69a}
.folder-empty{font-size:12px;color:#819b8b;margin:0;padding:10px 12px 15px}
.learning-page :focus-visible{outline:2px solid #d5f577;outline-offset:2px}
.learning-page .dialoghead button{color:var(--ink)}
.learning-page .callout{background:#203527}
.learning-page .answer{background:#172a21;color:var(--ink);border-color:#3e5547}
.learning-page .answer.correct{background:#23472f;color:#c9f5b6}
.learning-page .answer.wrong{background:#482c2a;color:#f4c5bb}
@media(max-width:850px){.curriculum-toolbar{align-items:center}.learning-page .sectionhead{align-items:flex-start}.learning-page .hero{gap:25px}}
@media(max-width:520px){.curriculum-toolbar{align-items:stretch;flex-direction:column;gap:14px}.curriculum-search{width:100%}.folder-header{padding:12px 6px;font-size:13px;gap:8px}.folder-count{font-size:9px}.folder-contents{margin-left:19px;padding-left:7px}.curriculum-lesson{padding:11px 7px;gap:8px;font-size:12px}.lesson-duration{display:none}.lesson-file{display:none}.learning-page .sectionhead{flex-direction:column}.learning-page nav{gap:14px}.learning-page .stats{gap:22px}}
@media(prefers-reduced-motion:reduce){.folder-panel,.folder-chevron,.folder-header,.curriculum-lesson,.curriculum-actions button{transition:none}}
/* The guide action is a sibling button, never nested inside the folder toggle. */
.folder-with-guide>h3{display:flex;align-items:center;gap:8px}
.folder-with-guide .folder-header{flex:1;min-width:0;width:auto}
.folder-guide{flex:none;border:0;background:transparent;color:#aebf91;font-size:11px;padding:10px 9px;border-radius:5px;white-space:nowrap;transition:color .15s,background .15s}
.folder-guide:hover,.folder-guide[aria-pressed=true]{color:#d5f577;background:#20372a}
#selectionGuide{scroll-margin-top:40px}
#guideIntro{max-width:850px;color:var(--muted);font-size:13px}
#guideTable{overflow-x:auto}
#guideTable table{min-width:560px}
@media(max-width:520px){.folder-guide{font-size:10px;padding:9px 5px}.folder-with-guide .folder-count{display:none}.folder-with-guide>h3{gap:3px}#selectionGuide{scroll-margin-top:24px}}
@media(prefers-reduced-motion:reduce){.folder-guide{transition:none}html{scroll-behavior:auto}}

/* Only the completion button text changes; preserve every existing button style. */
.learning-page #complete,.learning-page #complete:hover,.learning-page #complete:focus,.learning-page #complete:focus-visible,.learning-page #complete:active{color:#000000}