/* Minimal, modern styling */
:root{
  --radius: 1.25rem;
}

.gradient-hero{
  background: radial-gradient(1200px 400px at 10% -10%, #e7f1ff 0%, transparent 60%);
}

.hero-card{ border-radius: var(--radius); }

.result-pill{
  background: #ced4da;
  border-radius: var(--radius);
  padding: .75rem 1rem;
}

.value{ font-weight: 900; font-size: 1.25rem; }
.label{ font-size: .8rem; color: #c70d0d; }

.table td, .table th{ vertical-align: middle; }

@media (min-width: 992px){
  header .hero-card{ transform: rotate(-0.25deg); }
}

#pieChart {
  max-width: 100% !important;
  max-height: 100% !important;
}