.lesson-container{max-width:var(--container-lg);margin:0 auto;padding:var(--space-8) var(--space-6)}.lesson-header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-primary)}.lesson-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.lesson-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.lesson-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-6)}.progress-card{padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.progress-info{flex:1;min-width:200px}.progress-info p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.lesson-section{margin-bottom:var(--space-8)}.lesson-section h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);padding-left:var(--space-4);border-left:4px solid var(--color-primary)}.lesson-section h3{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-primary)}.lesson-section h4{font-size:var(--text-xl);margin-top:var(--space-6);margin-bottom:var(--space-3)}.learning-outcomes{background:#7dd3fc0d;border:1px solid rgba(125,211,252,.2);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.learning-outcomes ul{list-style:none;padding:0;margin:var(--space-4) 0 0}.learning-outcomes li{padding-left:var(--space-6);margin-bottom:var(--space-3);position:relative}.learning-outcomes li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:var(--font-bold)}.callout{padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0;border-left:4px solid}.callout-info{background:#3b82f60d;border-color:var(--color-info)}.callout-warning{background:#f59e0b0d;border-color:var(--color-warning)}.callout-tip{background:#22c55e0d;border-color:var(--color-success)}.callout-heading{font-weight:var(--font-semibold);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}pre{margin:var(--space-6) 0}.lab-card{margin:var(--space-8) 0;padding:var(--space-8);background:linear-gradient(135deg,rgba(125,211,252,.03) 0%,transparent 100%)}.lab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.lab-meta{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.lab-steps{list-style:none;counter-reset:lab-counter;padding:0}.lab-steps li{counter-increment:lab-counter;padding-left:var(--space-10);margin-bottom:var(--space-5);position:relative}.lab-steps li:before{content:counter(lab-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:var(--color-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.resources-list{list-style:none;padding:0}.resource-item{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-fast)}.resource-item:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.resource-info{flex:1}.resource-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.resource-meta{font-size:var(--text-sm);color:var(--text-tertiary)}.resource-actions{display:flex;align-items:center;gap:var(--space-3)}.lesson-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-primary)}.lesson-nav .btn{flex:1;max-width:300px}@media(max-width:768px){.lesson-container{padding:var(--space-6) var(--space-4)}.lesson-title{font-size:var(--text-3xl)}.progress-card{flex-direction:column;align-items:stretch}.lesson-nav{flex-direction:column}.lesson-nav .btn{max-width:100%}.lab-steps li{padding-left:var(--space-8)}}