.uop-calc__grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(0, 1.4fr);
  gap: 16px;
}
@media (max-width: 900px) {
  .uop-calc__grid { grid-template-columns: 1fr; }
}

.uop-calc [hidden] { display: none !important; }

.uop-change {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
  font-size: .85rem;
  line-height: 1.5;
}

.uop-months table td,
.uop-months table th { text-align: right; font-variant-numeric: tabular-nums; }
.uop-months table th:first-child,
.uop-months table td:first-child { text-align: left; }