/*
  Page styles for the company pages: /walkthrough/, /contact/, /founding-providers/,
  /looking-for-support/, /about/, /about/editorial-standards/, /roadmap/, /changelog/.
  Everything else on these pages uses ws.css components as they are. Tokens only.
*/

.filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--s5) var(--s6);
  padding-bottom: var(--s5);
  border-bottom: 1px solid var(--rule);
  margin-bottom: var(--s6);
}

.filter-bar .field {
  margin: 0;
  min-width: 0;
}

.filter-bar__count {
  margin-left: auto;
  color: var(--ink-3);
}

.roadmap-empty {
  color: var(--ink-3);
  font-style: italic;
}

.changelog-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--s3);
}

.changelog-list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--s3);
  padding: var(--s3) 0;
  border-bottom: 1px solid var(--rule);
}

.changelog-list > li:last-child {
  border-bottom: 0;
}

.changelog-tag {
  display: inline-flex;
  flex: none;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.1rem 0.55rem;
  border: 1.5px solid var(--rule-strong);
  border-radius: var(--r-ctl);
  background: var(--concourse);
  color: var(--ink-2);
  font-size: var(--t-micro);
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}

.changelog-date-group + .changelog-date-group {
  margin-top: var(--s7);
}