.exercises-wrapper{max-width:820px;margin:0 auto}.setup-note{background:var(--bg-card, #1e293b);border-left:3px solid var(--accent-indigo-light, #818cf8);padding:.75rem 1rem;border-radius:0 .5rem .5rem 0;font-size:.88rem;color:var(--text-muted, #94a3b8);margin-bottom:2rem}.exercise-block{background:var(--bg-card, #1e293b);border:1px solid var(--border, #334155);border-radius:.75rem;padding:1.75rem 1.5rem;margin-bottom:1.5rem}.exercise-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.ex-number{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;min-width:2.25rem;background:var(--accent-indigo, #6366f1);color:#fff;border-radius:50%;font-weight:700;font-size:1rem;line-height:1}.ex-title{font-size:1.15rem;font-weight:700;color:var(--text, #f1f5f9);margin:0 0 .2rem}.ex-meta{font-size:.78rem;color:var(--text-muted, #94a3b8)}.step-heading{font-size:.9rem;font-weight:600;color:var(--accent-indigo-light, #818cf8);text-transform:uppercase;letter-spacing:.05em;margin:1.25rem 0 .5rem}.steps{margin:0 0 .75rem;padding-left:1.5rem;color:var(--text, #f1f5f9);font-size:.93rem;line-height:1.7}.instruction{font-size:.88rem;color:var(--text-muted, #94a3b8);margin:.5rem 0}.prompt-block{position:relative;background:#0f172a;border:1px solid var(--border, #334155);border-radius:.5rem;padding:.9rem 1rem;margin:.5rem 0 .75rem;overflow-x:auto}.prompt-block code{font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.84rem;color:#a5f3fc;white-space:pre;display:block}.prompt-block.pattern code{color:#c4b5fd}.prompt-block.iterate code{color:#86efac}.prompt-block.example code{color:#fde68a}.example-box{background:#0f172a;border:1px dashed #4b5563;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.75rem}.example-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fde68a;display:block;margin-bottom:.4rem}.example-box .prompt-block{border:none;padding:0;margin:0;background:transparent}.track-block,.insight-block{border:1px solid var(--border, #334155);border-radius:.5rem;padding:1rem 1rem .75rem;margin-bottom:1rem}.track-header{margin-bottom:.5rem}.insight-block .track-tag{display:inline-block;margin-bottom:.5rem}.track-tag{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .65rem;border-radius:1rem}.academic-tag{background:#1e3a5f;color:#93c5fd}.engineer-tag{background:#1c3a2e;color:#6ee7b7}.developer-tag{background:#2d1b4e;color:#c4b5fd}.analyst-tag{background:#3b2a1a;color:#fcd34d}.pm-tag{background:#3b1a2e;color:#f9a8d4}.marketing-tag{background:#3b2a10;color:#fdba74}.creator-tag{background:#1e3535;color:#5eead4}.student-tag{background:#1e2f3b;color:#7dd3fc}.iterate-block{margin-top:.5rem}.iterate-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#86efac;display:block;margin-bottom:.25rem}.observation-box{background:#1a2030;border:1px solid #334155;border-left:3px solid var(--accent-indigo-light, #818cf8);border-radius:0 .5rem .5rem 0;padding:.85rem 1rem;font-size:.88rem;color:var(--text, #f1f5f9);margin-top:1rem}.bonus-block{border-color:#3b3a2e}.bonus-title{color:#fcd34d}.next-block{border-color:#1e3a2e}.next-steps{padding-left:1.5rem;color:var(--text, #f1f5f9);font-size:.93rem;line-height:1.85;margin:0 0 1rem}.closing-quote{border-left:3px solid var(--accent-indigo-light, #818cf8);padding:.5rem 1rem;font-style:italic;color:var(--text-muted, #94a3b8);font-size:.9rem;margin:0}kbd{background:#0f172a;border:1px solid #4b5563;border-radius:.3rem;padding:.1rem .4rem;font-family:monospace;font-size:.82rem;color:#e2e8f0}.copy-btn{position:absolute;top:.45rem;right:.45rem;background:#1e293b;border:1px solid #334155;border-radius:.35rem;padding:.25rem .55rem;font-size:.7rem;font-weight:600;color:#94a3b8;cursor:pointer;line-height:1;transition:background .15s,color .15s,border-color .15s;user-select:none;white-space:nowrap;opacity:0;pointer-events:none}.prompt-block:hover .copy-btn,.prompt-block:focus-within .copy-btn{opacity:1;pointer-events:auto}.copy-btn:hover{background:#253047;border-color:#818cf8;color:#e2e8f0}.copy-btn.copied{background:#064e3b;border-color:#34d399;color:#6ee7b7;opacity:1;pointer-events:none}@media (pointer: coarse){.copy-btn{opacity:1;pointer-events:auto}}
