.guides-view[data-v-d607d9ac]{width:100%}.guides-header[data-v-d607d9ac]{text-align:center;margin-bottom:var(--spacing-2xl)}.guides-header h1[data-v-d607d9ac]{font-size:2.5rem;font-weight:700;color:var(--pb-text);margin:0 0 var(--spacing-sm) 0}.guides-subtitle[data-v-d607d9ac]{font-size:1.125rem;color:var(--pb-text-light);margin:0}.filter-buttons[data-v-d607d9ac]{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.filter-btn[data-v-d607d9ac]{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--pb-border);background:#fff;color:var(--pb-text);font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.filter-btn[data-v-d607d9ac]:hover{border-color:var(--pb-primary);color:var(--pb-primary)}.filter-btn.active[data-v-d607d9ac]{background:var(--pb-primary);border-color:var(--pb-primary);color:#fff}.loading[data-v-d607d9ac],.error[data-v-d607d9ac],.empty-state[data-v-d607d9ac]{text-align:center;padding:var(--spacing-2xl);color:var(--pb-text-light)}.error[data-v-d607d9ac]{color:#d32f2f}.guides-grid[data-v-d607d9ac]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.guide-card[data-v-d607d9ac]{background:#fff;border:1px solid var(--pb-border);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.guide-card[data-v-d607d9ac]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.guide-image-link[data-v-d607d9ac]{display:block;text-decoration:none}.guide-image[data-v-d607d9ac]{width:100%;height:140px;overflow:hidden;background:var(--pb-bg-light);display:flex;align-items:center;justify-content:center}.guide-image img[data-v-d607d9ac]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.guide-card:hover .guide-image img[data-v-d607d9ac]{transform:scale(1.05)}.guide-image-placeholder[data-v-d607d9ac]{color:var(--pb-text-light)}.guide-content[data-v-d607d9ac]{padding:var(--spacing-md);display:flex;flex-direction:column;flex:1}.guide-type-badge[data-v-d607d9ac]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:4px;margin-bottom:var(--spacing-sm);width:fit-content}.guide-type-badge.beekeeping[data-v-d607d9ac]{background:#e8f5e9;color:#2e7d32}.guide-type-badge.product[data-v-d607d9ac]{background:#fff3e0;color:#e65100}.guide-title[data-v-d607d9ac]{font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;line-height:1.3}.guide-title a[data-v-d607d9ac]{color:var(--pb-text);text-decoration:none;transition:color .2s ease}.guide-title a[data-v-d607d9ac]:hover{color:var(--pb-primary)}.guide-excerpt[data-v-d607d9ac]{font-size:.95rem;color:var(--pb-text-light);margin:0 0 var(--spacing-md) 0;line-height:1.6;flex:1}.guide-excerpt[data-v-d607d9ac] p{margin:0}.guide-link[data-v-d607d9ac]{color:var(--pb-primary);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s ease;margin-top:auto}.guide-link[data-v-d607d9ac]:hover{color:var(--pb-primary-dark)}@media(max-width:768px){.guides-header h1[data-v-d607d9ac]{font-size:2rem}.guides-subtitle[data-v-d607d9ac]{font-size:1rem}.guides-grid[data-v-d607d9ac]{grid-template-columns:1fr;gap:var(--spacing-lg)}.filter-buttons[data-v-d607d9ac]{flex-direction:column;align-items:stretch}.filter-btn[data-v-d607d9ac]{width:100%}}.guides-container[data-v-ac16ec56]{padding:var(--spacing-xl, 2rem);max-width:1200px;margin:0 auto}@media(max-width:768px){.guides-container[data-v-ac16ec56]{padding:var(--spacing-md, 1rem)}}:root{--pb-primary: #f7a800;--pb-primary-dark: #d99000;--pb-text: #333;--pb-text-light: #666;--pb-border: #e0e0e0;--pb-bg-light: #f9f9f9;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}*{box-sizing:border-box}#guides-beta-app{font-family:var(--font-family);color:var(--pb-text);line-height:1.6}