.howtos-grid[data-astro-cid-yjavchuh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--spacing-2xl);max-width:1200px;margin:0 auto}@media(max-width:520px){.howtos-grid[data-astro-cid-yjavchuh]{grid-template-columns:1fr}}.howto-card[data-astro-cid-yjavchuh]{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border-left:5px solid var(--card-color);display:flex;flex-direction:column;transition:var(--transition-base)}.howto-card[data-astro-cid-yjavchuh]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.howto-card__header[data-astro-cid-yjavchuh]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.howto-card__icon[data-astro-cid-yjavchuh]{width:50px;height:50px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card-color) 15%,white);color:var(--card-color);font-size:1.5em}.howto-card__meta[data-astro-cid-yjavchuh]{display:flex;gap:var(--spacing-sm)}.howto-card__difficulty[data-astro-cid-yjavchuh]{font-size:.75em;padding:4px 12px;border-radius:var(--radius-pill);text-transform:capitalise;font-weight:var(--font-weight-medium)}.howto-card__difficulty--beginner[data-astro-cid-yjavchuh]{background:var(--color-green-50);color:var(--color-green-700)}.howto-card__difficulty--intermediate[data-astro-cid-yjavchuh]{background:var(--color-blue-50);color:var(--color-blue-700)}.howto-card__difficulty--advanced[data-astro-cid-yjavchuh]{background:var(--color-purple-50);color:var(--color-purple-700)}.howto-card__title[data-astro-cid-yjavchuh]{color:var(--color-brand-primary);font-size:1.25em;margin:0 0 var(--spacing-md) 0;line-height:1.3}.howto-card__summary[data-astro-cid-yjavchuh]{color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-lg)}.howto-card__audience[data-astro-cid-yjavchuh]{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.howto-card__audience[data-astro-cid-yjavchuh] .label[data-astro-cid-yjavchuh]{font-size:.85em;color:var(--color-text-secondary)}.audience-tag[data-astro-cid-yjavchuh]{font-size:.8em;color:var(--color-brand-primary);background:var(--color-blue-50);padding:4px 10px;border-radius:var(--radius-sm)}.howto-card__steps[data-astro-cid-yjavchuh],.howto-card__technical[data-astro-cid-yjavchuh]{margin-bottom:var(--spacing-lg)}.howto-card__steps[data-astro-cid-yjavchuh] h4[data-astro-cid-yjavchuh],.howto-card__technical[data-astro-cid-yjavchuh] h4[data-astro-cid-yjavchuh]{color:var(--color-brand-primary);font-size:.9em;margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.howto-card__steps[data-astro-cid-yjavchuh] h4[data-astro-cid-yjavchuh] i[data-astro-cid-yjavchuh]{color:var(--color-blue-500)}.howto-card__technical[data-astro-cid-yjavchuh] h4[data-astro-cid-yjavchuh] i[data-astro-cid-yjavchuh]{color:var(--color-green-500)}.howto-card__steps[data-astro-cid-yjavchuh] ol[data-astro-cid-yjavchuh]{padding-left:var(--spacing-xl);margin:0}.howto-card__steps[data-astro-cid-yjavchuh] li[data-astro-cid-yjavchuh]{font-size:.9em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-xs)}.howto-card__steps[data-astro-cid-yjavchuh] li[data-astro-cid-yjavchuh]::marker{color:var(--color-blue-500);font-weight:var(--font-weight-semibold)}.howto-card__technical[data-astro-cid-yjavchuh] ul[data-astro-cid-yjavchuh]{list-style:none;padding:0;margin:0}.howto-card__technical[data-astro-cid-yjavchuh] li[data-astro-cid-yjavchuh]{font-size:.9em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);padding-left:var(--spacing-lg);position:relative}.howto-card__technical[data-astro-cid-yjavchuh] li[data-astro-cid-yjavchuh]:before{content:"";font-family:remixicon;position:absolute;left:0;color:var(--color-green-500)}.howto-card__footer[data-astro-cid-yjavchuh]{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.howto-card__footer[data-astro-cid-yjavchuh] .btn--primary[data-astro-cid-yjavchuh]{background:var(--card-color);color:#fff;padding:10px 20px;border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-base)}.howto-card__footer[data-astro-cid-yjavchuh] .btn--primary[data-astro-cid-yjavchuh]:hover{filter:brightness(1.1);transform:translateY(-1px)}.howto-card__products[data-astro-cid-yjavchuh]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.product-tag[data-astro-cid-yjavchuh]{font-size:.75em;color:var(--color-text-secondary);background:var(--color-gray-100);padding:4px 10px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.empty-state[data-astro-cid-yjavchuh]{text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.empty-state[data-astro-cid-yjavchuh] i[data-astro-cid-yjavchuh]{font-size:4em;color:var(--color-gray-300);margin-bottom:var(--spacing-lg)}.empty-state[data-astro-cid-yjavchuh] h3[data-astro-cid-yjavchuh]{color:var(--color-brand-primary);margin-bottom:var(--spacing-md)}.empty-state[data-astro-cid-yjavchuh] p[data-astro-cid-yjavchuh]{color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--spacing-xl);line-height:var(--line-height-relaxed)}.empty-state__actions[data-astro-cid-yjavchuh]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.more-links[data-astro-cid-yjavchuh]{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-3xl);flex-wrap:wrap}