@import url('./asciidoctor.css');
@import url('./style-overrides.css');
@import url('./style-shared.css');

html {
  color: var(--fg-color);
  background-color: var(--bg-color);
  font-family: var(--sans-font);
}

#toctitle {
  color: var(--fg-color);
}

#header,
#content,
#footnotes,
#footer {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 768px) {
  #toc.toc2 {
    background: none;
    border: none;
  }
}

.toc2 ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.toc2 li ul {
  padding: 4px 0;
}

#toc a:hover {
  text-decoration: underline;
}

.sect1+.sect1 {
  border-top: 1px solid var(--fg-color-50);
}