/* details.css */

/* style the button */
details > summary {
  background-color: var(--idlebg);
  color: var(--idlecolor);
  cursor: pointer;
  font-weight: bold;
  padding: 0.2rem;
  border: 1px solid var(--idlecolor);;
  border-radius: 15px;
  margin-top: 0.5rem;
}

details > summary:hover {
  background-color: var(--hoverbg);
  color: var(--hovercolor);
}

details > summary:active {
  background-color: var(--activebg);
  color: var(--activecolor);
}

/* style definitiion lists */
details > dl {
  margin-left: 2rem;
}

details > dl > dt {
  margin-top: 1rem;
}

details > dl > dd {
  margin-left: 2rem;
}

/* style paragraphs */
details > p {
  text-indent: 3rem;
  padding-left: 2rem;
  margin-top: 0.5rem;
}

details > summary > p {
  /*text-indent: 5ch;*/
}