/* 目次 */
.toc {
  background-color: var(--surface-base);
  border-radius: var(--rd-md); 
  font-size: var(--fs-sm);
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
  padding: var(--sp-lg);
}

.toc > p {
  font-weight: bold;
}

.toc a {
  color: var(--text-link);
}

.toc > ol {
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
}

.toc > ol > li {
  counter-increment: parent;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
  position: relative;
  padding-left: var(--sp-lg);
}

.toc > ol > li::before {
  content: counter(parent) ". ";
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
  position:absolute;
  left: 0px;
}

.toc > ol > li > ol {
  font-weight: normal;
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
  padding-left: var(--sp-lg);
}

.toc > ol > li > ol > li {
  counter-increment: child;
  display: flex;
  flex-direction: column;
  gap: var(--sp-base);
  position: relative;
}

.toc > ol > li > ol > li::before {
  content: "-";
  position:absolute;
  left: -16px;
}