BODY {
    font-family: arial, sans-serif;
    font-size: small;
    text-align: justify;
    background: lightyellow;
    color: black
}
A {
    color: blue;
    text-decoration: none
}
A:VISITED {
    color: green
}
A:HOVER {
    color: red;
    text-decoration: underline
}
TABLE {
    font-size: small
}
.ratingdate {
    color: red
}
.ratingnewpeak {
    font-weight: bold;
    color: green
}
.ratingup {
    font-weight: bold;
    color: green
}
.ratingdown {
    font-weight: bold;
    color: red
}
.ratingsame {
    font-weight: bold
}
.ratingcarry {
    font-weight: bold
}
.promotion {
    color: red
}
.expiring {
    font-weight: bold;
    color: red
}
.win {
    background: lightgreen
}
.loss {
    background: pink
}
.draw {
    background: lightblue
}
@media print {
    #links { display: none }
}
.menu-main,
.menu-skip-source {
  display: none;
}

.menu-skip-target {
  position: absolute;
  left: -999px;
}

@media screen {
  .html-with-menu {
    scroll-padding-top: 2em;
  }

  .body-with-menu {
    padding-top: 2em;
  }

  .menu-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    background: lightyellow;
    border-bottom: 1px solid black;
    white-space: nowrap;
  }

  .menu-main > * {
    margin-left: 10px;
  }

  .menu-home-image {
    height: 1em;
  }

  .menu-dropdown {
    display: flex;
    position: relative;
  }

  .menu-dropdown-anchor {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 100%;
  }

  .menu-dropdown-anchor .menu-dropdown-anchor {
    top: 0;
    left: 100%;
  }

  .menu-dropdown-container {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
    background: white;
  }

  .menu-separator {
    background: black;
    height: 1px;
  }

  .menu-dropdown:focus-within,
  .menu-dropdown:hover,
  .menu-main > a:focus-within,
  .menu-main > a:hover,
  .menu-dropdown-container > a:focus-within,
  .menu-dropdown-container > a:hover {
    background: yellow;
  }

  .menu-dropdown > a,
  .menu-main > a,
  .menu-dropdown-container > a {
    padding: 5px;
  }

  .menu-dropdown > a {
    width: 100%;
  }

  .menu-dropdown:focus-within > .menu-dropdown-anchor,
  .menu-dropdown:hover > .menu-dropdown-anchor {
    display: flex;
  }

  .menu-skip-source {
    display: unset;
    position: absolute;
    left: -999px;
  }

  .menu-skip-source:focus {
    left: 0;
    top: 0;
    z-index: 1000;
    background: yellow;
    padding: 5px;
    background: white;
    box-shadow: 10px 10px 5px #cccccc80;
  }
}