html {
  scroll-padding-top: 6rem;/*PREVENT THE <H2> FROM BEING HIDDEN UNDER THE FIXED HEADER*/
  scroll-behavior: smooth;
}
h2 {
    clear: both;
}
ol ol {
    list-style-type: lower-alpha;
}
table {
    border-collapse: collapse;
    margin-top: 2rem;
    border: 1px solid var(--mainDark);
}
caption {
    font-weight: bold;
    font-size: 1.2rem;
    background-color: var(--mainDark);
    color: var(--neutralLight);
}
td {
    text-align: left!important;
    border: none!important;
}
tr:nth-of-type(odd) {
    background-color: var(--neutralMid);
}
.thisPage ul {
    display: initial;
    font-size: initial;
    overflow: auto;
}
.thisPage ul::after {
  content:"";
  display:table;
  clear:both;
}
.thisPage li {
    float: left;
    margin-right: 1rem;
}
.thisPage li:not(:last-of-type) a::after {
    content: " | ";
    margin-left: 1rem;
}
p:has(.fa-arrowcircleup) {
    position: fixed;
    right: 0;
    bottom: 5.5rem;
    z-index: 10;
}
.fa-arrowcircleup::before {
    content: "\f0aa";
}
.fa::before {
    font-family: FontAwesome;
}
.fa-arrowcircleup {
    font-size: 3rem;
    color: var(--neutralMid);
    text-decoration: none;
    opacity: .5;
}
.special {
    font-weight: bold;
    color: var(--mainDark);
    font-size: 2rem;
    text-align: center;
}
/*FANCY CHECKBOXES*/
input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: var(--neutralLight);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 1px solid var(--comp);
  border-radius: 0.15em;
  /*transform: translateY(-0.075em);*/
  display: inline-grid;
  place-content: center;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /*THIS MAKES A TICK*/
          clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  /*transform-origin: bottom left;*/
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: var(--mainDark); /*THIS CHANGES THE COLOUR OF THE TICK*/
}

input[type=checkbox]:checked::before {
  transform: scale(1);
}

input[type=checkbox]:focus {
  outline: none;
  outline-offset: max(2px, 0.15em);
}
[type="checkbox"]+label {
    margin-left: 1rem;
}
@media only screen and (max-width: 980px) {
    .thisPage {
        width: initial;
        overflow: initial;
    }
}
@media only screen and (max-width: 500px) {
    .thisPage ul {
        display: block;
        columns: 2;
        text-align: left;
    }
    .thisPage li {
        float: none;
        margin-right: 0;
    }
    .thisPage a::after {
        content: ""!important;
    }
}
@media only screen and (max-width: 355px) {
    .thisPage ul {
        columns: 1;
    }
    td {
        display: block;
    }
    td:nth-of-type(2) {
        font-weight: bold;
    }
}