/* =========================================================
   BLOG İÇİNDEKİLER V27
   Eklentisiz, H2/H3'lerden otomatik TOC
   ========================================================= */

.blog-article-content .bse-toc{
  max-width:760px;
  margin:4px 0 30px;
  padding:18px 20px 16px;
  border:1px solid #d7e5df;
  border-radius:12px;
  background:#f8fbfa;
  box-sizing:border-box;
}

.blog-article-content .bse-toc-head{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-bottom:12px;
  color:#07513b;
  font-size:16px;
  line-height:1.3;
}

.blog-article-content .bse-toc-head strong{
  font-weight:900;
}

.blog-article-content .bse-toc-toggle{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  color:#078a4f;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}

.blog-article-content .bse-toc-list{
  margin:0;
  padding:0 0 0 20px;
}

.blog-article-content .bse-toc-list[hidden]{
  display:none!important;
}

.blog-article-content .bse-toc-list li{
  margin:7px 0;
  padding:0;
  line-height:1.45;
}

.blog-article-content .bse-toc-list .bse-toc-level-3{
  margin-left:18px;
  font-size:95%;
}

.blog-article-content .bse-toc-list a,
.blog-article-content .bse-toc-list a:link,
.blog-article-content .bse-toc-list a:visited{
  color:#08774b!important;
  text-decoration:none!important;
  font-weight:700;
}

.blog-article-content .bse-toc-list a:hover{
  color:#055f3b!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.blog-article-content .bse-toc-content h2[id],
.blog-article-content .bse-toc-content h3[id]{
  scroll-margin-top:110px;
}

@media(max-width:650px){
  .blog-article-content .bse-toc{
    padding:16px;
    margin-bottom:24px;
  }

  .blog-article-content .bse-toc-head{
    justify-content:flex-start;
  }

  .blog-article-content .bse-toc-list{
    padding-left:18px;
  }
}