.listings-cats { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); margin: 0; padding: 0; list-style: none; }
.listings-cat { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 10px 14px; background: var(--pp-color-surface-card); border: var(--border) solid var(--color-border); border-radius: var(--radius-xl); color: var(--pp-color-text-ink); font-weight: 600; text-decoration: none; }
.listings-cat:hover, .listings-cat:focus-visible { background: var(--pp-color-surface-raised); }
.listings-cat__count { flex: none; color: var(--pp-color-text-secondary); font-weight: 600; font-variant-numeric: tabular-nums; }


.listings-items { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.listings-item { padding: 12px 16px; background: var(--pp-color-surface-card); border: var(--border) solid var(--color-border); border-radius: var(--radius-xl); }
.listings-item h2 { margin: 0; font-size: var(--pp-type-h2-size); line-height: 1.3; }
.listings-item a { color: inherit; font-weight: 600; text-decoration: none; }
.listings-item a:hover, .listings-item a:focus-visible { text-decoration: underline; }
.listings-item p { margin: 4px 0 0; color: var(--pp-color-text-secondary); font-size: var(--pp-type-label-size); }