/* ============================================================
   B3 — Bölüm boşluğu: tek değer yerine ÖLÇEK
   A4'te 72/88/120 → tek 104px yapılmıştı. Yanlış yaklaşımdı:
   her bölüme aynı dolgu verilince ardışık iki bölüm arasında
   104+104 = 208px boşluk oluşuyordu ve içerikler birbirinden
   kopuk "adalar" gibi duruyordu (ölçüldü).

   Yeni sistem — boşluk ilişkiyi anlatır:
     sıkı   40px  · aynı konunun devamı, kanıt/örnek bölümleri
     normal 56px  · varsayılan bölüm  → aralarında 112px
     geniş  72px  · zemin veya tema değişimi, sayfa sonu çağrısı

   Renk zaten ayırdığı için zeminli bölümlerde dolgu abartılmaz;
   asıl boşluk aynı zemindeki ardışık bölümler arasında gerekir.
   ============================================================ */
:root { --bs-sik: 40px; --bs-normal: 56px; --bs-genis: 72px; }

@media (min-width: 1024px) {
  /* varsayılan bölüm */
  .py-bolum, .ks-bolum, .yk-bolum {
    padding-top: var(--bs-normal) !important;
    padding-bottom: var(--bs-normal) !important;
  }
  /* zemin rengi olan bölümler: kendi içinde biraz daha ferah,
     komşusundan renkle zaten ayrılıyor */
  .ks-bolum.ks-zemin, .py-bolum.bg-zemin, section.bg-zemin,
  .py-bolum.bg-gece, section.bg-gece {
    padding-top: var(--bs-genis) !important;
    padding-bottom: var(--bs-genis) !important;
  }
  /* satır içi yazılmış dolgular da ölçeğe gelir */
  main section.ks-kap[style], main section.yk-kap[style] {
    padding-top: var(--bs-normal) !important;
    padding-bottom: var(--bs-normal) !important;
  }
  /* kanıt bandı hero'nun devamıdır: üstten sıkı */
  .kn .kn-ic { padding-top: var(--bs-sik) !important; padding-bottom: var(--bs-normal) !important; }
  /* sayfa sonu çağrısı: öncesinde nefes */
  main > section:last-of-type { padding-bottom: var(--bs-genis) !important; }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .py-bolum, .ks-bolum, .yk-bolum { padding-top: 44px !important; padding-bottom: 44px !important; }
  .ks-bolum.ks-zemin, .py-bolum.bg-zemin, section.bg-zemin,
  .py-bolum.bg-gece, section.bg-gece { padding-top: 56px !important; padding-bottom: 56px !important; }
  main section.ks-kap[style], main section.yk-kap[style] { padding-top: 44px !important; padding-bottom: 44px !important; }
  .kn .kn-ic { padding-top: 32px !important; padding-bottom: 44px !important; }
}
@media (max-width: 639px) {
  .py-bolum, .ks-bolum, .yk-bolum { padding-top: 36px !important; padding-bottom: 36px !important; }
  .ks-bolum.ks-zemin, .py-bolum.bg-zemin, section.bg-zemin,
  .py-bolum.bg-gece, section.bg-gece { padding-top: 44px !important; padding-bottom: 44px !important; }
  main section.ks-kap[style], main section.yk-kap[style] { padding-top: 36px !important; padding-bottom: 36px !important; }
  .kn .kn-ic { padding-top: 26px !important; padding-bottom: 36px !important; }
}

/* Bölüm içi: başlık ile içerik arası (A4'te 44px idi, ölçeğe geldi) */
.ks-baslik-satir + * { margin-top: 36px !important; }