.neck {
  background-color: #f5aa4d;
  cursor: pointer;

  tr {
      position: relative;
      border-left: 2px solid black;
  }

  tr::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 50%;
      border-bottom: 1px solid black;
  }

  td {
    position: relative;
    border-right: 1px solid grey;
    border-top: 0;
  }

  /* The clickable dot */
  td:hover::before {
      content: "";
      position: absolute;
      width: 2em;                 /* Largeur du disque */
      height: 2em;                /* Hauteur du disque (même valeur pour cercle) */
      background-color: black;     /* Couleur de fond du disque */
      border-radius: 50%;          /* Crée un cercle */
      top: 50%;                    /* Centre verticalement */
      left: 50%;                   /* Centre horizontalement */
      transform: translate(-50%, -50%); /* Ajuste la position pour être parfaitement centré */
      z-index: 10;
      background-color: red;
  }

  td.dot {
  }

  /* Dot inlay */
  td.dot::after {
      content: "";
          position: absolute;
          width: 1em;                 /* Largeur du disque */
          height: 1em;                /* Hauteur du disque (même valeur pour cercle) */
          background-color: black;     /* Couleur de fond du disque */
          border-radius: 50%;          /* Crée un cercle */
          top: 50%;                    /* Centre verticalement */
          left: 50%;                   /* Centre horizontalement */
          transform: translate(-50%, 25%); /* Ajuste la position pour être parfaitement centré */
    }

    tr {
      > td:nth-child(12n+1) {
        width: 11.51%;
      }
      > td:nth-child(12n+2) {
        width: 10.80%;
      }
      > td:nth-child(12n+3) {
        width: 10.15%;
      }
      > td:nth-child(12n+4) {
        width: 9.53%;
      }
      > td:nth-child(12n+5) {
        width: 8.95%;
      }
      > td:nth-child(12n+6) {
        width: 8.40%;
      }
      > td:nth-child(12n+7) {
        width: 7.89%;
      }
      > td:nth-child(12n+8) {
        width: 7.41%;
      }
      > td:nth-child(12n+9) {
        width: 6.95%;
      }
      > td:nth-child(12n+10) {
        width: 6.53%;
      }
      > td:nth-child(12n+11) {
        width: 6.13%;
      }
    }

    /*tr.current {
        background-color: blue;
    }*/
    tr.current::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 50%;
          border-bottom: 3px solid red;
    }

}

/**
| x + x*y + x*y^2 + ... + X*Y^11 = 100
| y^11 = 0,5

| SUM(n=0->11)(x*y^n) = 100
| y = 0,939

| x * SUM(n=0->11)(y^n) = 100

| x = 100 / SUM(n=0->11)(y^n)

| x = 100 / SUM(n=0->11)(0,939^n)

| x = 100 / 8,69 = 11,5


*/