.course-page-wrapper{display:flex;flex-direction:column;gap:1.5rem}.course-selection-container h1{text-align:center;font-size:2.5rem;margin-bottom:2rem}.course-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(21.875rem,1fr));grid-gap:1.5rem;gap:1.5rem}.course-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:var(--text-primary);transition:transform .2s ease-out,box-shadow .2s ease-out}.course-card:hover{transform:translateY(-.3125rem);box-shadow:0 .625rem 1.875rem rgba(0,0,0,.3)}.course-card-header{display:flex;align-items:center;gap:1rem}.course-card-header svg{color:var(--accent-primary);stroke-width:2px;width:2rem;height:2rem}.course-card-header h2{font-size:1.5rem}.course-card p{color:var(--text-secondary);font-size:1.05rem}.lesson-list{display:flex;flex-direction:column;gap:1rem;list-style:none}.lesson-link-item a{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;text-decoration:none;font-size:1.2rem;font-weight:600;color:var(--text-secondary);border-radius:.75rem;transition:background-color .2s,color .2s}.lesson-link-item a:hover{background-color:rgba(255,255,255,.05);color:var(--text-primary)}.lesson-link-item .lesson-number{font-weight:700;color:var(--accent-primary)}.lesson-link-item .completion-icon{color:var(--wordle-correct);margin-left:auto}.lesson-grid{display:grid;grid-template-columns:1fr 21.875rem;grid-gap:1.5rem;gap:1.5rem;align-items:start}.lesson-content-main{padding:2rem}.lesson-content-main>*+*{margin-top:1.5rem}.lesson-content-main p{font-size:1.2rem;line-height:1.6;color:var(--text-secondary)}.lesson-content-main h3{font-size:1.8rem;color:var(--accent-primary);border-bottom:2px solid var(--glass-border);padding-bottom:.5rem}.lesson-content-main img{width:100%;border-radius:.75rem;border:1px solid var(--glass-border)}.lesson-content-main ul{list-style-position:inside;font-size:1.2rem;line-height:1.6;color:var(--text-secondary)}.callout{padding:1.25rem;border-radius:.75rem;display:flex;align-items:start;gap:1rem;border-left:4px solid}.callout svg{width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.25rem}.callout.tip{background-color:rgba(83,141,78,.1);border-color:var(--wordle-correct);color:#a3e635}.callout.warning{background-color:rgba(244,114,182,.1);border-color:var(--accent-live);color:#f9a8d4}.lesson-sidebar{position:-webkit-sticky;position:sticky;top:6.5rem;display:flex;flex-direction:column;gap:1.5rem}.lesson-sidebar .glass{padding:1.5rem}.lesson-sidebar h4{font-size:1.2rem;margin-bottom:1rem}.lesson-progress-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.lesson-progress-list a{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:var(--text-secondary);border-radius:.5rem;transition:background-color .2s,color .2s}.lesson-progress-list a:hover{background-color:rgba(255,255,255,.05);color:var(--text-primary)}.lesson-progress-list a.current{color:var(--accent-primary);font-weight:700;background-color:rgba(192,132,252,.1)}.lesson-progress-list .completion-icon{color:var(--wordle-correct)}.lesson-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem}.lesson-navigation .btn-secondary{background-color:rgba(0,0,0,.2);color:var(--text-secondary)}.quiz-container{max-width:56.25rem;margin:0 auto;padding:2rem}.quiz-question p{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.quiz-options{display:flex;flex-direction:column;gap:.75rem}.quiz-option{padding:1rem;border:2px solid var(--glass-border);border-radius:.625rem;font-size:1.1rem;cursor:pointer;transition:border-color .2s,background-color .2s}.quiz-option.disabled{cursor:not-allowed;opacity:.7}.quiz-option.correct{border-color:var(--wordle-correct);background-color:rgba(83,141,78,.3)}.quiz-option.incorrect{border-color:var(--accent-live);background-color:rgba(244,114,182,.2)}.quiz-explanation{margin-top:1rem;padding:1rem;border-radius:.5rem;font-size:1.1rem}.quiz-explanation.correct{background-color:rgba(83,141,78,.2)}.quiz-explanation.incorrect{background-color:rgba(244,114,182,.2)}.quiz-footer{margin-top:2rem;display:flex;justify-content:flex-end;align-items:center}.quiz-progress{font-size:1.2rem;color:var(--text-secondary);margin-right:auto}@media (max-width:1024px){.lesson-grid{grid-template-columns:1fr}.lesson-sidebar{position:static;top:auto;margin-top:2rem}.lesson-content-main{padding:1rem}}