.activity-calculator {
  max-width: 36rem;
}

.activity-calculator form {
  display: flex;
  flex-direction: column;
  gap: var(--msu-space-md, 1rem);
}

/* Ensure msu-select renders as block to fill the constrained width */
.activity-calculator msu-select {
  display: block;
}

#activity-results:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: var(--msu-space-md, 1rem);
}