.pp-switch-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--om-s3);
  margin-top: var(--om-s5);
}
.pp-hint {
  min-height: 1.6em;
  font-size: var(--om-fs-sm);
  color: var(--om-ink-mute);
  text-align: center;
  max-width: 46ch;
}

.om-seg__btn.is-on .om-badge--accent {
  border-color: rgba(7, 11, 28, 0.4);
  color: var(--om-bg-deep);
  background: transparent;
}

.pp-sub {
  display: block;
  margin-top: var(--om-s2);
  font-family: var(--om-font-mono);
  font-variant-numeric: tabular-nums;
  font-size: var(--om-fs-xs);
  color: var(--om-ink-faint);
}

.pp-unit {
  font-family: var(--om-font-mono);
  font-size: var(--om-fs-xs);
  color: var(--om-ink-faint);
}

.pp-matrix th,
.pp-matrix td { text-align: center; }
.pp-matrix th:first-child,
.pp-matrix td:first-child { text-align: left; }
.pp-matrix .om-badge { justify-content: center; }

.pp-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--om-s3);
  margin-top: var(--om-s4);
}

.pp-pay {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--om-s3);
  margin-top: var(--om-s5);
}