.categories-page{padding-block:var(--space-lg) var(--space-2xl)}
.category-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:var(--space-md);align-items:start}
.category-nav{padding:.5rem;position:sticky;top:6rem}.category-nav__title{padding:.65rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-weight:700}.category-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .7rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-soft)}.category-link:hover,.category-link[aria-current="page"]{background:var(--color-primary-light);color:var(--color-primary)}.category-count{font-family:var(--font-mono);font-size:.68rem;color:var(--color-text-faint)}
.category-main h1{margin-top:.45rem}.category-main>p{margin-top:.5rem;color:var(--color-text-soft);max-width:46rem}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.category-card{min-height:12rem;padding:var(--space-md);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-light),transparent 65%);pointer-events:none}.category-card>*{position:relative;z-index:1}.category-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.7rem}.category-card h2{font-size:.95rem;margin-top:.9rem}.category-card p{margin-top:.2rem;color:var(--color-text-faint);font-size:.72rem}.category-card a{margin-top:.7rem;color:var(--color-primary);font-size:.75rem;font-weight:600}
@media(max-width:900px){.category-layout{grid-template-columns:1fr}.category-nav{position:static;display:flex;overflow:auto;gap:.2rem}.category-nav__title{display:none}.category-link{white-space:nowrap}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.category-grid{grid-template-columns:1fr}}