.guides-page{padding:var(--space-8) 0;background-color:var(--surface-bg);min-height:calc(100vh - 70px)}.error-banner{border:1px solid var(--color-danger-500);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6);align-items:center;gap:var(--space-2);background-color:#ef44441a;font-size:.9375rem;display:flex}.guides-header{margin-bottom:var(--space-8)}.guides-title{margin-bottom:var(--space-2);background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-moss-200) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3rem)}.guides-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.guides-container{gap:var(--space-8);grid-template-columns:280px 1fr;align-items:start;display:grid}@media (width<=991px){.guides-container{gap:var(--space-6);grid-template-columns:1fr}}.filters-panel{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);box-sizing:border-box;flex-direction:column;width:100%;display:flex;position:sticky;top:90px}.guide-search-row1{gap:var(--space-3);width:100%;margin-bottom:var(--space-4);flex-direction:column;display:flex}.guide-search-row1 .search-input-wrapper{order:1;width:100%;position:relative}.guide-search-row1 .search-input-wrapper input{width:100%;height:42px;padding-right:var(--space-10);box-sizing:border-box}.star-rating-selector{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-sizing:border-box;order:2;justify-content:center;align-items:center;gap:4px;width:100%;height:42px;padding:.35rem .5rem;display:flex}.star-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 3px;transition:color .15s,transform .15s;display:flex}.star-btn:hover{transform:scale(1.15)}.star-btn.star--filled{color:#f59e0b}.search-icon{right:var(--space-4);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.guide-search-row2{width:100%;overflow:visible}.tags-chips-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.tag-chip{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--surface-elevated);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;box-sizing:border-box;transition:all var(--transition-fast);justify-content:flex-start;align-items:center;padding:.5rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.tag-chip:hover{border-color:var(--color-moss-300);color:var(--text-primary)}.tag-chip.active{background:var(--color-moss-300);border-color:var(--color-moss-300);color:#042f1f;font-weight:600;box-shadow:0 0 10px #10b9814d}@media (width<=991px){.filters-panel{padding:var(--space-4);margin-bottom:var(--space-4);width:100%;position:relative;top:0}.guide-search-row1{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-direction:row;width:100%}.star-rating-selector{flex:auto;order:1;gap:2px;width:auto;max-width:170px;padding:.35rem .4rem}.star-btn{padding:0 1px}.guide-search-row1 .search-input-wrapper{flex:2;order:2;width:auto;min-width:0}.guide-search-row2{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding:.25rem 0;overflow-x:auto}.guide-search-row2::-webkit-scrollbar{display:none}.tags-chips-container{flex-flow:row;align-items:center;gap:.5rem;width:max-content}.tag-chip{white-space:nowrap;border-radius:var(--radius-full,9999px);flex-shrink:0;width:auto;padding:.4rem .85rem}}.results-panel{flex-direction:column;display:flex}.results-status{margin-bottom:var(--space-4);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.results-count-text{font-weight:500}.guides-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(310px,1fr));display:grid}.guide-card{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);height:100%;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.guide-card:hover{border-color:var(--color-moss-300);box-shadow:var(--shadow-lg), var(--shadow-glow-moss);transform:translateY(-3px)}.guide-card-header{gap:var(--space-4);margin-bottom:var(--space-4);align-items:center;display:flex}.guide-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-moss-300);background-color:var(--surface-elevated);flex-shrink:0;width:54px;height:54px}.guide-avatar-placeholder{border-radius:var(--radius-full);border:2px solid var(--color-moss-300);background:var(--surface-elevated);width:54px;height:54px;color:var(--color-moss-300);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.guide-meta{flex-direction:column;min-width:0;display:flex}.guide-name{color:var(--text-primary);align-items:center;gap:var(--space-1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.1rem;font-weight:600;display:flex;overflow:hidden}.verified-badge{color:var(--color-moss-300);flex-shrink:0;display:inline-flex}.guide-rating{color:var(--color-amber-400);align-items:center;gap:4px;font-size:.8rem;display:flex}.guide-rating span{color:var(--text-secondary)}.guide-bio{color:var(--text-secondary);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-tags{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.guide-tag{background:var(--surface-elevated);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--glass-border);white-space:nowrap;padding:3px 8px;font-size:.72rem;font-weight:500}.guide-cta{width:100%;margin-top:auto;font-weight:600}.skeleton-card{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;height:250px;display:flex}.skeleton-shimmer{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{border-radius:var(--radius-full);width:54px;height:54px}.skeleton-line{height:12px}.skeleton-line-long{width:90%}.skeleton-line-medium{width:60%}.skeleton-line-short{width:35%}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--surface-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-4);font-size:3.5rem;animation:2s ease-in-out infinite pulse}.empty-title{margin-bottom:var(--space-2);font-size:1.5rem;font-weight:600}.empty-desc{color:var(--text-secondary);max-width:420px;line-height:1.5}.pagination-container{margin-top:var(--space-8);justify-content:center;display:flex}