body {
  font-family: "Inter", sans-serif;
}
h1,
h2,
h3 {
  font-family: "Lora", serif;
}
.nav-link {
  transition: color 0.3s, border-color 0.3s;
}
.active-link {
  color: #92400e;
  border-bottom-color: #92400e;
}
.inactive-link {
  border-bottom-color: transparent;
}
.tab-active {
  background-color: #d97706;
  color: white;
}
.tab-inactive {
  background-color: #f3f4f6;
  color: #374151;
}
.chart-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  height: 300px;
  max-height: 400px;
}
@media (min-width: 768px) {
  .chart-container {
    height: 350px;
  }
}