.guides-featured{margin-bottom:clamp(2rem,4vw,3rem)}.guides-featured h2{font-size:clamp(1.25rem,2vw + 0.5rem,1.75rem);font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.guides-featured__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1rem,2vw,1.5rem)}.guides-filters{display:flex;flex-wrap:wrap;gap:clamp(0.75rem,1.5vw,1rem);justify-content:space-between;align-items:center;margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(0.75rem,1.5vw,1rem);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border)}.guides-filters__left{display:flex;flex-wrap:wrap;gap:clamp(0.75rem,1.5vw,1rem);align-items:center;flex:1}.guides-filters__categories{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.guides-filters__right{display:flex;flex-wrap:wrap;gap:clamp(0.5rem,1vw,0.75rem);align-items:center}.guides-filter-btn{padding:0.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:all 0.2s ease;font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem);font-weight:500;white-space:nowrap}.guides-filter-btn:hover{color:var(--text-primary);border-color:var(--border)}.guides-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.guides-filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guides-search{position:relative;flex:0 1 200px;min-width:150px}.guides-search__input{width:100%;padding:0.5rem 1rem 0.5rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem);transition:border-color 0.2s ease,background-color 0.2s ease}.guides-search__input::placeholder{color:var(--text-muted)}.guides-search__input:focus{outline:none;border-color:var(--accent);background:var(--bg-primary)}.guides-search__icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px;pointer-events:none}.guides-sort{display:flex;align-items:center;flex:0 1 auto}.guides-sort__select{padding:0.5rem 2rem 0.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-tertiary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat;background-position:right 0.75rem center;background-size:12px;color:var(--text-primary);font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem);font-weight:500;cursor:pointer;appearance:none;min-width:140px;transition:border-color 0.2s ease,background-color 0.2s ease}.guides-sort__select:hover{border-color:var(--border-light)}.guides-sort__select:focus{outline:none;border-color:var(--accent);background-color:var(--bg-tertiary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 0.75rem center;background-repeat:no-repeat;background-size:12px;box-shadow:0 0 0 2px var(--accent)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(2rem,4vw,3rem)}@media (min-width:1024px){.guides-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.guides-pagination{display:flex;justify-content:center;align-items:center;gap:clamp(0.5rem,1vw,1rem);margin-top:clamp(2rem,4vw,3rem);flex-wrap:wrap}.pagination-btn{min-width:44px;min-height:44px;padding:0.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem);font-weight:500;transition:all 0.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.pagination-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pagination-btn:disabled,.pagination-btn.disabled{opacity:0.5;cursor:not-allowed}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-info{color:var(--text-secondary);font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem)}.guides-pagination__btn{min-width:44px;min-height:44px;padding:0.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem);font-weight:500;transition:all 0.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.guides-pagination__btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px)}.guides-pagination__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guides-pagination__btn:disabled,.guides-pagination__btn--disabled{opacity:0.5;cursor:not-allowed}.guides-pagination__btn--prev,.guides-pagination__btn--next{display:inline-flex;align-items:center;gap:0.375rem}.guides-pagination__info{color:var(--text-secondary);font-size:clamp(0.8125rem,1.1vw + 0.15rem,0.875rem)}.guides-filter-btn--back{display:inline-flex;align-items:center;gap:0.25rem}.guides-filter-btn--back svg{flex-shrink:0}.guides-other-categories{margin-top:clamp(3rem,6vw,4rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:1px solid var(--border)}.guides-other-categories__title{font-size:clamp(1.15rem,2vw + 0.25rem,1.5rem);font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.guides-other-categories__list{display:flex;flex-wrap:wrap;gap:0.75rem}.guides-other-categories__item{display:inline-flex;justify-content:space-between;align-items:center;gap:0.75rem;padding:0.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-size:clamp(0.8125rem,1vw + 0.25rem,0.875rem);transition:border-color 0.2s ease,color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;min-width:fit-content}.guides-other-categories__item:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.guides-other-categories__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guides-other-categories__name{font-weight:500}.guides-other-categories__count{color:var(--text-muted);font-size:0.8125rem;background:var(--bg-tertiary);padding:0.125rem 0.5rem;border-radius:var(--radius-sm,4px);min-width:1.5rem;text-align:center}.seo-content-section,.guides-seo-content{margin-top:clamp(2rem,5vw,3rem);padding-top:clamp(2rem,5vw,3rem);border-top:1px solid var(--border)}.seo-content{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);padding:clamp(1.5rem,4vw,2.5rem)}.seo-content h2{font-size:clamp(1.25rem,2vw + 0.5rem,1.75rem);font-weight:700;color:var(--text-primary);margin:0 0 clamp(1rem,2vw,1.5rem) 0;line-height:1.3}.seo-content h2:not(:first-child){margin-top:clamp(2rem,4vw,3rem)}.seo-content h3{font-size:clamp(1.0625rem,1.5vw + 0.5rem,1.25rem);font-weight:600;color:var(--text-primary);margin:clamp(1.5rem,3vw,2rem) 0 clamp(0.75rem,1.5vw,1rem) 0}.seo-content p{font-size:clamp(0.9375rem,1vw + 0.5rem,1rem);color:var(--text-secondary);line-height:1.7;margin:0 0 clamp(1rem,2vw,1.25rem) 0}.seo-content p:last-child{margin-bottom:0}.seo-content ul,.seo-content ol{margin:clamp(1rem,2vw,1.5rem) 0;padding-left:clamp(1.25rem,3vw,1.75rem);color:var(--text-secondary)}.seo-content li{font-size:clamp(0.9375rem,1vw + 0.5rem,1rem);line-height:1.6;margin-bottom:clamp(0.5rem,1vw,0.75rem)}.seo-content a{color:var(--accent);text-decoration:none}.seo-content a:hover{color:var(--accent-hover);text-decoration:underline}.seo-content strong{color:var(--text-primary);font-weight:600}.seo-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:clamp(1rem,2vw,1.5rem) 0}.seo-content blockquote{margin:clamp(1.5rem,3vw,2rem) 0;padding:clamp(1rem,2vw,1.5rem);padding-left:clamp(1.25rem,2.5vw,1.75rem);background:var(--bg-tertiary);border-left:4px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0}@media (max-width:640px){.seo-content{padding:clamp(1.25rem,3vw,1.75rem)}}