.tools-wrap {
  display: grid;
  gap: 1rem;
}

.calculator-card {
  background: var(--color-surface-strong);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 1rem;
  box-shadow: var(--shadow-sm);
  display: grid;
  gap: 0.75rem;
}

.result-card {
  border: 1px solid rgba(64, 168, 63, 0.3);
  background: rgba(83, 194, 79, 0.1);
  border-radius: 0.75rem;
  padding: 0.75rem;
  min-height: 3.25rem;
  color: var(--color-text-900);
  overflow-wrap: anywhere;
}

.result-card.error {
  border-color: rgba(170, 45, 60, 0.36);
  background: rgba(170, 45, 60, 0.08);
  color: var(--color-danger);
}

@media (min-width: 58rem) {
  .tools-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}