.tutorial-article[data-astro-cid-nnhm5yvk]{padding:2rem 0 4rem}.breadcrumb[data-astro-cid-nnhm5yvk]{color:#ffffff80;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex}.breadcrumb[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]{color:#00d4ff;text-decoration:none}.breadcrumb[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]:hover{text-decoration:underline}.tutorial-header[data-astro-cid-nnhm5yvk]{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.tutorial-meta-top[data-astro-cid-nnhm5yvk]{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tutorial-number[data-astro-cid-nnhm5yvk]{color:#00d4ff;background:#00d4ff1a;border-radius:4px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.875rem}.tutorial-time[data-astro-cid-nnhm5yvk]{color:#ffffff80;font-family:JetBrains Mono,monospace;font-size:.875rem}.tutorial-header[data-astro-cid-nnhm5yvk] h1[data-astro-cid-nnhm5yvk]{color:#fff;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.tutorial-lead[data-astro-cid-nnhm5yvk]{color:#ffffffb3;font-size:1.25rem;line-height:1.6}.tutorial-content[data-astro-cid-nnhm5yvk]{color:#ffffffd9;line-height:1.8}.tutorial-content[data-astro-cid-nnhm5yvk] section[data-astro-cid-nnhm5yvk]{margin-bottom:3rem}.tutorial-content[data-astro-cid-nnhm5yvk] h2[data-astro-cid-nnhm5yvk]{color:#fff;margin-top:2rem;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600}.tutorial-content[data-astro-cid-nnhm5yvk] h3[data-astro-cid-nnhm5yvk]{color:#00d4ff;margin-top:1.5rem;margin-bottom:.75rem;font-family:Orbitron,sans-serif;font-size:1.125rem;font-weight:600}.tutorial-content[data-astro-cid-nnhm5yvk] p[data-astro-cid-nnhm5yvk]{margin-bottom:1rem}.tutorial-content[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]{color:#00d4ff;text-decoration:none}.tutorial-content[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]:hover{text-decoration:underline}.tutorial-content[data-astro-cid-nnhm5yvk] strong[data-astro-cid-nnhm5yvk]{color:#fff}.tutorial-content[data-astro-cid-nnhm5yvk] ul[data-astro-cid-nnhm5yvk],.tutorial-content[data-astro-cid-nnhm5yvk] ol[data-astro-cid-nnhm5yvk]{margin-bottom:1rem;padding-left:1.5rem}.tutorial-content[data-astro-cid-nnhm5yvk] li[data-astro-cid-nnhm5yvk]{margin-bottom:.5rem}.screenshot[data-astro-cid-nnhm5yvk]{background:#0000004d;border:1px solid #ffffff1a;border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.screenshot[data-astro-cid-nnhm5yvk] img[data-astro-cid-nnhm5yvk]{width:100%;height:auto;display:block}.screenshot[data-astro-cid-nnhm5yvk] figcaption[data-astro-cid-nnhm5yvk]{color:#fff9;text-align:center;background:#0003;padding:.75rem 1rem;font-size:.875rem}.metrics-grid[data-astro-cid-nnhm5yvk]{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}.metric-card[data-astro-cid-nnhm5yvk]{background:#00d4ff0d;border:1px solid #00d4ff33;border-radius:.5rem;gap:1rem;padding:1rem;display:flex}.metric-icon[data-astro-cid-nnhm5yvk]{flex-shrink:0;font-size:1.5rem}.metric-info[data-astro-cid-nnhm5yvk] h4[data-astro-cid-nnhm5yvk]{color:#00d4ff;margin-bottom:.25rem;font-family:Orbitron,sans-serif;font-size:.9rem}.metric-info[data-astro-cid-nnhm5yvk] p[data-astro-cid-nnhm5yvk]{color:#fff9;margin:0;font-size:.8rem;line-height:1.4}.info-box[data-astro-cid-nnhm5yvk]{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:.5rem;margin:1rem 0;padding:1rem;font-size:.9rem}.info-box[data-astro-cid-nnhm5yvk] strong[data-astro-cid-nnhm5yvk]{color:#8b5cf6}.tutorial-nav[data-astro-cid-nnhm5yvk]{border-top:1px solid #ffffff1a;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem;display:flex}.tutorial-nav[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]{border-radius:.5rem;padding:1rem;text-decoration:none;transition:all .2s}.nav-prev[data-astro-cid-nnhm5yvk]{text-align:left}.nav-next[data-astro-cid-nnhm5yvk]{text-align:right;margin-left:auto}.nav-label[data-astro-cid-nnhm5yvk]{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;display:block}.nav-title[data-astro-cid-nnhm5yvk]{color:#00d4ff;font-family:Orbitron,sans-serif;font-size:1rem;display:block}.tutorial-nav[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]:hover{background:#00d4ff1a}.tutorial-nav[data-astro-cid-nnhm5yvk] a[data-astro-cid-nnhm5yvk]:hover .nav-title[data-astro-cid-nnhm5yvk]{color:#fff}@media (width<=640px){.tutorial-header[data-astro-cid-nnhm5yvk] h1[data-astro-cid-nnhm5yvk]{font-size:1.75rem}.metrics-grid[data-astro-cid-nnhm5yvk]{grid-template-columns:1fr}}