.chart {
  font-family:  'Oswald', 'Roboto Condensed', 'Arial Narrow', sans-serif; 
  font-size: 8px; /* Very small size */
  /*letter-spacing: -.5x; /*Text IN BAR  Compress spacing THIS DOES WORK*/
  /*font-weight: 400;  Normal weight (avoid bold for more compression)
  text-transform: uppercase; Uppercase can look more compact */
  line-height: 1; /* Minimal line spacing */
  margin: 0;padding-left: 5px; padding-bottom: 9px; 
  padding-top: 0px; padding-right: 0px;
      width: 100%; opacity: 1; 
   /* Container styles (optional) */
   height: auto; /* or fixed height like 200px if preferred */
 }
 
 .chart table {
   height: auto !important; /* Override charts.css default */
   aspect-ratio: unset !important; /* Remove forced square ratio */
   min-height: unset !important; /* Remove any min-height constraints */
 }
 
 /* Optional: Adjust bar spacing if needed */
 .chart .bar tbody tr {
   height: 2em; /* Makes bars tighter vertically */
 }

  
.chart .label {
  font-family: 'Oswald', 'Roboto Condensed', 'Arial Narrow', sans-serif; 
  font-weight: 400; 
  font-size: 8px; 
  /*letter-spacing: -.5px; */
  line-height: 1; }



/* allow spill box*/
.chart .data-label {
  /*font-size: 9px;*/
  letter-spacing: -0.5px;
  white-space: nowrap; /* Keep text in one line */
  overflow: visible; /* Let text overflow container */
  text-overflow: unset; /* Disable ellipsis */
  position: relative; /* Needed for z-index */
  z-index: 1; /* Ensure text renders above other elements */
  /* Optional: Add a subtle text shadow for readability */
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/*  Dynamic font size to fit
.chart .data-label { 
  font-size: clamp(6px, 1.5vw, 8px); /* Min 6px, scales with viewport, max 8px */
  white-space: nowrap;
}
*/

/*
Combined approach  not good
.chart .data-label {
  font-family: 'Oswald', sans-serif;
  font-size: 7px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  overflow: visible;
  line-height: 1;
  padding: 0 2px; /* Small padding to avoid edge clashes */
}
*/



caption {
      display: table-caption; caption-side: top;
      text-align: center; padding: 0.0rem; }

.chart {
  font-family:  'Oswald', 'Roboto Condensed', 'Arial Narrow', sans-serif; 
  font-size: 8px; /* Very small size */
  letter-spacing: -2x; /*Text IN BAR  Compress spacing THIS DOES WORK*/
  /*font-weight: 400;  Normal weight (avoid bold for more compression)
  text-transform: uppercase; Uppercase can look more compact */
  line-height: 1; /* Minimal line spacing */
  margin: 0;padding-left: 9px; padding-bottom: 9px; 
  padding-top: 0px; padding-right: 0px;
      width: 100%; opacity: 1; 
   /* Container styles (optional) */
   height: auto; /* or fixed height like 200px if preferred */
 }
 
 .chart table {
   height: auto !important; /* Override charts.css default */
   aspect-ratio: unset !important; /* Remove forced square ratio */
   min-height: unset !important; /* Remove any min-height constraints */
 }
 
 /* Optional: Adjust bar spacing if needed */
 .chart .bar tbody tr {
   height: 2em; /* Makes bars tighter vertically */
 }

  
.chart .label {
  font-family: 'Oswald', 'Roboto Condensed', 'Arial Narrow', sans-serif; 
  font-weight: 400; 
  font-size: 8px; 
  letter-spacing: -1.2px; 
  line-height: 1; }

caption {
      display: table-caption; caption-side: top;
      text-align: center; padding: 0.0rem; }