.guides-view[data-v-d053746a]{min-height:100vh;background:var(--bg, #F9F8F4);padding-bottom:4rem}.page-header[data-v-d053746a]{background:transparent;padding:3.5rem 0 2rem;border-bottom:none;margin-bottom:1.5rem;text-align:center}.page-header h1[data-v-d053746a]{font-family:var(--font-heading);font-size:2.5rem;color:var(--primary-dark, #2C391B);margin-bottom:.5rem}.subtitle[data-v-d053746a]{font-size:1.25rem;color:var(--text-muted, #656C60);max-width:600px;margin:0 auto}.section-title[data-v-d053746a]{grid-column:1 / -1;font-family:var(--font-heading);font-size:1.6rem;color:var(--primary-dark, #2C391B);margin-bottom:1.75rem}.guides-grid[data-v-d053746a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.guide-card[data-v-d053746a]{background:var(--card-bg, #FFFFFE);border-radius:var(--radius, 14px);overflow:hidden;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border:1px solid #E5E0D5;box-shadow:0 4px 14px #1c22180a;display:flex;flex-direction:column}.guide-card[data-v-d053746a]:hover{transform:translateY(-4px);border-color:var(--primary, #4A5A30);box-shadow:0 8px 24px #1c221814}.card-image[data-v-d053746a]{height:200px;background:var(--primary-light, #EFF2EA)}.card-image img[data-v-d053746a]{width:100%;height:100%;object-fit:cover}.card-content[data-v-d053746a]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.tags[data-v-d053746a]{margin-bottom:.5rem}.tag[data-v-d053746a]{font-size:.75rem;text-transform:uppercase;color:var(--primary, #4A5A30);font-weight:700;letter-spacing:.05em}.guide-card h3[data-v-d053746a]{font-family:var(--font-heading);margin:.5rem 0;color:var(--primary-dark, #2C391B);font-size:1.25rem}.guide-card p[data-v-d053746a]{color:var(--text-muted, #656C60);font-size:.95rem;margin-bottom:1.5rem;flex-grow:1;line-height:1.55}.read-more[data-v-d053746a]{font-weight:600;color:var(--primary)}.loading[data-v-d053746a]{display:flex;justify-content:center;padding:4rem}.spinner[data-v-d053746a]{border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin-d053746a 1s linear infinite}@keyframes spin-d053746a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}