html {
  margin             : 0;
  padding            : 0;
  -webkit-text-size-adjust: none;
}
body {
  margin             : 2rem 2rem 2rem 20%;
  padding            : 0 1rem;
  max-width          : 72ch;
  line-height        : 1.1;
}
ul, blockquote {
  margin             : 0 1em;
  padding            : 0;
}
blockquote {
  background         : #F8F0E8;
  border             : solid thin silver;
  border-radius      : 10px;
  color              : #403020;
  margin             : 0 1em;
  padding            : 0 1ex;
}
pre {
  font-family        : "Verily Serif Mono", monospace;
  font-size          : 85%;
  overflow-x         : auto;
}
code {
  font-family        : "Verily Serif Mono", monospace;
  font-size          : 85%;
}
ul {
  list-style         : disc;
}
ul li::marker {
  color              : gray;
}
p {
  margin             : 0.5rem 0;
}
a {
  display            : block;
  margin             : 0.75rem 0;
  margin             : 0;
  text-decoration    : none;
  text-align         : left;
  position           : relative;
  padding-left       : 2ch;
}
a::before {
  content            : '🔗 ';
  font-size          : 70%;
  color              : gray;
  position           : absolute;
  left               : -1ex;
}
.link_target {
  display            : none;
}
.image { 
  border             : dotted thin silver;
  border-radius      : 10px;
  margin             : 0;
  padding            : 0;
}
img {
  display            : block;
  margin             : 0.5rem auto;
  max-width          : 100%;
}
.video, video {
  max-width          : 100%; 
}
th, td {
  border             : solid thin;
}
#toc {
  max-width          : 15%;
  max-height         : 95%;
  position           : fixed;
  top                : 1rem;
  left               : 1rem;
  border             : solid thin silver;
  margin             : 1rem 0rem 0rem 0rem;
  padding            : 0rem;
  font-size          : 80%;
  background         : #C3BCB6;
  overflow-y         : scroll;
  scrollbar-color    : inherit;
}
#main-content {
  margin             : auto;
}
.toc1::before {content: "";}
.toc1 {
  padding            : 0em 0em 0em 0em;
  margin             : 0em;
  font-weight        : bolder;
}
.toc2::before {content: "";}
.toc2 {
  padding            : 0em 0em 0em 1em;
  margin             : 0em;
}
.toc3::before {content: "";}
.toc3 {
  padding            : 0em 0em 0em 2em;
  margin             : 0em;
  font-size          : 85%;
}
.toc4::before {content: "";}
.toc4 {
  padding            : 0em 0em 0em 3em;
  margin             : 0em;
}
.toc5::before {content: "";}
.toc5 {
  padding            : 0em 0em 0em 4em;
  margin             : 0em;
}
.toc6::before {content: "";}
.toc6 {
  padding            : 0em 0em 0em 5em;
  margin             : 0em;
}

/* @media (prefers-color-scheme: dark) {
  html {background   : black;}
  body {
    background       : #222244;
    color            : #EEEECC;
  }
  a {
    color            : lightskyblue;
  }
  a:visited {
    color            : mediumorchid;
  }
} */
@media print {
  #toc, .search {
    display          : none;
  }
  body {
    margin           : 2rem 2rem 2rem 2rem;    
  }  html, body, div, p, h1, h2, h3, blockquote, li, pre, .aside, .quote, #colophon, .tags, .image {
    background       : #FFFFFF;
    color             #000000;
    border           : none;
    line-height      : 1.1;
  }
  blockquote {
    border-left      : none;
    border           : solid thin gray;
    background       : #FFFFFF;
    line-height      : 1;
  }
  blockquote, ul, pre {
    orphans          : 3;
    widows           : 3;
  }
  a {
    font-size        : 70%;
    text-decoration  : none;
    text-align       : left;
    color            : blue;
  }
  .link_target {
    display          : inline;
    font-size        : 70%;
  }
}
@page {
  margin             : 5%;
}
@page:left {
  margin-right       : 10%
}
@page:right {
  margin-left        : 10%
}