.letter-wide {
  letter-spacing: 0.12em;
}

.index-value {
  font-variant-numeric: tabular-nums;
}

.kp-storm {
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
  color: var(--bs-danger-text-emphasis);
}

.kp-unsettled {
  background-color: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
  color: var(--bs-warning-text-emphasis);
}

.view {
  display: none;
}

main:has(#pass-now:checked):has(#mode-cw:checked) .view-now-cw,
main:has(#pass-now:checked):has(#mode-ssb:checked) .view-now-ssb,
main:has(#pass-mon:checked):has(#mode-cw:checked) .view-mon-cw,
main:has(#pass-mon:checked):has(#mode-ssb:checked) .view-mon-ssb {
  display: block;
}

.heat {
  font-size: 0.72rem;
  min-width: 42rem;
}

.heat th,
.heat td {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.table > :not(caption) > * > [class*="text-bg-"],
.table-hover > tbody > tr:hover > [class*="text-bg-"] {
  --bs-table-bg-state: transparent;
  box-shadow: none;
}

.heat th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: var(--bs-tertiary-bg);
}

.summary th:first-child,
.summary td:first-child {
  white-space: nowrap;
}