/* yaklasim 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.

   Bu sayfa şu bileşenleri OLDUĞU GİBİ kullanıyor: `.iskelet` (+ süreğen döngü
   nabzı), `.iskelet-ust`, `.bas`, `.oz`, `.kizgara`, `.akordeon`, `.kart`,
   `.cta`, `.ayak`. Burada yalnız İKİ şey var: kanıt listesinin iki kolonu ve
   koşul listesinin numaralandırması.

   ⚠️ 29 Eylül: "yokluk tonu" kuralı (`.yk-ust svg, .yk-yok .oz-kutu`) SİLİNDİ.
   Sayfa artık eksikliği ANLATAN bir bölüm taşımıyor (ses düzeltmesi turu), yani
   griye çekilecek bir yokluk ikonu da yok. `.yk-ust`in svg ayağı zaten ÖLÜYDÜ:
   `.iskelet-ust` kabı `color:var(--soluk)` taşıyor ve `.ikon` `currentColor`
   ile çiziliyor, yani o satır hiçbir hesaplanan değeri değiştirmiyordu.

   Hareket: kendi `@keyframes`i YOK. Süreğen döngü `.iskelet`ten, belirme
   `temel.css`in TEK deseninden (`.ac`) geliyor — ikisi de az-hareket
   kısıtında görünür karede duruyor. */

/* Bölüm sonu notu: gövde kapağıyla aynı ölçüde kalsın (akış metni kapağı
   piksel tokenına bağlı — `ch` yazı tipine bağlıdır ve font değişince kayar). */
.yk-not{margin-block-start:var(--b4);max-width:var(--olcu-orta);color:var(--soluk)}

/* ---- Kanıt listesi (iddia → neye bağlı) ----------------------------------- */
/* `dl` iki kolon: solda ne iddia ediliyor, sağda onu tutan şey. Kolon
   genişlikleri `fr` ile — sabit piksel bir kolonu uzun etiketle taşırdı. */
.yk-kanit{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);
  gap:var(--b4) var(--b5);
  max-width:var(--olcu-bas);
  padding-block-start:var(--b4);border-block-start:1px solid var(--cizgi);
}
.yk-kanit dt{font-size:var(--t8);line-height:var(--t8-s);font-weight:500}
.yk-kanit dd{margin:0;font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk)}
@media (max-width:767px){
  .yk-kanit{grid-template-columns:1fr;gap:var(--b1)}
  .yk-kanit dd{margin-block-end:var(--b3)}
  .yk-kanit dd:last-child{margin-block-end:0}
}

/* ---- Koşul listesi (ne eksik, neyi bekliyor) ------------------------------ */
/* `ol` ama işaretçi `temel.css`te kapalı; numara sayaçla basılıyor, elle
   yazılmıyor — araya madde girse numaralar kendiliğinden doğru kalır. */
.yk-tetik{
  counter-reset:yk;
  max-width:var(--olcu-bas);
  border-block-start:1px solid var(--cizgi);
}
.yk-tetik li{
  display:grid;grid-template-columns:var(--b4) minmax(0,1fr);gap:var(--b3);
  align-items:baseline;
  padding-block:var(--b4);border-block-end:1px solid var(--cizgi);
}
.yk-tetik li::before{
  counter-increment:yk;content:counter(yk);
  font-family:var(--aile-display);font-size:var(--t4);line-height:1;
  color:var(--soluk);font-variant-numeric:tabular-nums;
}
.yk-tetik h3{font-size:var(--t8);line-height:var(--t8-s);font-weight:500;margin-block-end:var(--b1)}
.yk-tetik p{font-size:var(--t9);line-height:var(--t9-s);color:var(--soluk);max-width:var(--olcu-orta)}