/* ==========================================================================
   YAZARLAR DİZİNİ (sablon-yazarlar.php)

   Portrenin taban stili tema.css'te (`.yzr-mono` / `.yzr-foto-ust`) —
   dizindeki her kart yalnız kendi ÖLÇÜSÜNÜ veriyor.

   ⚠ Cevdet'in üç yasağı burada da geçerli: renk arayüzde · accent-rail yok ·
   altıgen yok. Kartların dili evren kartlarının ve yazar künyesinin devamı:
   Ben-Day tramı, 2px sert çizgi, aynı ton ailesi.
   ========================================================================== */

.yzd{padding-bottom:20px}

/* ---------- sayfa künyesi ---------- */
.yzd-kunye{padding:30px 0 4px}
.yzd-ust{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vurgu-metin);margin:0 0 8px}
.yzd-kunye h1{font-size:52px;line-height:1.02;margin:0}
.yzd-ozet{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0;
  font-size:14.5px;color:var(--murekkep-soft);font-variant-numeric:tabular-nums}
.yzd-ozet b{font-family:var(--font-baslik);font-size:20px;font-weight:400;color:var(--murekkep)}
.yzd-nokta{opacity:.45}

/* Sayfanın kendi metni — dizine giriş. */
.yzd-giris{max-width:var(--yazi-olcu);margin:22px 0 0;font-size:16.5px}

.yzd-blok{margin-top:6px}
.yzd-yan{font-size:13px;color:var(--soluk);margin-left:auto}

/* ---------- ortak çipler ---------- */
.yzd-cipler{display:flex;flex-wrap:wrap;gap:6px}
.yzd-cip{display:inline-flex;align-items:center;gap:6px;background:var(--kagit);
  border:1.5px solid var(--cizgi);border-radius:999px;padding:3px 10px;
  font-size:12.5px;white-space:nowrap}
.yzd-cip em{font-style:normal;font-weight:800;font-size:11.5px;color:var(--soluk);
  font-variant-numeric:tabular-nums}

.yzd-aktif{display:inline-flex;align-items:center;gap:6px;
  background:rgba(46,160,90,.13);border:1px solid rgba(46,160,90,.42);color:#1d7a45;
  border-radius:999px;padding:3px 10px;
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.yzd-aktif i{width:6px;height:6px;border-radius:50%;background:#2ea05a;display:block}
:root[data-tema="dark"] .yzd-aktif{color:#7ef0a8;background:rgba(126,240,168,.12);
  border-color:rgba(126,240,168,.35)}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="light"]) .yzd-aktif{color:#7ef0a8;background:rgba(126,240,168,.12);
    border-color:rgba(126,240,168,.35)}
}

/* ---------- 1. ŞU AN YAZANLAR — büyük kart ---------- */
.yzd-buyuk{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:16px}
.yzk{border:2px solid var(--cizgi-kuvvetli);border-radius:var(--kose);overflow:hidden;
  background:var(--kagit);display:flex;flex-direction:column}
.yzk-sap{position:relative;display:block;background:var(--ton);height:78px}
/* Ben-Day tramı: künyedeki desenin aynısı. */
.yzk-sap::before{content:"";position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.16) 1.3px,transparent 1.4px);
  background-size:9px 9px}
.yzk-gov{padding:0 18px 18px;margin-top:-38px;position:relative;
  display:flex;flex-direction:column;flex:1}
