.toc-box { width:100%; }

/* دکمه شیشه‌ای آبی نفتی */
#toggle-toc-button{
  display:block;
  width:100%;          /* تمام عرض */
  height:40px;          /* ارتفاع دقیق */
  line-height:40px;     /* تراز متن وسط */
  border:1px solid rgba(255,255,255,.15);
  border-radius:6px; 
  font-weight:700; 
  font-size:16px;
  text-align:center; 
  cursor:pointer;
  backdrop-filter:blur(8px); 
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
  background:rgba(19,86,148,0.85);
  color:#fff;
  transition:background .25s ease;
}
#toggle-toc-button:hover{
  background:rgba(13,64,119,0.85);
}

/* پنل پیش‌فرض بسته */
.toc-panel{
  max-height:0; 
  overflow:hidden; 
  opacity:0;
  transition:max-height .4s ease, opacity .4s ease;
}

/* باز شدن پنل با چک‌باکس */
#toggle-toc-checkbox:checked + #toggle-toc-button + .toc-panel{
  max-height:1200px; 
  opacity:1;
}

/* راست‌چین کردن محتوا */
.toc-panel{
  text-align:right;
  direction:rtl;
}
.toc-panel ul{ padding-right:15px; }
.toc-panel li{ margin-bottom:8px; }
.toc-panel a{ color:#135694; text-decoration:none; }
.toc-panel a:hover{ text-decoration:underline; }
.toc-panel {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .4s ease, opacity .4s ease;
  
  /* تنظیمات جدید */
  background: #B1D4E0;             /* پس‌زمینه نیمه شفاف */
  border-radius: 4px 4px 4px 4px;        /* گوشه پایین راست و چپ گرد */
  padding: 10px 10px 10px 0;            /* فاصله بالا، راست، پایین، چپ */
}