/* Archive page: intro box and one table per month. Tokens and boxes come from terminal.css. */
.archive .brand {
  text-decoration: none;
}
.archive .m {
  color: var(--muted);
}
/* Grid children may shrink below the table width; the table scrolls inside its box. */
.archive > *,
#months > * {
  min-width: 0;
}
#months {
  display: grid;
  gap: 14px;
}
.intro-body {
  padding: 6px 18px 14px;
  max-width: 78ch;
}
.intro-body h2 {
  margin: 10px 0 8px;
  font: 400 1.35rem/1.2 var(--serif);
  color: var(--bright);
}
.intro-body ul {
  padding-left: 18px;
}
.table-wrap {
  overflow-x: auto;
  padding: 4px 10px 12px;
}
.month table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  font: 12.5px/1.45 var(--code);
}
.month th,
.month td {
  text-align: left;
  vertical-align: top;
  padding: 9px 10px;
  border-bottom: 1px solid color-mix(in srgb, var(--rule) 45%, transparent);
}
.month thead th {
  font: 700 10.5px var(--label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}
.month tbody th {
  white-space: nowrap;
  color: var(--bright);
}
.state-cell {
  white-space: nowrap;
  font-weight: 700;
  color: var(--bright);
}
.bands {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bands .m {
  display: inline-block;
  min-width: 11ch;
}
tr.partial td,
tr.partial th {
  opacity: 0.8;
}