body, h1, h2, h3, h4, h5, h6, table {
  font-family: Verdana, sans-serif;
  font-weight: normal;
}
body { background-color: #fff; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#table2 img { vertical-align: bottom; }
td.hline { font-size: 0; line-height: 0; }

hr.rule { border: 0; height: 1px; margin: 0; background-color: #c0c0c0; }

#table2 h5 a img { margin-left: 1.75px; }

#table2 h5 { margin-top: 11px; margin-bottom: 11px; }

td[width="58%"] > h5:first-child,
td[width="35%"] h5:first-child { margin-top: 10px; }

#table8 p { margin: 0; }
#table8 td { line-height: 13px; }

.changelog { font-size: small; }

.f1 { font-size: x-small; }
.f2 { font-size: small; }
.f3 { font-size: medium; }
.fineprint { font-size: x-small; color: #808080; }
.warn { color: red; }
.license-text { font-family: "Courier New", monospace; font-size: small; }

:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

:root { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {

  body { background-color: #1e1e1e; color: #e6e6e6; }

  a:link    { color: #6cb6ff; }
  a:visited { color: #b794ff; }
  a:hover   { color: #9ad0ff; }

  .fineprint { color: #a8a8a8; }
  .warn      { color: #ff6b6b; }

  #table8 td[bgcolor="#C0C0C0"] { background-color: #3a3a3a; }
  #table8 td[bgcolor="#F4F4F4"] { background-color: #242424; }

  img[src$="x_logo.svg"] { filter: invert(1); }

  hr.rule { background-color: #404040; }

  :focus-visible { outline-color: #6cb6ff; }
}