.tutorial-card[data-astro-cid-likfsfyg]{background-color:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-primary);transition:all var(--transition-fast);height:100%;display:flex;flex-direction:column}.tutorial-card[data-astro-cid-likfsfyg]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-primary)}.tutorial-link[data-astro-cid-likfsfyg]{display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.tutorial-image[data-astro-cid-likfsfyg]{width:100%;height:200px;overflow:hidden;position:relative}.tutorial-image-img[data-astro-cid-likfsfyg]{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.tutorial-card[data-astro-cid-likfsfyg]:hover .tutorial-image-img[data-astro-cid-likfsfyg]{transform:scale(1.05)}.tutorial-content[data-astro-cid-likfsfyg]{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.tutorial-meta[data-astro-cid-likfsfyg]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.tutorial-date[data-astro-cid-likfsfyg]{color:var(--text-muted);font-size:var(--font-size-sm)}.tutorial-badges[data-astro-cid-likfsfyg]{display:flex;gap:var(--space-xs);align-items:center}.difficulty-badge[data-astro-cid-likfsfyg]{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.time-badge[data-astro-cid-likfsfyg]{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--border-secondary)}.tutorial-title[data-astro-cid-likfsfyg]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm);color:var(--text-primary);line-height:var(--line-height-tight)}.tutorial-description[data-astro-cid-likfsfyg]{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-md) 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tutorial-tags[data-astro-cid-likfsfyg]{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:auto}.tag[data-astro-cid-likfsfyg]{background-color:var(--bg-tertiary);color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--border-secondary)}.tag-more[data-astro-cid-likfsfyg]{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tutorial-card[data-astro-cid-likfsfyg].featured{grid-column:1 / -1}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-image[data-astro-cid-likfsfyg]{height:300px}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-content[data-astro-cid-likfsfyg]{padding:var(--space-xl)}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-title[data-astro-cid-likfsfyg]{font-size:var(--font-size-2xl);margin-bottom:var(--space-md)}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-description[data-astro-cid-likfsfyg]{font-size:var(--font-size-base);-webkit-line-clamp:4}@media (max-width: 768px){.tutorial-image[data-astro-cid-likfsfyg]{height:180px}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-image[data-astro-cid-likfsfyg]{height:220px}.tutorial-content[data-astro-cid-likfsfyg]{padding:var(--space-md)}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-content[data-astro-cid-likfsfyg]{padding:var(--space-lg)}.tutorial-title[data-astro-cid-likfsfyg]{font-size:var(--font-size-base)}.tutorial-card[data-astro-cid-likfsfyg].featured .tutorial-title[data-astro-cid-likfsfyg]{font-size:var(--font-size-xl)}.tutorial-meta[data-astro-cid-likfsfyg]{flex-direction:column;align-items:flex-start}.tutorial-badges[data-astro-cid-likfsfyg]{width:100%;justify-content:flex-start}}.tutorial-category-tree[data-astro-cid-ryrsrthe]{background-color:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.category-title[data-astro-cid-ryrsrthe]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary)}.category-list[data-astro-cid-ryrsrthe]{list-style:none;margin:0;padding:0}.category-item[data-astro-cid-ryrsrthe]{margin-bottom:var(--space-sm)}.category-item[data-astro-cid-ryrsrthe]:last-child{margin-bottom:0}.category-link[data-astro-cid-ryrsrthe]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.category-link[data-astro-cid-ryrsrthe]:hover{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.category-link[data-astro-cid-ryrsrthe].active{background-color:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.category-link[data-astro-cid-ryrsrthe].active:hover{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}.category-name[data-astro-cid-ryrsrthe]{font-weight:var(--font-weight-medium)}.category-count[data-astro-cid-ryrsrthe]{background-color:var(--bg-tertiary);color:var(--text-muted);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:1.5rem;text-align:center}.category-link[data-astro-cid-ryrsrthe].active .category-count[data-astro-cid-ryrsrthe]{background-color:#fff3;color:var(--text-inverse)}.no-categories[data-astro-cid-ryrsrthe]{color:var(--text-muted);font-style:italic;margin:0;text-align:center}@media (max-width: 768px){.tutorial-category-tree[data-astro-cid-ryrsrthe]{margin-bottom:var(--space-md)}}.tutorials-listing[data-astro-cid-hwtq5dlv]{width:1400px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}.tutorials-container[data-astro-cid-hwtq5dlv]{display:grid;grid-template-columns:1fr 280px;gap:var(--space-2xl);align-items:start}.tutorials-content[data-astro-cid-hwtq5dlv]{min-width:0}.tutorials-sidebar[data-astro-cid-hwtq5dlv]{position:sticky;top:var(--space-lg)}.header-section[data-astro-cid-hwtq5dlv]{text-align:center;margin-bottom:var(--space-3xl)}.page-title[data-astro-cid-hwtq5dlv]{margin-bottom:var(--space-md);font-size:var(--font-size-4xl);color:var(--text-primary)}.page-description[data-astro-cid-hwtq5dlv]{max-width:700px;margin:0 auto;font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.tutorials-section[data-astro-cid-hwtq5dlv]{margin-bottom:var(--space-3xl)}.tutorials-grid[data-astro-cid-hwtq5dlv]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}@media (min-width: 1400px){.tutorials-grid[data-astro-cid-hwtq5dlv]{grid-template-columns:repeat(3,1fr)}}.empty-state[data-astro-cid-hwtq5dlv]{text-align:center;padding:var(--space-3xl) var(--space-xl);background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.empty-title[data-astro-cid-hwtq5dlv]{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--space-md)}.empty-description[data-astro-cid-hwtq5dlv]{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}@media (max-width: 1400px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:1200px}}@media (max-width: 1200px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:1000px}.tutorials-grid[data-astro-cid-hwtq5dlv]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1000px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:900px}.tutorials-container[data-astro-cid-hwtq5dlv]{grid-template-columns:1fr 250px;gap:var(--space-xl)}}@media (max-width: 900px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:800px}}@media (max-width: 800px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:720px}.tutorials-container[data-astro-cid-hwtq5dlv]{grid-template-columns:1fr;gap:var(--space-lg)}.tutorials-sidebar[data-astro-cid-hwtq5dlv]{position:static;order:-1}.tutorials-grid[data-astro-cid-hwtq5dlv]{grid-template-columns:1fr}}@media (max-width: 720px){.tutorials-listing[data-astro-cid-hwtq5dlv]{width:calc(100% - 2em);padding:1em}.page-title[data-astro-cid-hwtq5dlv]{font-size:var(--font-size-3xl)}.page-description[data-astro-cid-hwtq5dlv]{font-size:var(--font-size-base)}.empty-state[data-astro-cid-hwtq5dlv]{padding:var(--space-2xl) var(--space-lg)}.empty-title[data-astro-cid-hwtq5dlv]{font-size:var(--font-size-xl)}.empty-description[data-astro-cid-hwtq5dlv]{font-size:var(--font-size-base)}}