/* 06-components/group — a labelled group of cards or links, announced by the
   machine. The shared grouping grammar across the three browse surfaces: the
   museum tracks, the wiki category directory, and the landing feed blocks. The
   label is a console-divider line (`> mount current`); the body is a grid of
   cards or a scannable file-listing. One rhythm, so the page reads as a single
   machine listing its inventory. */
.c-group + .c-group { margin-block-start: var(--space-xl); }

/* The divider label. A heading styled as a console command line — the leading
   `>` prompt glows (chrome), the verb stays green, the argument is plain ink,
   a trailing count sits dim and right. Quiet rule beneath ties it to a section. */
.c-group__label {
  font-family: var(--font-chrome);
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--ink);
  text-shadow: none;
  letter-spacing: var(--tracking-chrome);
  text-transform: none;
  margin-block-end: var(--space-md);
  padding-block-end: var(--space-xs);
  border-block-end: 1px solid var(--rule);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 0.6ch;
}
.c-group__label::before {
  content: ">";
  color: var(--brand);
  text-shadow: var(--glow) color-mix(in srgb, var(--brand) 45%, transparent);
}
.c-group__cmd  { color: var(--brand); }
.c-group__meta {
  color: var(--ink-dim);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin-inline-start: auto;
}
.c-group__label a { color: inherit; }
.c-group__label a:hover { color: var(--link); }

/* A scannable file-listing body: mono links flowing into intrinsic columns so a
   directory of dozens scans in one glance on wide screens, one column on a phone.
   Each entry carries a `·` glyph so it reads as terminal output. */
.c-group__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--font-chrome);
  font-size: var(--text-sm);
  columns: 15rem auto;
  column-gap: var(--space-xl);
}
.c-group__list li {
  break-inside: avoid;
  margin-block-end: 0.35rem;
}
.c-group__list a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6ch;
}
.c-group__list a::before {
  content: "·";
  color: var(--ink-dim);
}