.yzk .yzr-mono{width:76px;height:76px;font-size:34px;box-shadow:0 0 0 3px var(--kagit)}
.yzk h3{font-size:26px;margin:12px 0 0;line-height:1.1}
.yzk h3 a:hover{color:var(--vurgu-metin)}
.yzk-bio{font-size:13.5px;color:var(--murekkep-soft);margin:8px 0 0;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yzk-alt{margin-top:auto;padding-top:14px}
.yzk-say{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 10px;
  font-size:13px;color:var(--murekkep-soft);font-variant-numeric:tabular-nums}
.yzk-say b{font-family:var(--font-baslik);font-size:17px;font-weight:400;color:var(--murekkep)}

/* ---------- 2. ARŞİVİN TAŞIYICILARI — orta kart ---------- */
.yzd-orta{display:grid;grid-template-columns:repeat(auto-fill,minmax(278px,1fr));gap:12px}
.yzo{display:flex;gap:13px;align-items:flex-start;border:1.5px solid var(--cizgi);
  border-radius:var(--kose);padding:13px 14px;background:var(--kagit);
  transition:border-color .15s}
.yzo:hover{border-color:var(--cizgi-kuvvetli)}
.yzo .yzr-mono{width:52px;height:52px;font-size:23px}
.yzo-gov{min-width:0;flex:1;display:block}
.yzo-ad{display:block;font-family:var(--font-baslik);font-size:18.5px;line-height:1.15}
.yzo:hover .yzo-ad{color:var(--vurgu-metin)}
.yzo-say{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:4px 0 7px;
  font-size:12.5px;color:var(--soluk);font-variant-numeric:tabular-nums}
.yzo-say b{font-family:var(--font-baslik);font-size:16px;font-weight:400;color:var(--murekkep)}

/* ---------- 3. ARŞİVDEN — kompakt dizin ----------
   ⭐ Alfabetik: burası bir DİZİN, okur aradığı adı arar. Ağırlık sıralamasını
   üstteki iki bölüm zaten veriyor. (Türkçe sıra: Ç, Ğ, İ, Ö, Ş, Ü kendi
   yerlerinde — bkz. d20mag_yazar_alfabetik().) */
.yzd-harf{display:flex;align-items:center;gap:12px;margin:22px 0 10px}
.yzd-harf span{font-family:var(--font-baslik);font-size:22px;color:var(--vurgu-metin);flex:none}
.yzd-harf::after{content:"";flex:1;height:1.5px;background:var(--cizgi)}
.yzd-kucuk{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:3px 18px}
.yzs{display:flex;gap:11px;align-items:center;padding:7px 8px;border-radius:var(--kose);min-width:0}
.yzs:hover{background:var(--yuzey)}
.yzs .yzr-mono{width:34px;height:34px;font-size:15px}
.yzs-ad{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;flex:1;min-width:0}
.yzs:hover .yzs-ad{color:var(--vurgu-metin)}
.yzs-say{font-size:12px;color:var(--soluk);font-variant-numeric:tabular-nums;
  flex:none;text-align:right}
.yzs-say i{font-style:normal;display:block;font-size:10.5px;opacity:.8}

/* ---------- 4. KURUM HESAPLARI ----------
   ⚠ Kişilerden görsel olarak AYRI: tramsız, sakin, sol kenarda kalın çizgi.
   Yazı sayısına göre karışsalardı `geekyapar` 604 yazıyla dördüncü sıraya
   girip gerçek yazarları bastırırdı. */
/* ⭐ DP145: ayrı "Kurum hesapları" bölümü KALKTI (Cevdet: *"ayrı durmasın"*).
   Kurum hesapları normal listenin içinde; ayırt eden tek şey adın yanındaki
   monogram. Eski `.yzkr*` kart stilleri bileşenle birlikte emekli edildi —
   ⭐ DP143 dersi: bileşen yeniden yazılınca eski CSS'i de emekli et. */
/* ⚠⚠ Renk `currentColor` — SABİT kırmızı DEĞİL.
   Cevdet: *"kırmızı üzerine kırmızı olmasın."* İşaret kırmızı künyenin
   üstünde de duruyor; sabit vurgu rengi orada görünmez oluyordu. `currentColor`
   yanındaki adın rengini alır — o renk tanımı gereği o zeminde okunur.
   ⭐ Tek kural her zeminde doğru; zemin-renk tablosu tutmaya gerek yok. */
.yzd-kg{display:inline-block;font-family:var(--font-baslik);font-size:.82em;
  line-height:1;margin-left:.4em;color:currentColor;opacity:.9;
  transform:rotate(-10deg);transform-origin:60% 60%;vertical-align:baseline}
.yzd-dipnot{display:flex;align-items:center;gap:2px;margin:26px 0 0;padding-top:14px;
  border-top:1px solid var(--cizgi);font-size:13px;color:var(--soluk)}
.yzd-dipnot .yzd-kg{font-size:17px;margin:0 6px 0 0;color:var(--vurgu);opacity:1}
/* Kurum monogramı: portre yuvarlağının içindeki G — marka ChunkFive'ıyla,
   logo gibi hafif eğik. ⚠ Renk yine currentColor; yuvarlağın kendi zemini
   neyse harf onun karşıtını taşır. */
.yzr-mono-kurum{font-family:var(--font-baslik);transform:rotate(-10deg)}

/* ---------- 3. YAPAY ZEKÂ YAZARLARI ----------
   ⚠ Ayrım RENKLE yapılmıyor: marka kırmızısı burada "önemli" demek olurdu,
   oysa söylenen şey "bu kalem makine". Ayrım DOKUDA: kartın zemininde künye
   şeridindeki Ben-Day tramının soluk hali — baskı dili, süs değil.
   ⚠ Accent-rail yasağı geçerli (kenarda renkli şerit yok). */
.yzd-not{max-width:var(--yazi-olcu);margin:0 0 14px;font-size:13.5px;line-height:1.55;
  color:var(--murekkep-soft)}
.yzo-yz{background-color:var(--kagit);
  background-image:radial-gradient(color-mix(in srgb,var(--murekkep) 22%,transparent) 1px,transparent 1.2px);
  background-size:7px 7px}
.yzo-bio{display:block;margin-top:5px;font-size:12.5px;line-height:1.45;
  color:var(--murekkep-soft);
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Etiket köşeli (2px) — çipler yuvarlak; okur farkı ayırt etsin diye. */
.yzd-yz{display:inline-block;vertical-align:middle;margin-left:.45em;
  border:1.5px solid currentColor;border-radius:2px;padding:1px 5px;
  font-family:var(--font-govde);font-size:9.5px;font-weight:800;line-height:1.45;
  letter-spacing:.1em;text-transform:uppercase;opacity:.72;white-space:nowrap}

/* ---------- telefon ---------- */
@media(max-width:760px){
  .yzd-kunye{padding-top:22px}
  .yzd-kunye h1{font-size:36px}
  .yzd-blok .blok-bas{flex-wrap:wrap}
  .yzd-yan{margin-left:0;width:100%}
  .yzd-kucuk{grid-template-columns:1fr;gap:2px}
  .yzd-orta{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .yzo{transition:none}
}

/* ---------- kartta sosyal ağlar (GB-1 / #131372, 20 Eyl 2026) ----------
   ⚠ Yalnız "Yazar" (aktif) kümesindeki büyük kartlarda. Veri, yazar biyografi
   kutusunun kullandığı meta alanlarının aynısı (`d20mag_yazar_sosyal`); yeni
   meta yok. Boş ağ basılmaz, hiç ağ yoksa satır hiç açılmaz.
   ⚠ Kart bir `<article>`, bağlantı değil — düğmeler iç içe `<a>` üretmez. */
.yzk-sos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.yzk-sos-bag{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;
  border:1.5px solid var(--cizgi);border-radius:999px;color:var(--murekkep-soft);
  transition:border-color .14s,color .14s,background-color .14s}
.yzk-sos-bag:hover{border-color:var(--vurgu);color:var(--vurgu-metin)}
.yzk-sos-bag:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.yzk-sos-bag svg{width:14px;height:14px;display:block;fill:currentColor}
@media(prefers-reduced-motion:reduce){ .yzk-sos-bag{transition:none} }