ol.toc {
  margin: var(--spacer-8) var(--spacer-responsive);
  padding: var(--spacer);
  max-width: 30em;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  counter-reset: toc;
  background-color: var(--color-contrast);
}
ol.toc h1, ol.toc h2, ol.toc h3, ol.toc h4, ol.toc h5, ol.toc h6, ol.toc p, ol.toc li, ol.toc a {
  color: var(--color-text-on-contrast);
}
ol.toc li {
  list-style: none;
  counter-increment: toc;
}
ol.toc li a {
  display: block;
  padding: var(--spacer-2);
  text-decoration: none;
  font-weight: 600;
}
ol.toc li a::before {
  content: counter(toc) ". ";
  opacity: 0.6;
}
ol.toc li a:hover {
  text-decoration: underline;
}

main > section[id] {
  scroll-margin-top: 5rem;
}

main > section[id]:has(img) figure {
  float: none;
  width: fit-content;
  max-width: 100%;
  margin: var(--spacer-4) auto var(--spacer-8);
}
main > section[id]:has(img) figure img {
  width: auto;
  max-width: 100%;
  max-height: unset;
}
main > section[id]:has(img) figure figcaption {
  display: block;
  margin: 0;
  padding: var(--spacer-2);
  font-size: 0.9em;
  text-align: center;
  background-color: var(--color-text-on-primary);
  color: var(--color-primary);
}

main > section[id] figure.close-up {
  width: 36rem;
}

/*# sourceMappingURL=features.css.map */