.tier-details {
  display: grid;
  grid-template-columns: minmax(0, 24ch) minmax(0, 1fr);
  column-gap: var(--s-3);
  border-block: var(--rule-thin) solid var(--rule);
}

.tier-details dt,
.tier-details dd {
  padding-block: var(--s-2);
}

.tier-details dt {
  color: var(--ink-soft);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
}

.tier-details dt:not(:first-of-type),
.tier-details dt:not(:first-of-type) + dd {
  border-block-start: var(--rule-thin) solid var(--rule-soft);
}

.tier-table {
  min-inline-size: 36rem;
  table-layout: auto;
}

.tier-table td:last-child form {
  margin: 0;
}

.site-form select {
  display: block;
  inline-size: 100%;
  padding: var(--s-2) var(--s-3);
  border: var(--rule-thin) solid var(--rule);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  font: inherit;
}

.site-form select[aria-invalid="true"] {
  border-color: var(--signal);
}

.tier-table th {
  position: relative;
}