/* Global TOC styles */
.rise-stocs-wrapper {
  margin-bottom: 40px;
}

.rise-stocs-wrapper h2 {
  margin: 0 0 20px !important;
}

/* bullet list styles */
.rise-stocs-wrapper.rise-toc-bullet {
  border: 1px solid #eeeeee;
  padding: 30px;
  background: #fdfdfd;
}

.rise-toc-bullet ul.rise-stocs-list {
  margin: 0 0 0 30px !important;
}

.rise-toc-bullet li:last-of-type {
  margin-bottom: 0 !important;
}

/* Modern list style */
.rise-toc-modern .rise-stocs-list li ul li {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.rise-toc-modern li.stocs-item.level-2 {
  padding: 20px 0 !important;
}

.rise-toc-modern > ul > li > a.rise-stocs-link:after {
  content: ">";
  padding-right: 20px;
  position: absolute;
  right: 35px;
}

.rise-toc-modern a {
  padding-right: 25px;
}

/* minimalist */
.rise-toc-minimalist li:last-of-type {
  margin-bottom: 0 !important;
}

.rise-toc-minimalist ul.rise-stocs-list li ul {
  margin-left: 20px !important;
  padding-left: 20px !important;
}

/* UPDATED TOC STYLES */
.rise-toc-bullet li {
  margin: 15px 0 !important;
  position: relative;
  padding-left: 20px;
}

.rise-toc-modern .rise-stocs-list {
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none;
  display: flex;
  flex-direction: column;
  width: 95%;
}

.rise-toc-modern .rise-stocs-list li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  margin-bottom: 0 !important;
}

.rise-toc-modern {
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 15px 20px;
  margin-bottom: 35px !important;
  border-radius: 8px;
  box-shadow: 2px 4px 15px #eeeeee;
}

.rise-toc-minimalist ul {
  list-style: none;
  padding: 0 !important;
}

.rise-toc-minimalist ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.rise-toc-minimalist {
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 35px;
  border-radius: 5px;
}

.rise-toc-minimalist li {
  margin: 10px 0 !important;
}

/* Shared styles */
.rise-toc-modern,
.rise-toc-minimalist,
.rise-toc-bullet {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 35px;
}

.rise-toc-modern {
  padding: 15px 20px;
  box-shadow: 2px 4px 15px #999;
  border-radius: 8px;
}

.rise-toc-minimalist {
  padding: 15px;
}

.rise-toc-bullet {
  padding: 0;
}

/* Typography */
.rise-toc-modern h2,
.rise-toc-minimalist h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* List styles */
.rise-toc-modern .rise-stocs-list,
.rise-toc-minimalist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rise-toc-modern .rise-stocs-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.rise-toc-modern .rise-stocs-list li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}

.rise-toc-modern .rise-stocs-list li:last-child {
  border-bottom: none;
}

/* Link styles */
.rise-toc-modern .rise-stocs-link,
.rise-toc-bullet a {
  text-decoration: none;
  color: #57534e;
  font-size: 16px;
}

.rise-toc-modern .rise-stocs-link:hover,
.rise-toc-bullet a:hover {
  color: #94702e;
}

.rise-toc-modern .rise-stocs-link:focus,
.rise-toc-modern .rise-stocs-link:active {
  background: none;
}

/* Indentation for headings */
.rise-toc-modern .stocs-heading-1 > .rise-stocs-link {
  padding-left: 0;
}
.rise-toc-modern .stocs-heading-2 > .rise-stocs-link {
  padding-left: 5px;
}
.rise-toc-modern .stocs-heading-3 > .rise-stocs-link {
  padding-left: 10px;
}
.rise-toc-modern .stocs-heading-4 > .rise-stocs-link {
  padding-left: 15px;
}
.rise-toc-modern .stocs-heading-5 > .rise-stocs-link {
  padding-left: 20px;
}
.rise-toc-modern .stocs-heading-6 > .rise-stocs-link {
  padding-left: 25px;
}

/* Bullet styles */
.rise-toc-bullet ul {
  padding-left: 20px;
}

.rise-toc-bullet li {
  margin: 10px 0;
  position: relative;
  padding-left: 20px;
}

.rise-toc-bullet li::before {
  position: absolute;
  left: 0;
}

.rise-toc-bullet li::before {
  content: "●";
}
.rise-toc-bullet ul ul li::before {
  content: "○";
}
.rise-toc-bullet ul ul ul li::before {
  content: "■";
}

/* Responsive adjustments */
@media only screen and (max-width: 767px) {
  .rise-toc-bullet ul.rise-stocs-list {
    margin: 0px !important;
  }

  .rise-toc-modern > ul > li > a.rise-stocs-link:after {
    right: 15px;
  }

  .rise-toc-bullet ul {
    margin: 0;
  }
}