body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 40px;
  }
  
  #chart {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    margin-top: 20px;
  }
  
  .bar {
    fill: steelblue;
    cursor: pointer;
    transition: fill 0.3s;
  }
  
  .bar:hover {
    fill: orange;
  }
  
  .axis-label {
    font-size: 12px;
    fill: #333;
  }
  
  .tooltip {
    position: absolute;
    text-align: center;
    background: #222;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
    pointer-events: none;
    font-size: 12px;
  }