.tutorial-detail[data-astro-cid-w6cmkapq]{max-width:800px;margin:0 auto}.tutorial-back-link[data-astro-cid-w6cmkapq]{display:inline-block;color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-6);transition:color var(--transition-fast);text-decoration:none}.tutorial-back-link[data-astro-cid-w6cmkapq]:hover{color:var(--accent-blue)}.tutorial-header[data-astro-cid-w6cmkapq]{margin-bottom:var(--sp-10);padding-bottom:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.tutorial-meta-row[data-astro-cid-w6cmkapq]{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.tutorial-role-tag[data-astro-cid-w6cmkapq]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;background:color-mix(in srgb,var(--role-color) 15%,transparent);color:var(--role-color);border:1px solid color-mix(in srgb,var(--role-color) 30%,transparent)}.tutorial-level-tag[data-astro-cid-w6cmkapq]{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.level-basic[data-astro-cid-w6cmkapq]{background:#22c55e1f;color:#22c55e}.level-intermediate[data-astro-cid-w6cmkapq]{background:#eab3081f;color:#eab308}.level-advanced[data-astro-cid-w6cmkapq]{background:#ef44441f;color:#ef4444}.tutorial-version-tag[data-astro-cid-w6cmkapq]{background:var(--bg-glass);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.tutorial-updated[data-astro-cid-w6cmkapq]{font-size:var(--fs-xs);color:var(--text-muted)}.tutorial-title[data-astro-cid-w6cmkapq]{font-size:var(--fs-3xl);margin-bottom:var(--sp-3);line-height:1.3}@media(min-width:768px){.tutorial-title[data-astro-cid-w6cmkapq]{font-size:var(--fs-4xl)}}.tutorial-summary[data-astro-cid-w6cmkapq]{color:var(--text-secondary);font-size:var(--fs-lg);line-height:1.7}.tutorial-block[data-astro-cid-w6cmkapq]{margin-bottom:var(--sp-10)}.block-header[data-astro-cid-w6cmkapq]{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.block-number[data-astro-cid-w6cmkapq]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-violet));color:#fff;font-size:var(--fs-xs);font-weight:700;flex-shrink:0}.block-title[data-astro-cid-w6cmkapq]{font-size:var(--fs-xl);font-weight:600}.block-content[data-astro-cid-w6cmkapq]{padding:var(--sp-5);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle)}.card-style[data-astro-cid-w6cmkapq]{border-left:3px solid var(--accent-blue)}.card-success[data-astro-cid-w6cmkapq]{border-left-color:#22c55e}.card-style[data-astro-cid-w6cmkapq] p[data-astro-cid-w6cmkapq],.card-success[data-astro-cid-w6cmkapq] p[data-astro-cid-w6cmkapq]{line-height:1.7;color:var(--text-secondary)}.prereq-list[data-astro-cid-w6cmkapq]{list-style:none}.prereq-item[data-astro-cid-w6cmkapq]{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0;color:var(--text-secondary);line-height:1.6}.prereq-check[data-astro-cid-w6cmkapq]{color:var(--accent-blue);flex-shrink:0}.prompt-pack-container[data-astro-cid-w6cmkapq]{position:relative}.prompt-section[data-astro-cid-w6cmkapq]{margin-bottom:var(--sp-5)}.prompt-section[data-astro-cid-w6cmkapq]:last-of-type{margin-bottom:var(--sp-6)}.prompt-label[data-astro-cid-w6cmkapq]{font-size:var(--fs-sm);font-weight:600;color:var(--accent-cyan);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.05em}.prompt-code[data-astro-cid-w6cmkapq]{background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--sp-4);font-family:SF Mono,Fira Code,monospace;font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;overflow-x:auto;line-height:1.6}.copy-btn[data-astro-cid-w6cmkapq]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-full);border:1px solid var(--accent-blue);background:#3b82f61a;color:var(--accent-blue);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.copy-btn[data-astro-cid-w6cmkapq]:hover{background:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.copy-toast[data-astro-cid-w6cmkapq]{display:none;padding:var(--sp-2) var(--sp-4);background:#22c55e;color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;margin-top:var(--sp-2)}.copy-toast[data-astro-cid-w6cmkapq].show{display:inline-block;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.workflow-steps[data-astro-cid-w6cmkapq]{display:flex;flex-direction:column;gap:var(--sp-1)}.workflow-step[data-astro-cid-w6cmkapq]{display:flex;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.workflow-step[data-astro-cid-w6cmkapq]:hover{background:var(--bg-glass)}.step-number[data-astro-cid-w6cmkapq]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--accent-blue);font-weight:700;font-size:var(--fs-sm);flex-shrink:0}.step-title[data-astro-cid-w6cmkapq]{font-size:var(--fs-base);font-weight:600;margin-bottom:var(--sp-1)}.step-desc[data-astro-cid-w6cmkapq]{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.demo-io-container[data-astro-cid-w6cmkapq]{display:flex;flex-direction:column;gap:var(--sp-4)}@media(min-width:768px){.demo-io-container[data-astro-cid-w6cmkapq]{flex-direction:row;align-items:stretch}}.demo-section[data-astro-cid-w6cmkapq]{flex:1;padding:var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.demo-input[data-astro-cid-w6cmkapq]{background:#3b82f60d;border-color:#3b82f633}.demo-output[data-astro-cid-w6cmkapq]{background:#22c55e0d;border-color:#22c55e33}.demo-label[data-astro-cid-w6cmkapq]{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-3)}.demo-content[data-astro-cid-w6cmkapq]{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.demo-output-code[data-astro-cid-w6cmkapq]{font-family:SF Mono,Fira Code,monospace;background:transparent;border:none;padding:0}.demo-arrow[data-astro-cid-w6cmkapq]{display:none;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted)}@media(min-width:768px){.demo-arrow[data-astro-cid-w6cmkapq]{display:flex}}.failure-cases[data-astro-cid-w6cmkapq]{display:flex;flex-direction:column;gap:var(--sp-4)}.failure-case[data-astro-cid-w6cmkapq]{padding:var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-glass)}.failure-problem[data-astro-cid-w6cmkapq]{display:flex;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-3);color:var(--text-primary)}.failure-fix[data-astro-cid-w6cmkapq]{display:flex;align-items:flex-start;gap:var(--sp-2);padding-left:var(--sp-6);color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6}.checklist[data-astro-cid-w6cmkapq]{list-style:none;margin-bottom:var(--sp-6)}.checklist-item[data-astro-cid-w6cmkapq]{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) 0;color:var(--text-secondary);line-height:1.6}.checklist-check[data-astro-cid-w6cmkapq]{color:var(--accent-blue);flex-shrink:0}.metrics-table[data-astro-cid-w6cmkapq]{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.metrics-table[data-astro-cid-w6cmkapq] th[data-astro-cid-w6cmkapq]{text-align:left;padding:var(--sp-3) var(--sp-4);font-weight:600;color:var(--text-primary);background:var(--bg-glass);border-bottom:1px solid var(--border-subtle)}.metrics-table[data-astro-cid-w6cmkapq] td[data-astro-cid-w6cmkapq]{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.metric-name[data-astro-cid-w6cmkapq]{font-weight:500;color:var(--text-primary)}.metric-target[data-astro-cid-w6cmkapq]{color:var(--accent-cyan);font-weight:600}.wireframe-container[data-astro-cid-w6cmkapq]{position:relative}.wireframe-depth-badge[data-astro-cid-w6cmkapq]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;margin-bottom:var(--sp-4)}.wireframe-light[data-astro-cid-w6cmkapq] .wireframe-depth-badge[data-astro-cid-w6cmkapq]{background:#3b82f61f;color:#3b82f6}.wireframe-deep[data-astro-cid-w6cmkapq] .wireframe-depth-badge[data-astro-cid-w6cmkapq]{background:#a855f71f;color:#a855f7}.wireframe-deep[data-astro-cid-w6cmkapq]{border-color:#a855f74d;background:linear-gradient(135deg,var(--bg-card),rgba(168,85,247,.05))}.wireframe-content[data-astro-cid-w6cmkapq]{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.8}.tutorial-progress[data-astro-cid-dtlg6ldq]{margin:var(--sp-10) 0;padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);position:relative;overflow:hidden}.tutorial-progress[data-astro-cid-dtlg6ldq]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet))}.progress-actions[data-astro-cid-dtlg6ldq]{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.progress-action-btn[data-astro-cid-dtlg6ldq]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);font-family:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.start-btn[data-astro-cid-dtlg6ldq]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;box-shadow:0 4px 16px #3b82f64d}.start-btn[data-astro-cid-dtlg6ldq]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3b82f666}.complete-btn[data-astro-cid-dtlg6ldq]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e4d}.complete-btn[data-astro-cid-dtlg6ldq]:hover{transform:translateY(-2px);box-shadow:0 6px 24px #22c55e66}.in-progress-state[data-astro-cid-dtlg6ldq],.completed-state[data-astro-cid-dtlg6ldq]{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.status-badge[data-astro-cid-dtlg6ldq]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600}.status-in-progress[data-astro-cid-dtlg6ldq]{background:#3b82f61f;color:#3b82f6}.status-completed[data-astro-cid-dtlg6ldq]{background:#22c55e1f;color:#22c55e}.status-dot[data-astro-cid-dtlg6ldq]{width:8px;height:8px;border-radius:50%}.status-in-progress[data-astro-cid-dtlg6ldq] .status-dot[data-astro-cid-dtlg6ldq]{background:#3b82f6;animation:pulse 2s ease-in-out infinite}.status-completed[data-astro-cid-dtlg6ldq] .status-dot[data-astro-cid-dtlg6ldq]{background:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.completed-time[data-astro-cid-dtlg6ldq]{font-size:var(--fs-xs);color:var(--text-muted)}.progress-undo-btn[data-astro-cid-dtlg6ldq]{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;transition:all var(--transition-fast)}.progress-undo-btn[data-astro-cid-dtlg6ldq]:hover{color:var(--text-secondary);border-color:var(--text-muted)}.action-icon[data-astro-cid-dtlg6ldq]{font-size:1rem}.tutorial-supplementary-bar[data-astro-cid-7ufh3zmm]{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);padding:var(--sp-2) var(--sp-4);background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.tutorial-note-badge[data-astro-cid-7ufh3zmm]{font-size:var(--fs-xs);font-weight:700;color:var(--accent-blue);background:#3b82f61f;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.tutorial-note-text[data-astro-cid-7ufh3zmm]{font-size:var(--fs-sm);color:var(--text-muted)}.tutorial-return-bar[data-astro-cid-7ufh3zmm]{margin-bottom:var(--sp-4)}.tutorial-return-link[data-astro-cid-7ufh3zmm]{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--fs-sm);text-decoration:none;padding:var(--sp-2) var(--sp-4);background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.tutorial-return-link[data-astro-cid-7ufh3zmm]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}