.blog-toc {
  background: #f5f7fa;
  border: 1px solid #e4e7eb;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
}

.blog-toc-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.blog-toc ul {
  padding-left: 18px;
  margin: 0;
}

.blog-toc li {
  margin-bottom: 6px;
}

.blog-toc a {
  text-decoration: none;
  color: #444;
  transition: all 0.2s ease;
}

.text-size {
    font-size: 25px;
    font-weight: 800 !important;
}

/* Target all links inside the TOC list */
.toc-list a {
    /*color: #f04e30 !important; */
    color: #063981 !important;
    text-decoration: none;
    transition: all 0.3s ease; 
    padding-left: 0; 
    border-left: 3px solid transparent;
    font-size: 19px;
}

span.toc-number {
    color: #000;
}

/* Hover effect */
.toc-list a:hover {
    color: #01b39d;
    font-weight: 600;
    padding-left: 6px;
    border-left: 3px solid #063981;
}


.blog-toc {
    background-color: #ffffff; /* White background */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Soft shadow */
    border-radius: 8px; /* Rounded corners */
    overflow: hidden; /* Clip any overflowing content */
}

button.justify-content-between {
    background-color: #ffffff; /* White background */
    border-radius: 8px;        /* Rounded corners */
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); /* Soft shadow */
    transition: all 0.3s ease;
}

ul.toc-list {
    padding-left: 0px !IMPORTANT;
    margin-top: 10px;
}


/* Custom TOC toggle button style */
.justify-content-between {
    /* background-color: #ffffff;  */
    border-radius: 8px;       
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.1);  */
    transition: all 0.3s ease;
}

.toc-toggle-btn:hover {
    background-color: #f8f9fa; /* Slight hover effect */
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}