/* page.css — what is sandman's alone. Tokens and components are ui.css's, the
   shell (container, measure, sections, tree, toc) is docs.css's; both are
   linked from https://gigantic.dev/ui/, never copied here. */

.stations {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  margin-top: 1rem;
}

.stations .panel-body p {
  color: var(--ui-fg-muted);
  font-size: 0.875rem;
}

.stations-detail {
  grid-template-columns: 1fr;
}

.stations-detail .panel-body ul {
  color: var(--ui-fg-muted);
  display: grid;
  font-size: 0.875rem;
  gap: 0.375rem;
}

.stations-detail .panel-body li::before {
  color: var(--ui-fg-faint);
  content: "— ";
}