.points_title {
font-size: 20px;
  text-align: center;
  color: var(--highlight);
  font-family: Lucida;
padding: 5px;}


.points_subtitle {
  color: var(--highlight);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
}

.points_cat
 {width: 100%;}


.points_subcat 
 {text-align: justify;
border: 1px solid var(--designbordercolor);}

.points_charbit
 {text-align: justify;
font-size: 11px;}

.metaphysical-points {
    width: 100%;
	font-size: 11px;}
}

.metaphysical-points-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end; /* This aligns the points to the right */
}

.metaphysical-points td {
    width: 20px; /* Adjust the width as needed */
    text-align: center;
}

.metaphysical-points .break {
    flex-basis: 100%;
    height: 0;
}