/* Common styles moved to quick-read-common.css */

/* Page-specific styles */
.comparison-side {
  padding: 24px;
  border-radius: 12px;
}

.comparison-side.bad {
  background: hsl(351, 100%, 96%);
}

.comparison-side.good {
  background: hsl(125, 39%, 94%);
}

.comparison-side h4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.comparison-side.bad h4 {
  color: hsl(0, 66%, 47%);
}

.comparison-side.good h4 {
  color: hsl(123, 46%, 34%);
}

.comparison-side p {
  font-size: 15px;
  color: var(--text-body);
  margin: 0;
}