.guide-hero{padding:var(--spacing-6) 0 var(--spacing-10);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.guide-hero-content{max-width:600px;margin-top:var(--spacing-6)}.guide-hero h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}@media (min-width: 768px){.guide-hero h1{font-size:var(--text-4xl)}}.guide-hero p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.guide-filter{padding:var(--spacing-6) 0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:72px;z-index:var(--z-sticky)}.filter-bar{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width: 640px){.filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-left:48px;padding-right:40px;font-size:var(--text-base);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--color-gray-50);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--bg-primary);box-shadow:0 0 0 3px #f082001a}.search-clear{position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:none;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-clear:hover{background-color:var(--color-gray-200);color:var(--text-primary)}.results-count{font-size:var(--text-sm);color:var(--text-muted)}.guide-posts{padding:var(--spacing-10) 0 var(--spacing-16)}.posts-grid{display:grid;gap:var(--spacing-6)}@media (min-width: 640px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-card-link{display:block;text-decoration:none}.post-image{aspect-ratio:4/3;background-color:var(--color-gray-100);overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.post-card:hover .post-image img{transform:scale(1.05)}.post-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-300);background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%)}.post-content{padding:var(--spacing-5)}.post-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--spacing-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.post-author{font-weight:var(--font-medium)}.no-results{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-16) var(--spacing-4);color:var(--text-muted)}.no-results svg{margin-bottom:var(--spacing-4);opacity:.5}.no-results h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--spacing-2)}.no-results p{margin-bottom:var(--spacing-4)}.guide-cta{padding:var(--spacing-12) 0;background-color:var(--color-gray-50)}.guide-cta .cta-content{max-width:500px;margin:0 auto;text-align:center}.guide-cta h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--spacing-3)}.guide-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-5)}