.task-content{flex:1}.task-content h4{margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.task-content p{color:var(--color-text-light);font-size:.95rem;line-height:1.5}.task-content a{color:var(--color-primary);text-decoration:none}.task-content a:hover{text-decoration:underline}.section-content h4{color:var(--color-primary-dark);margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:600}.section-content h4:first-child{margin-top:0}.section-content img{width:100%;max-width:520px;height:auto;margin:var(--spacing-lg) auto;border-radius:var(--radius-md);display:block}.section-content img.lesson-screenshot{max-width:100%}.section-content img.lesson-screenshot.small{max-width:480px}.section-content p{margin-bottom:var(--spacing-md);line-height:1.7}.section-content ul,.section-content ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.section-content li{margin-bottom:var(--spacing-sm)}.section-content a{color:var(--color-primary);text-decoration:underline}.section-content a:hover{color:var(--color-primary-dark)}.section-content strong{font-weight:600}.section-content code{background-color:var(--color-bg-section);border-radius:var(--radius-sm);color:var(--color-code-bg);padding:2px 6px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em;font-weight:500}.section-content pre{background-color:var(--color-code-bg);color:var(--color-code-text);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;line-height:1.5;overflow-x:auto}.section-content pre code{color:inherit;background:0 0;padding:0;font-weight:400}.task-content blockquote,.section-content blockquote{border-left:4px solid var(--color-primary);margin:var(--spacing-md) 0;color:var(--color-text);background-color:var(--color-info-light);padding:var(--spacing-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-style:normal;line-height:1.6}.section-content .info-box{background-color:var(--color-info-light);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) 0}.section-content .info-box p{margin:0;font-style:normal}.section-content .example-story{margin:var(--spacing-md) 0;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 1.5rem);background-color:var(--color-bg-alt);border-radius:var(--radius-md);color:var(--color-text);font-style:italic;line-height:1.7;display:block;position:relative}.section-content .example-story:before{content:"💡";left:var(--spacing-md);top:var(--spacing-md);font-size:1rem;font-style:normal;position:absolute}.section-content .example-story .example-name{color:var(--color-primary);font-style:normal;font-weight:600}.section-content .author-note,.introduction-content .author-note{background-color:var(--color-warm-bg);border:1px solid var(--color-warm-border);border-left:3px solid var(--color-warning-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg) 0;line-height:1.7}.section-content .author-note .author-note-label,.introduction-content .author-note .author-note-label{color:var(--color-warning-accent);margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600}.section-content .author-note p:not(.author-note-label),.introduction-content .author-note p:not(.author-note-label){margin:0 0 var(--spacing-sm) 0}.section-content .author-note p:last-child,.introduction-content .author-note p:last-child{margin-bottom:0}.section-content .prompt-example{background:linear-gradient(135deg, var(--color-info-light) 0%, var(--color-info-light-end) 100%);border-left:4px solid var(--color-primary);padding:var(--spacing-md);margin:var(--spacing-md) 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text);box-shadow:var(--shadow-sm);white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-style:normal;line-height:1.6}.copy-wrapper{margin:var(--spacing-md) 0;position:relative}.copy-wrapper pre,.copy-wrapper blockquote{padding-right:calc(var(--spacing-md) + 2rem);margin:0}.copy-btn{color:var(--color-text-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:.55;z-index:10;background-color:#ffffffe6;justify-content:center;align-items:center;padding:6px;line-height:0;transition:opacity .2s,color .2s,background-color .2s,border-color .2s;display:flex;position:absolute;top:8px;right:8px}.copy-icon,.copy-btn svg{flex-shrink:0;display:block}.copy-icon-success,.copy-btn.copied .copy-icon-default{display:none}.copy-btn.copied .copy-icon-success{display:block}.copy-wrapper:hover .copy-btn,.copy-btn:hover,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{background-color:var(--color-bg);color:var(--color-primary);border-color:var(--color-primary)}.copy-btn.copied{background-color:var(--color-success);color:#fff;border-color:var(--color-success);opacity:1}@media (max-width:768px){.copy-btn{opacity:.7;padding:8px}}.section-content table{border-collapse:collapse;width:100%;margin:var(--spacing-md) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;overflow:hidden}.section-content th,.section-content td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border:1px solid var(--color-border)}.section-content th{background-color:var(--color-primary-dark);color:#fff;font-weight:600}.section-content tr:nth-child(2n){background-color:var(--color-bg-section)}.section-content tr:hover{background-color:#0073850d}@media (max-width:768px){.section-content table{font-size:.85rem}.section-content th,.section-content td{padding:var(--spacing-xs) var(--spacing-sm)}}.section-content .table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin:var(--spacing-md) 0;overflow-x:auto}.section-content .table-responsive table{min-width:600px;margin:0}.back-to-lesson-fab{bottom:var(--spacing-lg);right:var(--spacing-lg);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-family:var(--font-body);color:#fff;background-color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;z-index:9500;border:none;transition:background-color .2s,transform .2s;display:inline-flex;position:fixed;box-shadow:0 2px 8px #00000026}.back-to-lesson-fab:hover{background-color:var(--color-primary-light);transform:translateY(-1px)}.back-to-lesson-fab svg{flex-shrink:0}@media (max-width:480px){.back-to-lesson-fab{bottom:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}}