.page-list summary {
  list-style-type: none;
  margin-left: 5px;
  padding-left: 1.85rem;
  position: relative;
  line-height: 1.5;
  border-radius: 5px;
}
.page-list summary:hover {
  background-color: rgba(51, 102, 153, 0.0666666667);
}
.page-list summary::marker {
  content: "";
}
.page-list summary.has-thumbnail {
  display: grid;
  gap: 0 1em;
  grid-template-columns: min-content 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  margin-top: -8px;
  margin-bottom: 8px;
}
.page-list summary.has-thumbnail:has(.excerpt) {
  grid-template-rows: auto auto;
}
.page-list summary.has-thumbnail .thumbnail {
  grid-row: 1/span 2;
  grid-column: 1;
}
.page-list summary.has-thumbnail .thumbnail img {
  width: 15em;
  height: auto;
  border-radius: 8px;
  box-shadow: 1px 2px 5px rgba(51, 51, 51, 0.4);
  margin-top: 8px;
}
.page-list summary.has-thumbnail .title {
  grid-row: 1;
  grid-column: 2;
}
.page-list summary.has-thumbnail .title:has(+ .excerpt) {
  align-self: end;
}
.page-list summary.has-thumbnail .excerpt {
  grid-row: 2;
  grid-column: 2;
  line-height: 1;
  align-self: start;
}
.page-list summary::before {
  height: 1.5em !important;
  top: 0;
}
.page-list summary::after {
  content: "";
  position: absolute;
  height: 1lh;
  width: 16px;
  border: 0 dashed var(--col-faint);
  border-width: 0 0 1px 1px;
  left: -15px;
  top: -0.5lh;
}
.page-list summary:only-child::after {
  width: 30px;
}
.page-list summary:not(:only-child)::before {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23369%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.8rem;
  aspect-ratio: 1;
  color: var(--col-base);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  transition: rotate 0.2s;
}
.page-list details {
  padding-left: 10px;
  margin-left: 20px;
  margin-block: 10px;
}
.page-list details[open]:has(.page-list) {
  position: relative;
}
.page-list details[open]:has(.page-list)::before {
  content: "";
  position: absolute;
  height: calc(100% - 0.5lh);
  top: 5%;
  width: 20px;
  border-left: 1px dashed var(--col-faint);
  left: 0;
}
.page-list details[open]:has(.page-list) > summary::before {
  rotate: 0deg;
}
.page-list details[open]:has(.page-list) > summary .title::before {
  content: "";
  position: absolute;
  width: 0;
  border: 0 dashed var(--col-faint);
  border-width: 0 0 1px 1px;
  left: 15px;
  top: 1.3em;
  bottom: -0.3em;
}
.page-list details:first-of-type > summary::after {
  height: 0.6lh;
  top: -0.1lh;
}
.page-list details:not(:last-child) > summary .title::before {
  content: "";
  position: absolute;
  width: 0;
  border: 0 dashed var(--col-faint);
  border-width: 0 0 1px 1px;
  left: -15px;
  top: 0.9em;
  bottom: 0.3em;
}
.page-list details[open] > summary:has(+ .page-list) .title::before {
  content: "";
  position: absolute;
  width: 0;
  border: 0 dashed var(--col-faint);
  border-width: 0 0 1px 1px;
  left: 15px;
  top: 1.3em;
  bottom: -0.3em;
}
.page-list details > summary::before {
  rotate: -90deg;
}

/*# sourceMappingURL=wgs-generate-page-list.css.map */