/* ======================================================
   SINGLE – CORE (clean layout)
   Hedef:
   - Tek beyaz content-surface içinde içerik + sidebar
   - İçerik / sidebar arası TEK divider (iki çizgi olmasın)
   - Single içerik font-size 1 tık küçük
   - Mobilde tek kolon
====================================================== */

/* Grid davranışı */
.single-layout{
  align-items: start;
}

/* İçerik kolonunun taşmasını engelle */
.single-content{
  min-width: 0;
}

/* ======================================================
   DIVIDER (TEK ÇİZGİ)
   - Sadece sidebar kolonuna border-left veriyoruz
   - Gap/padding kaynaklı ikinci çizgi hissini engelliyoruz
====================================================== */
@media (min-width:1025px){

  /* Eğer grid gap yüzünden arada “ikinci kırık/çizgi” hissi oluyorsa
     single’da gap’i biraz düşürüp spacing’i padding ile veriyoruz */
  .single-layout{
    gap: 0;
  }

  .single-content{
    padding-right: 32px;
  }

  .page-sidebar{
    padding-left: 32px;
    border-left: 1px solid rgba(0,0,0,.08);
    min-width: 0;
  }
}

/* ======================================================
   TYPOGRAPHY: içerik 1 tık küçük
====================================================== */
.single-text{
  font-size: 0.95em;
  line-height: 1.75;
}

/* ======================================================
   MOBILE
====================================================== */
@media (max-width:1024px){

  .single-layout{
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .single-content{
    padding-right: 0;
  }

  .page-sidebar{
    padding-left: 0;
    border-left: 0;
  }
}