.cat-page{min-height:100vh;background:var(--paper);padding:24px 16px 64px}.cat-wrap{max-width:760px;margin:0 auto}.cat-title{font-size:var(--step-4);font-weight:800;margin:12px 0 6px}.cat-lead{font-size:var(--step-1);margin-bottom:24px}.cat-empty,.cat-lead{color:var(--ink-soft)}.cat-empty{line-height:1.7}.cat-empty code{background:var(--surface-2);padding:1px 6px;border-radius:6px;font-size:.9em}.cat-list{display:grid;grid-gap:16px;gap:16px}.cat-card{display:grid;grid-template-columns:130px 1fr;grid-gap:0;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .12s,box-shadow .2s,border-color .2s}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--brand)}.cat-card img{width:130px;height:100%;min-height:96px;object-fit:cover}.cat-card-body{padding:15px 16px}.cat-card h2{font-size:1.1rem;font-weight:800;line-height:1.3}.cat-card p{color:var(--ink-soft);font-size:.9rem;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:520px){.cat-card{grid-template-columns:1fr}.cat-card img{width:100%;height:160px}}