.cat-page{padding:110px 0 4rem;min-height:70vh}.cat-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:#9ca3af;margin-bottom:2.5rem}.cat-breadcrumb a{color:#6b7280;text-decoration:none}.cat-breadcrumb a:hover{color:#059669}.cat-breadcrumb .sep{font-size:.6rem;color:#d1d5db}.cat-breadcrumb .current{color:#374151;font-weight:500}.cat-title{font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:800;color:#111827;line-height:1.25;margin-bottom:.75rem}.cat-hero-desc{font-size:1.05rem;color:#4b5563;line-height:1.8;margin-bottom:2rem}.cat-content{display:grid;grid-template-columns:1fr 320px;grid-gap:3.5rem;gap:3.5rem;align-items:start}.cat-main{min-width:0}.cat-section-title{font-size:1.15rem;font-weight:700;color:#111827;margin-bottom:1rem}.cat-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem}.cat-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:100px;font-size:.875rem;font-weight:500;color:#374151;background:#f3f4f6;transition:all .2s}.cat-tag:hover{background:#e5e7eb}.cat-info{margin-bottom:2.5rem}.cat-info p{font-size:.95rem;color:#4b5563;line-height:1.85;margin-bottom:1rem}.cat-info p:last-child{margin-bottom:0}.cat-highlights{list-style:none;padding:0;margin:0 0 2.5rem}.cat-highlights li{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem 0;font-size:.925rem;color:#374151;line-height:1.6}.cat-highlights li i{color:#10b981;margin-top:.2rem;flex-shrink:0;font-size:.8rem}.cat-sidebar{position:-webkit-sticky;position:sticky;top:80px}.cat-app-card{background:#f9fafb;border-radius:16px;padding:2rem 1.5rem;text-align:center;margin-bottom:1.5rem}.cat-app-card h3{font-size:1.05rem;font-weight:700;color:#111827;margin-bottom:.5rem}.cat-app-card p{font-size:.85rem;color:#6b7280;line-height:1.6;margin-bottom:1.25rem}.cat-app-btns{display:flex;flex-direction:column;gap:.5rem}.cat-app-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;background:#111827;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.85rem;transition:background .2s}.cat-app-btn:hover{background:#1f2937}.cat-nav{border-top:1px solid #f3f4f6;padding-top:1.5rem}.cat-nav h4{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.cat-nav-list{list-style:none;padding:0;margin:0}.cat-nav-list li a{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;text-decoration:none;color:#4b5563;font-size:.875rem;font-weight:500;transition:color .2s}.cat-nav-list li a:hover{color:#059669}.cat-nav-list li a i{width:18px;text-align:center;font-size:.85rem;opacity:.5}.cat-nav-list li a:hover i{opacity:1}.cat-nav-list li.active a{color:#059669;font-weight:600}.cat-nav-list li.active a i{opacity:1}.cat-notfound{padding:140px 0 4rem;text-align:center;min-height:60vh}.cat-notfound h1{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem}.cat-notfound p{color:#6b7280;margin-bottom:1.5rem}.cat-notfound a{color:#059669;text-decoration:none;font-weight:600}@media (max-width:900px){.cat-content{grid-template-columns:1fr;gap:2rem}.cat-sidebar{position:static}.cat-breadcrumb{margin-bottom:1.5rem}}@media (max-width:768px){.cat-page{padding:90px 0 3rem}.cat-title{font-size:1.5rem}.cat-hero-desc{font-size:.95rem;line-height:1.7}.cat-section-title{font-size:1.05rem}.cat-info p{font-size:.9rem}.cat-highlights li{font-size:.88rem}.cat-app-card{padding:1.5rem 1.25rem}.cat-nav-list li a{padding:.6rem 0}}@media (max-width:480px){.cat-page{padding-top:85px}.cat-title{font-size:1.3rem}.cat-hero-desc{font-size:.88rem}.cat-breadcrumb{font-size:.75rem;margin-bottom:1.25rem}.cat-tags{gap:.4rem}.cat-tag{padding:.4rem .8rem;font-size:.78rem}.cat-app-btns{flex-direction:column}.cat-highlights,.cat-info{margin-bottom:2rem}}