/* TABLO DİZİNİ — /tr/almanca/tablolar/ (TABLO-DOKTRINI §6)
   İlk sürüm var olmayan token adlarıyla yazılmıştı (--m1, --b4, --kagit-6…):
   hiçbiri tanımlı değildi, sayfa çırılçıplak indi. Burada yalnız
   varlik/stil.css'te GERÇEKTEN tanımlı token'lar kullanılıyor. */

.tb-vaat { color: var(--murekkep-2); margin: 0 0 var(--bosluk-m); }

/* KABUK-DOKTRİNİ §3 — BİRİNCİL EYLEM: --r-plaka levha, --r-md yüzeye ait.
   §4 — BÜYÜK HARF mikro-etiket düğmeye yakışmıyor; bu bir cümle, cümle
   gibi yazılıyor. Formatın adı metnin İÇİNDE parantezle sürünmüyor:
   evin kendi levha-içinde-levha parçası (.serit-cta > .hap-ok) burada
   dosya tipini taşıyor. Tek imza anı --ev-sekme ile aynı sıkışma. */
.tb-tumu {
  display: inline-flex; align-items: center; gap: 12px;
  font-family: var(--f-govde); font-size: var(--yz-orta); font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--kagit); background: var(--murekkep);
  padding: 12px 12px 12px 20px; border-radius: var(--r-plaka); text-decoration: none;
  transition: background var(--dur-anlik) var(--ev), transform var(--dur-kisa) var(--ev-sekme);
}
.tb-tumu-c {
  font-family: var(--f-mono); font-size: var(--yz-mikro); letter-spacing: 0.06em;
  padding: 4px 8px; border-radius: 6px;
  /* EN yüzeyinde --murekkep AÇIK renge dönüyor (tema adası, §EN).
     Beyaz örtü orada açık levhanın üstünde kayboluyordu: örtü
     levhanın METİN rengine bağlandı, iki temada da görünüyor. */
  background: color-mix(in srgb, var(--kagit) 16%, transparent); color: var(--kagit);
  transition: transform var(--dur-kisa) var(--ev-sekme);
}
.tb-tumu:hover { background: var(--vurgu-koyu); transform: scale(1.035, 1.07); }
.tb-tumu:hover .tb-tumu-c { transform: translateY(-2px); }
.tb-tumu:active { transform: scale(0.985, 0.97); }

.tb-grup { margin-top: var(--bosluk-m); border-top: 1px solid var(--ayrac); }
.tb-grup > summary {
  cursor: pointer; list-style: none; padding: 16px 2px;
  font-family: var(--f-etiket); font-size: var(--yz-mikro); font-weight: 600;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--murekkep);
}
.tb-grup > summary::-webkit-details-marker { display: none; }
.tb-grup > summary::before { content: '▸'; margin-right: 10px; color: var(--vurgu); }
.tb-grup[open] > summary::before { content: '▾'; }

.tb-liste { list-style: none; margin: 0 0 var(--bosluk-s); padding: 0; }
.tb-satir {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--bosluk-s); padding: 14px 2px; border-top: 1px solid var(--cizgi);
}
.tb-ad { font-weight: 600; color: var(--murekkep); }
.tb-konu { display: block; color: var(--murekkep-3); font-size: 0.9em; margin-top: 3px; }
/* SATIR EYLEMLERİ — ölçüm: 412 satır × 3 kutu = sayfada 1.100'den fazla
   birbirinin AYNI çerçeveli kutu vardı; üçü de aynı ağırlıkta olduğu için
   «hangisi asıl?» sorusu cevapsızdı. İki referansta da bu kalıp yok
   (lusion 0/4, aardvark 0/6 yardımcı düğme çerçeve taşıyor).
   Artık rol ayrışıyor: SAYFAYA GİTMEK bir bağ (kutu değil, oku var),
   DOSYA ALMAK tek taşıyıcıda iki mono etiket (kabuktaki .alt-araclar
   tepsisiyle aynı gramer). PNG/PDF büyük harf çünkü KISALTMA —
   text-transform ile büyütülmüş kelime değil. */
.tb-islem { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }

.tb-git {
  font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 600;
  text-decoration: none; color: var(--murekkep); white-space: nowrap;
  transition: color var(--dur-anlik) var(--ev);
}
.tb-git::after {
  content: '→'; display: inline-block; margin-left: 6px;
  transition: transform var(--dur-kisa) var(--ev);
}
.tb-git:hover { color: var(--vurgu-koyu); }
.tb-git:hover::after { transform: translateX(4px); }

.tb-dosya {
  display: flex; align-items: center; gap: 2px;
  padding: 3px; border-radius: var(--r-xs); background: var(--kagit-2);
}
.tb-dosya a {
  font-family: var(--f-mono); font-size: var(--yz-mikro); letter-spacing: 0.04em;
  text-decoration: none; color: var(--murekkep-3);
  padding: 5px 9px; border-radius: 5px; white-space: nowrap;
  transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.tb-dosya a:hover { background: var(--isik); color: var(--murekkep); }

@media (max-width: 640px) {
  .tb-satir { flex-direction: column; align-items: flex-start; }
}

/* Konu sayfasındaki `.tablo-indir` stili varlik/stil.css'e taşındı —
   bu dosya yalnız /tablolar/ dizininde yükleniyor. */