.category-page{padding:var(--space-4) 0 var(--space-16)}.category-page__container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--container-padding-mobile)}.category-page__hero{text-align:center;padding:var(--space-8) 0 var(--space-10)}.category-page__title{font-size:clamp(1.75rem,4.5vw,var(--text-5xl));font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-3)}.category-page__subtitle{font-size:clamp(var(--text-base),calc(.9rem + .3vw),var(--text-xl));color:var(--color-text-muted);margin-bottom:var(--space-6)}.category-page__answer{font-size:clamp(var(--text-sm),calc(.85rem + .15vw),var(--text-base));line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:800px;margin:0 auto;text-align:left}.category-page__section-title{font-size:clamp(1.5rem,3.5vw,var(--text-3xl));font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.category-page__why{padding:var(--space-6) 0}.category-page__content-types{padding:var(--space-8) 0}.category-page__content-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-page__content-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-gray-50);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.category-page__how{padding:var(--space-8) 0}.category-page__steps{display:flex;flex-direction:column;gap:var(--space-6)}.category-page__step{display:flex;gap:var(--space-4);align-items:flex-start}.category-page__step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-brand-primary);color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--text-sm)}.category-page__step-content{flex:1 1}.category-page__step-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--color-text-primary)}.category-page__step-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (min-width:768px){.category-page__hero{padding:var(--space-10) 0 var(--space-12)}}@media (min-width:1024px){.category-page__container{padding:0 var(--container-padding-desktop)}}