:root {
	--c1: #FCF9E1FF;
	--c2: #FFF9B8FF;
	--c3: #FDC581FF;
	--c4: #F09165FF;
	--c5: #D4584BFF;
	--c6: #AF294DFF;
	--c7: #202023FF;
	--c8: #131315FF;
  }


table {
    width: 100%;
    border-collapse: collapse;
  }
  
  table, th, td {
    border: 1px solid black;
    padding: 10px;
    text-align: left;
  }
  
  .expertise-bar {
    display: flex;
    height: 20px;
    margin-bottom: 10px;
  }
  
  .bar {
    text-align: center;
    line-height: 20px;
    color: var(--c7);
  }
  
  .integrative { background-color: var(--c1);}
  .occupational { background-color: var(--c2); }
  .exercise { background-color: var(--c3); }
  .space { background-color: var(--c4); }
  .clinical { background-color: var(--c5); }
  .modelling { background-color: var(--c6); }
  .ergonomics { background-color: var(--c7); }