/* to force rfresh in firefox, use ctrl-alt-r */	

/* styling for light mode if selected */

@media (prefers-color-scheme: dark) {
  body {
    background-color: #eee;
    color: #000;
  /* font-size:
   * 16px is medium, 12pt, 1em, 100%
   * 18px is large, 13.5pt, 1.125em, 112.5%
   * 19px is 14pt, 1.1875%, 119%
   * 21px is 16pt, 1.3125em, 131%
   */
    font-size: 119%;
  /* line-height:
   * 1.4 readable but close
   * 1.5 is more 'book weight', better for several rows if small pixels
   * probably use 1.5 for 16px, 1.4 for 18px or 19px, 1.2 for 21px
   */
    line-height:1.2;
  }

  pre, code, blockquote, summary {
    background-color: #eee;
  }

  /* links - try for paler/cyan blue to stand out */
  /* links: all now a blueish colour, putting cursor on them giver text in green */
  /* So they are visible, but not necessarily showing that I've visited them */
  a:link {
    color: #004080;
  }

  /* visited - try for light mauve to stand out */
  a:visited {
    color: #600040;
  }

  a:hover {
    color: #004800;
  }

  /* table rows - striped */
  tr:nth-child(odd) {
    background-color: paleturquoise;
  }

  tr:nth-child(even) {
    background-color: #lightcyan;
  }


  table, th, td {
    border-style: solid;
    border-color: #0000ff;
    border-width: 0.2rem;
    border-collapse: collapse;
  }

  /* within the table cells, centre text and add a little padding */
  td {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

}

/* styling for (default) dark mode */

body {
  background-color: var(--background-color, #222);
  color: var(--color, white);
  font-family: sans-serif;
  font-weight: 500; /* ?????/ */		
  /* font-size:
   * 16px is medium, 12pt, 1em, 100%
   * 18px is large, 13.5pt, 1.125em, 112.5%
   * 19px is 14pt, 1.1875%, 119%
   * 21px is 16pt, 1.3125em, 131%
   */
  font-size:112.5%;
  /* line-height:
   * 1.4 readable but close
   * 1.5 is more 'book weight', better for several rows if small pixels
   * probably us: 1.5 for 16px, 1.4 for 18px, 1.2 for bigger
   */
  line-height:1.3;
}

pre, code, blockquote, summary {
  background: var(--background-color, #2b2de5);
}

a:link {
  color: var(--color, LightBlue);
}

a:visited {
  color: var(--color,#bbb);
}

a:hover {
  color: var(--color, #11dd11);
}

a:active {
  color: hotpink;
}

h1, h2, h3, h4, h5 {font-weight: 700;}

/* start additions for striped table */
/* table - central */
table {
  margin-left: auto;
  margin-right: auto;
}

/* table rows - striped */
/*tr:nth-child(odd) {
  background-color: var(--background-color, black);
}

tr:nth-child(even) {
  background-color: var(--background-color, #333);
}*/

/* table rows - heading lines every 6 with black background,
 other rows alternate shades of darkish grey.  */
tr:nth-child(6n+1) {
  background-color: var(--background-color, black);
}

tr:nth-child(6n+2) {
  background-color: var(--background-color, #222);
}

tr:nth-child(6n+3) {
  background-color: var(--background-color, #333);
}

tr:nth-child(6n+4) {
  background-color: var(--background-color, #222);
}

tr:nth-child(6n+5) {
  background-color: var(--background-color, #333);
}

tr:nth-child(6n+0) {
  background-color: var(--background-color, #222);
}

table, th, td {
  border-style: solid;
  border-color: var(--border-color, DarkGray);
  border-width: 0.2rem;
  border-collapse: collapse;
}

/* within the table cells, centre text and add a little padding */
td {
  text-align: center;
  padding-left:0.4rem;
  padding-right:0.4rem;
}

.fourcolumns { /* this doesn't seem to work, neither 4; nor 4 auto; */
  columns 4;
}