.pythagorean-result-panel {
  border: 1px solid rgba(127, 127, 127, 0.45);
  border-radius: 0.5rem;
  background: rgba(127, 127, 127, 0.07);
  color: var(--font-color, inherit);
  margin: 1rem 0 0;
  padding: 1rem;
}

.pythagorean-result-panel h2 {
  font-size: 1.15rem;
  margin: 0 0 0.75rem;
}

.pythagorean-message,
.pythagorean-calculation,
.pythagorean-verdict {
  margin: 0.35rem 0;
}

.pythagorean-calculation {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  overflow-wrap: anywhere;
}

.pythagorean-result-panel.has-error {
  border-color: rgba(190, 40, 40, 0.65);
}

.pythagorean-result-panel.has-error .pythagorean-message {
  color: #b3261e;
  font-weight: 600;
}

html[data-bs-theme="dark"] .pythagorean-result-panel.has-error .pythagorean-message,
body.dark .pythagorean-result-panel.has-error .pythagorean-message {
  color: #ffb4ab;
}

@media (max-width: 575.98px) {
  .pythagorean-result-panel {
    padding: 0.75rem;
  }
}