/* Design catalog — reuses site typography, scopes only its own page chrome. */
.catalog-main {
  max-width: var(--page-width-atlas, 88rem);
  margin-inline: auto;
  padding: 2rem 1.25rem 6rem;
  display: grid;
  gap: 2.5rem;
}
.catalog-masthead h1 { margin-bottom: 0.5rem; }
.catalog-masthead__lede { color: var(--ink-soft, #556); max-width: 60ch; }
.catalog-masthead__counts { font-size: 0.9rem; color: var(--ink-soft, #667); font-variant-numeric: tabular-nums; }
.catalog-toc { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; font-size: 0.9rem; }
.catalog-toc--compact { gap: 0.5rem 0.75rem; font-size: 0.8rem; }
.catalog-toc a { text-decoration: none; border-bottom: 1px dotted currentColor; }
.catalog-section { display: grid; gap: 1rem; }
.catalog-section h2 { margin: 0; }
.catalog-entries { display: grid; gap: 0.75rem; }
.catalog-asset-buckets { display: grid; gap: 1.5rem; }
.catalog-asset-bucket { display: grid; gap: 0.75rem; }
.catalog-asset-bucket__header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.catalog-asset-bucket__meta { margin: 0; font-size: 0.85rem; color: var(--ink-soft, #667); }
.catalog-asset-grid { display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.catalog-entry {
  padding: 0.75rem 1rem;
  border: 1px solid var(--line, rgba(0,0,0,0.1));
  border-radius: 0.5rem;
  background: var(--surface, rgba(255,255,255,0.6));
  display: grid; gap: 0.35rem;
}
.catalog-entry--asset { gap: 0.6rem; }
.catalog-entry__header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
.catalog-entry__name { font-weight: 600; }
.catalog-entry__meta { font-size: 0.8rem; color: var(--ink-soft, #667); font-variant-numeric: tabular-nums; }
.catalog-entry__line { margin: 0; font-size: 0.88rem; }
.catalog-entry__line code { font-size: 0.82rem; }
.catalog-entry__line--warn { color: hsl(18 60% 40%); }
.catalog-entry__doc { margin: 0; font-size: 0.85rem; color: var(--ink-soft, #556); font-style: italic; }
.orphan-list dt { font-weight: 600; margin-top: 0.5rem; }
.orphan-list dd { margin: 0.15rem 0 0.5rem 0; display: flex; flex-wrap: wrap; gap: 0.35rem; }
.catalog-entry__preview { display: block; border-radius: 0.45rem; overflow: hidden; aspect-ratio: 4 / 3; background: var(--surface-soft, rgba(0,0,0,0.04)); border: 1px solid var(--line, rgba(0,0,0,0.1)); }
.catalog-entry__preview img { width: 100%; height: 100%; object-fit: cover; display: block; }
.catalog-asset-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.catalog-chip { display: inline-flex; align-items: center; padding: 0.15rem 0.45rem; border-radius: 999px; background: var(--surface-soft, rgba(0,0,0,0.05)); font-size: 0.75rem; }
.catalog-chip--link { text-decoration: none; color: inherit; }