h1,h2{border-left: solid 0.2em black;padding-left:10px}
body > nav { border-right: 1px dashed #000;  } 

h2:not(:first-of-type) {border-top: 2px dashed #ccc; padding-top: 1em; margin-top: 2em; max-width:40ch;}



blockquote {
  border-left: 3px solid #000;
  padding: 0em 25px;
 font-size: 0.9em;
}
blockquote p {
  display: inline-block;
}


blockquote {
  font-family: 'Georgia', serif; 
}

#side-bar ul li a {
  color: #ccc; /* fallback/default */
  display: block;
  padding-left: 0.5em;
}

#side-bar ul li a {
  color: #000;
}

#side-bar ul ul li a {
  background-color: #fff;
}

#side-bar ul ul ul li a {
  background-color: #eee;
}

#side-bar ul ul ul ul li a {
  background-color: #ddd;
}

#side-bar ul ul ul ul ul li a {
  background-color: #ccc;
}

#side-bar ul ul ul ul ul ul li a {
  background-color: #bbb;
}

#side-bar ul ul ul ul ul ul ul li a {
  background-color: #aaa;
}

#side-bar ul ul ul ul ul ul ul ul ul li a {
  background-color: #999;
}

#side-bar  ul ul ul ul ul ul ul ul ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  list-style-type: none; /* optional: remove bullets */
  padding: 0; /* optional: remove padding */
}


#side-bar ul ul ul ul ul ul ul ul ul li a {
  background-color: #999;
}
a {
  font-size: 0.9em;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}