.howto-hero[data-astro-cid-f27ps56c]{position:relative;padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-xl);overflow:hidden}.howto-hero-bg[data-astro-cid-f27ps56c]{position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none}.howto-hero-bg[data-astro-cid-f27ps56c]:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:50%}.howto-hero-content[data-astro-cid-f27ps56c]{text-align:center;max-width:720px;margin:0 auto;position:relative}.howto-hero-title[data-astro-cid-f27ps56c]{font-size:2.5rem;font-weight:700;font-family:var(--font-display);line-height:1.1;margin:var(--space-sm) 0}.howto-hero-subtitle[data-astro-cid-f27ps56c]{font-size:1.0625rem;color:var(--text-secondary);line-height:1.6;max-width:580px;margin:0 auto var(--space-lg)}.howto-hero-stats[data-astro-cid-f27ps56c]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.howto-hero-stat[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:90px}.howto-hero-stat-value[data-astro-cid-f27ps56c]{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-indigo)}.howto-hero-stat-label[data-astro-cid-f27ps56c]{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.howto-featured-section[data-astro-cid-f27ps56c]{padding:var(--space-xl) 0 var(--space-lg)}.howto-featured-header[data-astro-cid-f27ps56c]{text-align:center;margin-bottom:var(--space-lg)}.howto-featured-grid[data-astro-cid-f27ps56c]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.howto-featured-card[data-astro-cid-f27ps56c]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.howto-featured-card[data-astro-cid-f27ps56c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-indigo),#C084FC);opacity:0;transition:opacity var(--transition-base)}.howto-featured-card[data-astro-cid-f27ps56c]:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.howto-featured-card[data-astro-cid-f27ps56c]:hover:before{opacity:1}.howto-featured-title[data-astro-cid-f27ps56c]{font-size:1rem;font-weight:600;font-family:var(--font-display);line-height:1.4;color:var(--text-primary)}.howto-featured-meta[data-astro-cid-f27ps56c]{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}.howto-section[data-astro-cid-f27ps56c]{padding:var(--space-xl) 0 var(--space-2xl)}.howto-section-header[data-astro-cid-f27ps56c]{text-align:center;margin-bottom:var(--space-lg)}.howto-filterbar[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.howto-filterbar-top[data-astro-cid-f27ps56c]{display:flex;align-items:center;gap:var(--space-sm)}.howto-search-wrapper[data-astro-cid-f27ps56c]{position:relative;flex:1;min-width:0}.howto-search-icon[data-astro-cid-f27ps56c]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.howto-search[data-astro-cid-f27ps56c]{width:100%;padding:10px 16px 10px 44px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-family:var(--font-body);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.howto-search[data-astro-cid-f27ps56c]:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6366f11f}.howto-search[data-astro-cid-f27ps56c]::placeholder{color:var(--text-tertiary)}.howto-platform-pills[data-astro-cid-f27ps56c]{display:flex;flex-wrap:wrap;gap:6px}.howto-advanced-toggle[data-astro-cid-f27ps56c]{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.howto-advanced-toggle[data-astro-cid-f27ps56c]:hover{border-color:var(--border-hover);color:var(--text-primary)}.howto-advanced-toggle[data-astro-cid-f27ps56c].active{background:#6366f11f;border-color:var(--accent-indigo);color:var(--accent-indigo)}.howto-advanced-filters[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.howto-filter-group[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;gap:6px}.howto-filter-label[data-astro-cid-f27ps56c]{font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.howto-pills[data-astro-cid-f27ps56c]{display:flex;flex-wrap:wrap;gap:6px}.howto-pill[data-astro-cid-f27ps56c]{padding:5px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.howto-pill[data-astro-cid-f27ps56c]:hover{border-color:var(--border-hover);color:var(--text-primary)}.howto-pill[data-astro-cid-f27ps56c].active{background:#6366f11f;border-color:var(--accent-indigo);color:var(--accent-indigo)}.howto-meta[data-astro-cid-f27ps56c]{text-align:center;font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--space-md)}.howto-meta[data-astro-cid-f27ps56c] span[data-astro-cid-f27ps56c]{font-weight:600;color:var(--text-primary)}.howto-platform-groups[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;gap:var(--space-xl)}.howto-platform-group[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;gap:var(--space-sm)}.howto-platform-group[data-astro-cid-f27ps56c][hidden]{display:none}.howto-group-header[data-astro-cid-f27ps56c]{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-default)}.howto-group-title[data-astro-cid-f27ps56c]{font-size:1.125rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.howto-group-count[data-astro-cid-f27ps56c]{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.howto-grid[data-astro-cid-f27ps56c]{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.howto-grid-flat[data-astro-cid-f27ps56c]{gap:var(--space-sm)}.howto-card[data-astro-cid-f27ps56c]{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.howto-card[data-astro-cid-f27ps56c]:hover{border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.howto-card-header[data-astro-cid-f27ps56c]{display:flex;justify-content:space-between;align-items:center}.howto-badge[data-astro-cid-f27ps56c]{padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.howto-badge-growth[data-astro-cid-f27ps56c]{background:#6366f11f;color:#818cf8}.howto-badge-engagement[data-astro-cid-f27ps56c]{background:#a855f71f;color:#c084fc}.howto-badge-content-creation[data-astro-cid-f27ps56c]{background:#06b6d41f;color:#22d3ee}.howto-badge-downloads[data-astro-cid-f27ps56c]{background:#22c55e1f;color:#4ade80}.howto-badge-analytics[data-astro-cid-f27ps56c]{background:#f59e0b1f;color:#fbbf24}.howto-badge-hashtags[data-astro-cid-f27ps56c]{background:#ec48991f;color:#f472b6}.howto-badge-captions[data-astro-cid-f27ps56c]{background:#6366f11f;color:#818cf8}.howto-badge-usernames[data-astro-cid-f27ps56c]{background:#14b8a61f;color:#2dd4bf}.howto-badge-monetization[data-astro-cid-f27ps56c]{background:#22c55e1f;color:#4ade80}.howto-badge-formatting[data-astro-cid-f27ps56c]{background:#06b6d41f;color:#22d3ee}.howto-badge-optimization[data-astro-cid-f27ps56c]{background:#f59e0b1f;color:#fbbf24}.howto-badge-platform-features[data-astro-cid-f27ps56c]{background:#a855f71f;color:#c084fc}.howto-badge-troubleshooting[data-astro-cid-f27ps56c]{background:#ef44441f;color:#f87171}.howto-priority[data-astro-cid-f27ps56c]{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-sm)}.howto-priority-high[data-astro-cid-f27ps56c]{background:#ef44441a;color:#f87171}.howto-priority-medium[data-astro-cid-f27ps56c]{background:#f59e0b1a;color:#fbbf24}.howto-priority-low[data-astro-cid-f27ps56c]{background:#71717a1a;color:var(--text-tertiary)}.howto-card-title[data-astro-cid-f27ps56c]{font-size:.9375rem;font-weight:600;font-family:var(--font-display);line-height:1.4;color:var(--text-primary)}.howto-platform-tag[data-astro-cid-f27ps56c]{font-size:.6875rem;font-weight:600;padding:2px 8px;background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.howto-card-footer[data-astro-cid-f27ps56c]{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border-default)}.howto-type-tag[data-astro-cid-f27ps56c]{font-size:.625rem;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--text-tertiary);font-weight:500}.howto-type-evergreen[data-astro-cid-f27ps56c]{color:#4ade80}.howto-type-trending[data-astro-cid-f27ps56c]{color:#fbbf24}.howto-no-results[data-astro-cid-f27ps56c]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) 0;color:var(--text-tertiary)}.howto-no-results[data-astro-cid-f27ps56c] svg[data-astro-cid-f27ps56c]{opacity:.4}.howto-load-more[data-astro-cid-f27ps56c]{display:flex;justify-content:center;margin-top:var(--space-lg)}@media(min-width:768px){.howto-hero-title[data-astro-cid-f27ps56c]{font-size:3rem}.howto-featured-grid[data-astro-cid-f27ps56c],.howto-grid[data-astro-cid-f27ps56c]{grid-template-columns:repeat(2,1fr)}.howto-search-wrapper[data-astro-cid-f27ps56c]{max-width:320px}}@media(min-width:1024px){.howto-hero-title[data-astro-cid-f27ps56c]{font-size:3.25rem}.howto-featured-grid[data-astro-cid-f27ps56c],.howto-grid[data-astro-cid-f27ps56c]{grid-template-columns:repeat(3,1fr)}.howto-section[data-astro-cid-f27ps56c]{padding:var(--space-2xl) 0 var(--space-3xl)}}