/* guvenlik sayfasına ÖZGÜ yerleşim. Ortak bileşenler `bilesen.css`te kalır —
   buraya kopyalanan bir bileşen aynı kavramın ikinci yazımı olur.
   Kullanılan ortak bileşenler: .iskelet · .bas · .kart · .kizgara · .ikili ·
   .dortlu · .akordeon · .kaynak-not · .dg-3.
   Bu dosya HİÇBİR kare dizisi (animasyon kuralı) tanımlamıyor — süreğen döngüyü
   `.iskelet` taşıyor, bölüm geçişlerini `.ac` (temel.css). Sözcüğün kendisi de
   yazılmadı: bir sınıfı ANLATAN yorum, o sınıfı arayan tarayıcıyı tatmin eder. */

/* ---- Başlıktaki atlama bağlantıları ----------------------------------------
   Sayfa uzun (ölçüldü: 1440'ta 9973 px), o yüzden başlıkta üç çapa var.
   `.dg-3` metin yüksekliğinde geliyor — ÖLÇÜLDÜ: 16 px — ve telefonda parmakla
   kullanılan bir hedef için bu az. Dikey dolgu hedefi 48 px'e çıkarıyor; zemin
   yok, yani görünüm aynı kalıyor, yalnız dokunulabilir alan büyüyor. */
.iskelet-ust .dg-3 { padding-block: calc(var(--b2) + var(--b1)); }

/* ---- Etiket + açıklama satırı ---------------------------------------------
   İKİ ayrı bölüm kullanıyor (erişim kapsamları · başlıklar) çünkü ikisi de
   aynı şekli taşıyor: solda değişmez bir JETON, sağda akış metni. Aynı işi iki
   sınıfla yazmak o iki sınıfın ayrışacağı gün demek. */
.gv-liste {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--olcu-bas);
}

.gv-satir {
  display: grid;
  grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
  gap: var(--b2) var(--b4);
  align-items: start;
  padding-block: var(--b4);
  border-block-start: 1px solid var(--cizgi);
}
.gv-satir:last-child { border-block-end: 1px solid var(--cizgi); }

/* `.mono` UPPERCASE + açılmış aralık basıyor; bu bir KOD jetonu, yani harfi
   harfine okunması gerekiyor (`read_products` ≠ `READ_PRODUCTS`). Aynı geri
   alma anasayfada `.kapsam-liste .mono` ile yapılıyor — desen oradan. */
.gv-kod {
  text-transform: none;
  letter-spacing: normal;
  color: var(--murekkep);
  overflow-wrap: anywhere;
}
.gv-satir > .gv-kod { font-size: var(--t9); line-height: var(--t9-s); }

.gv-ne {
  font-size: var(--t9);
  line-height: var(--t9-s);
  color: var(--soluk);
  max-inline-size: var(--olcu-orta);
}

@media (max-width: 767px) {
  .gv-satir { grid-template-columns: 1fr; padding-block: var(--b3); }
}

/* ---- Bölüm içi ek not -----------------------------------------------------
   `.ikili` ve `.kizgara-m` içinde, listenin ALTINA düşen ikinci derece satır.
   Üstten kendi boşluğunu getiriyor: eleman marjı değil yerleşim kararı. */
.gv-ek {
  margin-block-start: var(--b3);
  padding-block-start: var(--b3);
  border-block-start: 1px solid var(--cizgi);
  font-size: var(--t9);
  line-height: var(--t9-s);
  color: var(--soluk);
}
.kizgara-m .gv-ek { margin-block-start: auto; }

/* Aynı bölümde `.kizgara` ardından `.ikili` gelen tek yer silme bölümü;
   `.ikili`nin kendi b4'ü orada iki ızgarayı birbirine yapıştırıyordu. */
.kizgara + .ikili { margin-block-start: var(--b5); }

/* ---- Alt-işleyici satırları -----------------------------------------------
   `.kizgara` KULLANILMADI: dört sağlayıcı üç sütuna oturmuyor (dördüncüsü tek
   başına kalıyor, `urun.css`in beş kartta ölçtüğü aynı sorun) ve her satırın
   İKİ gövdesi var — ne yaptığı ve ne AYRILDIĞI. Dikey liste ikisini de
   okunur tutuyor. */
.gv-alt {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--olcu-bas);
}

.gv-alt-m {
  display: grid;
  grid-template-columns: minmax(0, 13rem) minmax(0, 1fr);
  gap: var(--b2) var(--b4);
  align-items: start;
  padding-block: var(--b4);
  border-block-start: 1px solid var(--cizgi);
}
.gv-alt-m:last-child { border-block-end: 1px solid var(--cizgi); }

.gv-alt-ad {
  font-size: var(--t5);
  line-height: var(--t5-s);
  font-family: var(--aile-display);
  font-weight: 400;
}

.gv-alt-ne { font-size: var(--t8); line-height: var(--t8-s); }

/* İki gövde TEK ızgara hücresinde: sarmalayıcı olmadan üçüncü çocuk bir sonraki
   SATIRIN ilk sütununa düşüyor (ölçüldü — sağlayıcı adının altına kayıyordu). */
.gv-alt-g { display: flex; flex-direction: column; }

/* Taşınan VERİ, yaptığı İŞTEN ayrı bir satırda: "sağlayıcı listede" ile
   "ne gönderiliyor" ayrı iddialar, tek paragrafta birleşince ikincisi
   birincinin arkasında kayboluyor. */
.gv-alt-veri {
  margin-block-start: var(--b2);
  font-size: var(--t9);
  line-height: var(--t9-s);
  color: var(--soluk);
}

.gv-alt-ne, .gv-alt-veri { max-inline-size: var(--olcu-orta); }

@media (max-width: 767px) {
  .gv-alt-m { grid-template-columns: 1fr; padding-block: var(--b3); }
}

/* Liste kendi kapanış çizgisiyle bitiyor; hemen ardından gelen kaynak notunun
   KENDİ çizgisi ikinci bir yatay kural çiziyordu (b5 arayla iki ince çizgi).
   Notun çizgisi düşüyor, listenin kapanışı kalıyor. */
.gv-liste + .kaynak-not,
.gv-alt + .kaynak-not {
  border-block-start: 0;
  padding-block-start: 0;
}