.topbar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.subtitle {
  color: var(--ark-text-dim);
}

.left-header-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.attr {
  display: grid;
  grid-template-columns:
    minmax(0,1.1fr)
    minmax(88px,112px)
    minmax(0,.9fr)
    minmax(0,1.15fr);
  gap: 10px;
}

.perk-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(240px,1fr));
  gap: 10px;
}