/* Detailed List CSS */

.postDetailedList {
  display: grid;
  gap: 64px;
  grid-template-columns: 1fr;
}

.postDetailedItem {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr;
}

.postDetailedList:has(.postTitle__numbered) {
  counter-reset: list-counter;
}

.postTitle__numbered {
  position: relative;
}

.postTitle__numbered::before {
  content: counter(list-counter);
  counter-increment: list-counter;
}

.postDetailedItem h5 {
  color: #424242;
  font-size: var(--fontMax16Min14);
  font-weight: 400;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 2;
}

.postDetailedItem h5 span {
  font-family: var(--familyInter);
  letter-spacing: 0.05em;
  line-height: 1;
}

.postDetailedItem:has(.postTitle__dotted) {
  padding-left: 14px;
  position: relative;
}

.postTitle__dotted {
  background: #d8d8d8;
  border-radius: 50%;
  height: 4px;
  left: 0;
  position: absolute;
  top: 14px;
  width: 4px;
}

/* TOC Block CSS */

.wp-block-group:has(.simpletoc-list) {
  background: #f7f7f6;
  box-sizing: border-box;
  padding: 40px;
}

.simpletoc-title {
  color: #7c7c7c;
  font-family: var(--familyInter);
  font-size: var(--fontMax18Min16);
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1;
}

.simpletoc-list li {
  margin-top: 8px;
}

.simpletoc-list {
  padding-top: 8px;
}

.simpletoc-list li a {
  color: #424242;
  font-size: var(--fontMax16Min14);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 2;
  padding-left: 12px;
  position: relative;
}

.simpletoc-list li a::before {
  background: #d8d8d8;
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 4px;
}

@media screen and (max-width: 767px) {
  .wp-block-group:has(.simpletoc-list) {
    padding: 24px;
  }
}