.cat-hero{padding:2.5rem 0 2.25rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.cat-hero .tag{margin-bottom:.85rem}.cat-hero h1{margin-bottom:.75rem}.cat-hero p{color:var(--text-secondary);max-width:70ch;font-size:1.02rem}.cat-hero .cat-count{display:inline-block;margin-top:1rem;font-size:.82rem;color:var(--text-tertiary);font-family:var(--font-mono)}.cat-body{padding:2.5rem 0 0}.cat-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2.5rem;align-items:start}.post-list{display:flex;flex-direction:column;gap:1rem}.post-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:1.1rem;padding:1.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);transition:box-shadow .18s,border-color .18s,transform .18s}.post-item:hover{box-shadow:var(--shadow);transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.post-item .card-icon{width:46px;height:46px;background:var(--bg-tertiary)}.post-item h2,.post-item h3{font-size:1.12rem;line-height:1.4;margin-bottom:.35rem}.post-item h2 a,.post-item h3 a{color:var(--text-primary);text-decoration:none}.post-item h2 a:hover,.post-item h3 a:hover{color:var(--primary)}.post-item p{color:var(--text-secondary);font-size:.92rem;line-height:1.6;margin-bottom:.7rem}.post-item .card-meta{margin-top:0}.group + .group{margin-top:3rem}.group-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.15rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.group-head h2{font-size:1.35rem}.group-head a{font-size:.86rem;font-weight:600}.cat-sidebar{position:sticky;top:calc(var(--header-h) + 20px);display:flex;flex-direction:column;gap:1.15rem}.cat-nav-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);padding:1.2rem 1.3rem}.cat-nav-box h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:.8rem}.cat-nav-box ul{list-style:none;display:flex;flex-direction:column;gap:.1rem}.cat-nav-box li + li{border-top:1px solid var(--border)}.cat-nav-box a{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.58rem 0;font-size:.9rem;color:var(--text-secondary);text-decoration:none}.cat-nav-box a:hover{color:var(--primary)}.cat-nav-box a[aria-current="page"]{color:var(--primary);font-weight:600}.cat-nav-box .n{font-size:.76rem;color:var(--text-tertiary);font-family:var(--font-mono)}@media (max-width:1024px){.cat-layout{grid-template-columns:1fr;gap:2rem}.cat-sidebar{position:static}}@media (max-width:768px){.cat-hero{padding:1.75rem 0 1.5rem}.cat-body{padding:1.75rem 0 0}.post-item{grid-template-columns:1fr;gap:.75rem;padding:1.15rem}.post-item .card-icon{width:38px;height:38px}}