.pa-guide-summary {
  /*@apply sticky top-32 left-0;*/
  z-index: 10;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pa-guide-summary.activated {
  margin-left: -1.5rem;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  max-height: 65svh;
  overflow: auto;
  width: 14rem !important;
}

.pa-guide-summary > p {
  position: sticky;
  top: 0px;
  z-index: 20;
  width: 100%;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0px !important;
}

#summary {
  margin: 0px;
  padding: 1rem;
}

#summary ol {
  list-style-type: decimal !important;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

#summary > ol ol {
  margin-left: 1.25rem;
}

#summary ol {
  counter-reset: item;
}

#summary li {
  display: block;
}

#summary li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

#summary a:hover {
  text-decoration-line: underline;
}

#summary a {
  cursor: pointer;
}