.docs-grid.svelte-1xmjmrw{grid-template-columns:1fr;gap:24px;margin:0 0 40px;display:grid}.tutorial-card.svelte-1xmjmrw{border:1px solid var(--bg-border);border-radius:var(--radius-card);background:var(--bg-surface);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.tutorial-card.svelte-1xmjmrw:hover{border-color:var(--cyan);transform:translateY(-4px)}.tutorial-card__thumb.svelte-1xmjmrw{background:var(--bg-surface-2);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.tutorial-card__thumb.svelte-1xmjmrw img:where(.svelte-1xmjmrw){object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.tutorial-card__body.svelte-1xmjmrw{flex-direction:column;padding:20px;display:flex}.tutorial-card__badge.svelte-1xmjmrw{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;align-items:center;margin:0 0 12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.tutorial-card__body.svelte-1xmjmrw h3:where(.svelte-1xmjmrw){color:var(--text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.3}.tutorial-card__body.svelte-1xmjmrw p:where(.svelte-1xmjmrw){color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.docs-more.svelte-1xmjmrw{color:var(--text-secondary);margin:0;font-size:14px}@media (width>=640px){.docs-grid.svelte-1xmjmrw{grid-template-columns:repeat(2,1fr)}}