#tableCm {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  font-size: calc(0.8em + 0.2vw);
  overflow: visible; /* Allow overflow for the entire table */
  padding: 0px 0px 35px 0px
}

#tableCm th, #tableCm td {
  padding: 5px;
  border: 1px solid #ddd;
  overflow: visible; /* Ensure no clipping happens within cells */
}

#tableCm th {
  background-color: #ad226c; /* Adjust color for header */
  color: white;
  position: relative;
  padding: 12px; /* Adjust padding for more spacing */
  overflow: visible; /* Allow content to overflow */
  text-align: center;
  font-weight: 600;
}

/* Circle Styling */
.circle {
  position: absolute;
  top: -12px; /* Move circle further above */
  left: 50%; /* Center the circle */
  transform: translateX(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #ad226c;
  color: white; /* Matches header color */
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  border: 2px solid white; /* Circle border matches header */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Add floating shadow */
  z-index: 100; /* Ensure the circle appears above everything */
}
.size-chart-table {
  align-content:center;
text-align: center;
}