.sidebar-container {
  min-width: 0;
  width: 100%;
  position: relative;
  overflow: visible;
}
.content-left-offset {
  position: relative;
}
.sidebar-container .title-tag {
    position: relative;
    z-index: 21;
    /*padding-top: 30px;*/
    margin: 0 0 40px;
    background: #fbfbfb;
    box-sizing: border-box;
  }
  .title-tag .widget-text {
    background: #fff;
    /* 用 #tag-list 自己的 padding 來控制內容間距
       讓 scrollbar 不會被外層 padding 造成視覺偏移。 */
    padding: 0;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.12);
  }

  .content-tag {
    padding: 30px;
    border: 1px solid #f7f1fb;
    background: #f7f1fb;
    border-radius: 4px 0px 4px 4px;
  }

  .blog-post-info-list {
    position: relative;
  }
 .tag-button {
    position: absolute;
    right: 0;
    background: #f7f1fb;
    border-radius: 4px;
    color: #8500EA;
    font-weight: 700;
    padding: 6px 12px;
    font-size: 14px;
  }

.tag-button:hover {
  cursor: pointer;
}
  .content-tag ul {
    padding-left: 16px;
    margin: 0;
  } 
  .content-tag li a {
    color: #1A1A1A;
  } 

  .content-tag li a:hover {
    color: #8500EA;
  }
  
  #tag-list{
    /* 讓 scrollbar 貼近外框：外層 widget-text 不再有 padding。
       同時維持原本視覺間距（原本約為外層 30px + 本身 18px）。 */
    padding-left: 46px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0;
    box-sizing: border-box;
    max-height: calc(100vh - 400px);
    overflow-y: auto;
  }
  
  #tag-list li{
    padding-bottom: 8px;
  }	  
  #tag-list a{
    text-decoration:none;
    color:#1A1A1A;
    font-weight:400;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }	  

  #tag-list a:hover {
    color: #8500EA;
    font-weight: 500;
  }

  /* active 仍維持原本的強調色 */
  #tag-list li.active a:hover {
    color: #6D01BE;
  }
  #tag-list li.active a, #tag-list li.active::marker {
    color:#6D01BE;
    font-weight:500;
  }

  .title-tag .task-tags {
    margin-top: 25px;
  }

  .task-tags span {
    background-color: rgba(146, 55, 203, .07);
    color: #8500EA;
    min-height: 36px;
}
  .sidebar-widget .task-tags > a {
    padding: 2px 8px;
    margin: 0px -10px 0px 0;
    display: inline-flex;
}

  @media (max-width:767px) {  

    .sidebar-container .title-tag {		
        position: initial;
        width: 100%;
      }
   
}

/* Small screens: show only the expandable TOC (tag-button + content-tag).
   Hide the sidebar TOC list to prevent displaying two TOCs at once. */
@media (max-width:991px) {
  .sidebar-container .title-tag {
    display: none;
  }
}