:root {
  --accent-red: #ef6c4a;
  --accent-red-light: rgba(220, 38, 38, 0.12);
}

.dark {
  --accent-red: #ff8a6a;
  --accent-red-light: rgba(248, 113, 113, 0.16);
}

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      input[type="number"] {
        -moz-appearance: textfield;
      }

/* Keep the shared result explanation below the metrics, outside their grid. */
.cg-summary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}

.cg-summary-grid > div {
  min-width: 0;
}

.cg-summary-grid > div > div {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.cg-results > .result-assumptions {
  margin-top: 0.75rem;
  padding: 0;
}

@media (min-width: 640px) {
  .cg-summary-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
  }

  .cg-summary-grid > div {
    grid-column: span 2;
  }

  .cg-summary-grid > div:nth-child(-n + 2) {
    grid-column: span 3;
  }
}