.cat{padding-block:var(--space-4) var(--space-5)}.cat-title{font-size:var(--fs-xl);margin-top:var(--space-1)}.cat-intro{color:var(--text-dim);max-width:52ch;margin-top:var(--space-2)}.cat-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.cat-card{display:flex;flex-direction:column;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);transition:border-color .15s ease,background .15s ease,transform .15s ease}a.cat-card:hover{background:var(--surface-2);border-color:var(--border-hi);color:var(--text);transform:translateY(-2px)}.cat-top{display:flex;justify-content:space-between;align-items:center}.cat-unit{font-size:var(--fs-xs);color:var(--text-faint);letter-spacing:.15em;border:1px solid var(--border);border-radius:var(--radius);padding:.1rem .5rem}.cat-name{font-size:var(--fs-md);margin-top:var(--space-1)}.cat-tagline{font-size:var(--fs-sm);color:var(--text-dim);flex-grow:1}.cat-replaces{font-size:var(--fs-xs);color:var(--text-dim)}.cat-cta{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:var(--track-wide)}a.cat-card:hover .cat-cta{color:var(--ok)}.cat-card--soon{border-style:dashed;background:transparent}.cat-soon{font-size:var(--fs-xs);color:var(--warn);text-transform:uppercase;letter-spacing:var(--track-wide);border:1px solid var(--warn);border-radius:var(--radius);padding:.1rem .5rem;opacity:.8}@media(max-width:720px){.cat-grid{grid-template-columns:1fr}}