.points-value-form {
  display: grid;
  gap: 1.25rem;
  padding: clamp(1rem, 3vw, 2rem);
  margin-block: 1.5rem;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #fff;
  color: #17243c;
}
.points-value-form label { display: grid; gap: .5rem; font-weight: 600; }
.points-value-form input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: .75rem;
  border: 1px solid #64748b;
  border-radius: 6px;
  background: #fff;
  color: #17243c;
  font: inherit;
}
.points-value-form input:focus-visible,
.points-value-form button:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.points-value-form button { justify-self: start; }
[data-points-value-result] { margin: 0; padding-top: 1rem; border-top: 1px solid #cbd5e1; font-weight: 600; }