@import 'global.css';


body {
  font-size: 30px;
  margin: auto;
  padding: 1em;

}
a, a:visited {
  color: var(--black);
}
a:hover {
  color: #666;
}

h1 {
  line-height: 1em;
}

hr {
  border: 3px dashed var(--black);
  margin: 1em 0;
}

li {
  color: #999;
  cursor: not-allowed;
  width: fit-content;
  max-width: 45ch;
}
li::marker {
  color: var(--black);
  cursor: auto;
}

details {
  font-size: 0.6em;
  color: var(--black);
  cursor: auto;
}

details a {
  color: var(--black);
  cursor: pointer;
  text-decoration-color: var(--black);
}
details a:hover {
}

summary {
  display: block;
  font-size: 30px;
}
summary::after {
  margin-left: 1ch;
  display: inline-block;
  content: '✚';
  transition: 300ms;
  cursor: pointer;
  color: #666;
}
details[open] > summary::after {
  transform: rotate(135deg);
}
details p {
  padding-bottom: 0.5em;
  border-left: 2px solid #bbb;
  padding-left: 0.5em;
}
details p:last-child {
  padding-bottom: 0;

}