#watermark {
  position: fixed;
  top: 50px;
  right: 0;
  opacity: 0.10;
  z-index: -1;
}

.chevron::before {
  content: ' <';
  color: #666;
}
.chevron::after {
  content: '>';
  color: #666;
}

.section-list, .section > .info {
  font-weight: bold;
}

.section {
  margin-bottom: 1rem;
}
.section > ul, .section > p {
  margin-left: 1rem;
  padding: 0;
}
.section ul, .section li {
  list-style: none;
}

ul.item-list > li, ul.info > li {
  list-style: none;
}

main {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}
main .header-content {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .menu {
  height: 800px;
  min-width: 300px;
  max-width: 400px;
  flex-basis: auto;
  flex-grow: 1;
  text-align: right;
  padding: 1rem;
  background: #FFF;
  border-radius: 0.25rem;
  margin-top: 120px;
  position: sticky;
  top: 0;
  height: 100%;
  overflow-y: scroll;
}
main .menu .emph {
  border-radius: 0.25rem;
  padding: 0.25rem;
  margin: 0.5rem 0;
  color: #FFF !important;
  font-weight: bold !important;
}
main .menu li a {
  display: block;
  transition: all 0.1s ease-in-out;
  font-weight: 400;
}
main .menu li a:hover {
  font-weight: bold;
}
main .menu li, main .menu ul {
  font-size: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .content {
  flex: 0 500 auto;
  align-self: flex-start;
  width: 100%;
}
main .content .ist {
  width: 100%;
  max-width: 1200px;
}
main .content section {
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.25rem;
  margin: 0.5rem 0.5rem 1rem 0.5rem;
}
main .content section code {
  font-weight: bold;
}
main .content section::before {
  width: calc(100% + 2rem);
  margin: -2rem 0 0 -1rem;
  border-radius: 0.25rem 0.25rem 0 0;
  display: block;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
main .content section .item-header > h3, main .content section .item-header > a h3 {
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  display: inline-block;
  padding: 0.5rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
  font-weight: 400;
}
main .content section .item-header h3 {
  color: #555;
}
main .content section .item-list .description {
  font-size: 0.9rem;
}
main .content section .item-header > h3, main .content section .item-header > a h3 {
  background: rgba(255, 255, 255, 0.5);
}
main .content section header {
  padding: 1rem 1rem;
  margin: 0 -1rem 1rem -1rem;
  min-height: 100px;
  background: rgba(255, 255, 255, 0.5);
}
main .content section header h2 a {
  color: #000;
  font-weight: bold;
}
main .content section header > .info, main .content section .item-list > li > div > .info {
  float: right;
  display: inline-block;
  max-width: 40%;
  text-align: right;
  font-size: .8rem;
  max-height: 170px;
  overflow-y: auto;
}

body {
  background: #DEDEDE;
}

.generated {
  color: #666;
}

.menu .r .emph {
  background: #1a78b3 !important;
}
.menu .r li a, .menu .r h3 {
  color: #1a78b3;
}
.menu .a .emph {
  background: #a728bd !important;
}
.menu .a li a, .menu .a h3 {
  color: #a728bd;
}
.menu .s .emph {
  background: #73b31a !important;
}
.menu .s li a, .menu .s h3 {
  color: #568613;
}
.menu .t .emph {
  background: #9c6016 !important;
}
.menu .t li a, .menu .t h3 {
  color: #9c6016;
}

section.r {
  background: #bcdff5;
}
section.r code {
  color: #0d3c59;
}
section.r::before {
  content: "RECORD";
  background: #a6d5f2;
}
section.r header h2 a:hover {
  color: #0d3c59;
}
section.r .item-header a h3, section.r a {
  color: #0d3c59;
}
section.r .item-header a h3:hover, section.r a:hover {
  color: #135a86;
}

section.a {
  background: #f1d5f6;
}
section.a code {
  color: #5d1669;
}
section.a::before {
  content: "ABSTRACT RECORD";
  background: #eac0f2;
}
section.a header h2 a:hover {
  color: #5d1669;
}
section.a .item-header > h3, section.a a {
  color: #5d1669;
}
section.a .item-header > h3:hover, section.a a:hover {
  color: #821f93;
}

section.s {
  background: #def5bc;
}
section.s code {
  color: #39590d;
}
section.s::before {
  content: "SELECTION";
  background: #d2f2a6;
}
section.s header h2 a:hover {
  color: #39590d;
}
section.s .item-header > a > h3, section.s a {
  color: #39590d;
}
section.s .item-header > a > h3:hover, section.s a:hover {
  color: #568613;
}

section.t {
  background: #f2d0a6;
}
section.t code {
  color: #43290a;
}
section.t::before {
  content: "TUPLE";
  background: #efc48f;
}
section.t header h2 a:hover {
  color: #43290a;
}
section.t .item-header > h3, section.t a {
  color: #43290a;
}
section.t .item-header > h3:hover, section.t a:hover {
  color: #704510;
}

.robot {
  font-family: monospace;
}

.description, .info {
  color: #000;
}

.item-header > .info, .info .info {
  color: #333;
  opacity: 0.9;
  font-size: 0.9em;
  line-height: 0.9;
}