.tut-hero.svelte-yxsc6c{background:var(--color-primary);color:var(--color-on-primary);padding-block:var(--space-12) var(--space-10)}.tut-hero.svelte-yxsc6c h1:where(.svelte-yxsc6c){color:var(--color-on-primary);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));margin-bottom:var(--space-4)}.eyebrow.svelte-yxsc6c{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:700;display:block}.hero-sub.svelte-yxsc6c{font-size:var(--text-xl);opacity:.8;max-width:600px;line-height:1.6}.tut-grid.svelte-yxsc6c{gap:var(--space-4);margin-bottom:var(--space-10);grid-template-columns:1fr;display:grid}@media (width>=640px){.tut-grid.svelte-yxsc6c{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tut-grid.svelte-yxsc6c{gap:var(--space-5);grid-template-columns:repeat(2,1fr)}}.tut-card.svelte-yxsc6c{gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);background:var(--color-surface);border-radius:0;grid-template-columns:3rem 1fr;align-items:start;display:grid}.tut-card__num.svelte-yxsc6c{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-accent);opacity:.25;padding-top:var(--space-1);font-weight:800;line-height:1}.tut-card__title.svelte-yxsc6c{font-size:var(--text-base);color:var(--color-on-surface);margin-bottom:var(--space-1);font-weight:700;line-height:1.3}.tut-card__duration.svelte-yxsc6c{font-size:var(--text-xs);color:var(--color-accent);margin-bottom:var(--space-2);font-weight:600}.tut-card__desc.svelte-yxsc6c{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}.tut-note.svelte-yxsc6c{background:var(--color-surface-muted);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);padding:var(--space-5) var(--space-6);border-radius:0}.tut-note.svelte-yxsc6c p:where(.svelte-yxsc6c){font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}.tut-note.svelte-yxsc6c a:where(.svelte-yxsc6c){color:var(--color-accent);font-weight:600}.tut-cta.svelte-yxsc6c{background:var(--color-surface-muted);text-align:center}.tut-cta.svelte-yxsc6c h2:where(.svelte-yxsc6c){font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));margin-bottom:var(--space-6)}.tut-cta__actions.svelte-yxsc6c{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.btn.svelte-yxsc6c{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;font-family:var(--font-body);border-radius:var(--radius-md);min-height:var(--touch-target);text-align:center;transition:background-color var(--transition-fast), color var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn--primary.svelte-yxsc6c{background-color:var(--color-accent);color:var(--color-on-accent)}.btn--primary.svelte-yxsc6c:hover{background-color:var(--color-accent-hover)}.btn--outline.svelte-yxsc6c{color:var(--color-accent);border-color:var(--color-accent);background:0 0}.btn--outline.svelte-yxsc6c:hover{background-color:var(--color-accent);color:var(--color-on-accent)}