/* KOLScreener V2 - KOLs / liderlik. Onek: kl-. Tam genislik; podyum + satirlar.
   Kutu/cerceve/golge/gradyan yok; yuzeyler zeminin acigi, ayrac sac teli. */
.kl-wrap{width:100%;max-width:1760px;margin:0 auto;padding:22px clamp(16px,2vw,32px) 0}
.kl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--hair)}
.kl-brand{max-width:760px;min-width:0}
.kl-brand .hm-lab{margin-bottom:10px}
.kl-h1{font:400 clamp(24px,2.8vw,40px)/1.02 var(--disp);margin:0;letter-spacing:-.01em}
.kl-h1 em{font-style:normal;color:var(--mint)}
.kl-sub{margin:10px 0 0;max-width:66ch;color:var(--muted);font-size:13px;line-height:1.5}
.kl-figs{display:flex;flex-wrap:wrap;gap:12px clamp(18px,2.2vw,34px)}
.kl-fig{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--hair);padding-left:14px;min-width:0}
.kl-fig>span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.kl-fv{font:400 clamp(20px,1.8vw,26px)/1 var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kl-fv.m{color:var(--mint)}
.kl-fv.g{color:var(--gold)}
.kl-fig>i{font-style:normal;font-size:11px;color:var(--faint);white-space:nowrap}

/* podyum */
.kl-pod{padding-top:22px}
.kl-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:6px}
.kl-pc{position:relative;background:rgba(255,255,255,.03);padding:22px 22px 18px;display:flex;flex-direction:column;gap:6px;min-width:0;border-top:2px solid rgba(255,255,255,.12)}
.kl-pc.p1{border-top-color:var(--gold);background:rgba(255,205,110,.045)}
.kl-pc.p2{border-top-color:var(--mint)}
.kl-pc.p3{border-top-color:rgba(52,224,138,.5)}
.kl-prk{position:absolute;top:16px;right:20px;font:400 30px/1 var(--num);color:var(--faint);letter-spacing:-.02em}
.kl-prk.g{color:var(--gold)}
.kl-pph{display:block;width:72px;height:72px;margin-bottom:8px}
.kl-pav,img.kl-pav{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;font:600 22px/1 var(--body);color:var(--muted);object-fit:cover}
.kl-pc.p1 .kl-pav{outline:2px solid var(--gold);outline-offset:3px}
.kl-pc.p2 .kl-pav,.kl-pc.p3 .kl-pav{outline:2px solid rgba(52,224,138,.6);outline-offset:3px}
.kl-pn{font-size:17px;font-weight:700;display:flex;align-items:center;gap:7px;min-width:0;line-height:1.2}
.kl-pn a:hover{color:var(--mint)}
.kl-pn .tick{width:16px;height:16px;flex:none}
.kl-ph{font-size:12.5px;color:var(--faint)}
.kl-prate{font:400 clamp(40px,3.8vw,54px)/1 var(--num);color:var(--mint);letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}
.kl-pc.p1 .kl-prate{color:var(--mint)}
.kl-pcalls{font-size:12.5px;color:var(--muted)}
.kl-pbar{height:3px;background:rgba(255,255,255,.1);margin:8px 0 12px}
.kl-pbar i{display:block;height:100%;background:var(--mint)}
.kl-pm{display:flex;gap:24px;align-items:flex-end;min-width:0}
.kl-pm>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.kl-pm small{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.kl-pm .mx{font-size:18px}
.kl-pr{flex:1}
.kl-pa{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}
.kl-pa .hm-go{margin:0}
.kl-pa .hm-fol{display:inline-block}

/* liste */
.kl-sec{padding-top:34px}
.kl-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.kl-opts{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:6px}
.kl-opts button{font:400 12.5px/1 var(--body);color:var(--faint);padding:6px 0;letter-spacing:.02em}
.kl-opts button:hover{color:var(--muted)}
.kl-opts button.on{color:var(--mint)}
.kl-list{display:flex;flex-direction:column;min-width:0}
.kl-r{display:grid;grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(170px,1.1fr) 70px 70px 76px 110px 118px 70px 84px;gap:14px;align-items:center;
  padding:9px 12px;margin:0 -12px;border-top:1px solid var(--hair);min-width:0;transition:background .15s}
.kl-r:last-child{border-bottom:1px solid var(--hair)}
.kl-r:not(.kl-h):hover{background:rgba(255,255,255,.022)}
.kl-r.kl-h{border-top:0;padding-top:0;padding-bottom:9px;border-bottom:1px solid var(--hair-2)}
.kl-r.kl-h span{font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.kl-r.kl-h .kl-n{text-align:right}
.kl-rk{font:400 12px/1 var(--num);color:var(--faint)}
.kl-rk.g{color:var(--gold)}
.kl-av,img.kl-av{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;font:600 12px/1 var(--body);color:var(--muted);object-fit:cover}
.kl-kw{display:flex;flex-direction:column;gap:4px;min-width:0}
.kl-kw b{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kl-kw b a:hover{color:var(--mint)}
.kl-kw b .tick{width:14px;height:14px;flex:none}
.kl-kw>span{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-kw>span s{text-decoration:none;margin:0 5px}
.kl-hit{display:grid;grid-template-columns:minmax(60px,1fr) auto;gap:2px 12px;align-items:center;min-width:0}
.kl-hb{display:block;height:3px;background:rgba(255,255,255,.1);grid-row:1}
.kl-hb i{display:block;height:100%;background:var(--mint)}
.kl-hit b{font:400 17px/1 var(--num);color:var(--mint);font-variant-numeric:tabular-nums;grid-row:1/3}
.kl-hit small{font-size:11px;color:var(--faint);grid-row:2}
.kl-n{text-align:right;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}
.kl-best .mx{font-size:14px}
.kl-all{color:var(--muted);font-weight:400}
.kl-lad{min-width:0;display:flex}
.kl-lad .mb{width:100%}
.kl-rh{display:block;min-width:0}
.kl-rh.dim{color:var(--faint);text-align:center}
.kl-sp{display:block;width:110px;height:26px}
.kl-sp polyline{fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;stroke:var(--mint)}
.kl-sp.dn polyline{stroke:rgba(232,239,235,.42)}
.kl-fol{justify-self:end}
.kl-r .hm-fol{display:inline-block}
.kl-u{opacity:.72}
.kl-u:hover{opacity:1}
.kl-why{margin-top:36px;max-width:72ch}
.kl-why p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}
.kl-cta{margin-top:30px;max-width:640px}

@media(max-width:1300px){
  .kl-r{grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(150px,1fr) 64px 64px 72px 96px 70px 84px}
  .kl-rh,.kl-r.kl-h .kl-rh{display:none}
}
@media(max-width:1000px){
  .kl-pgrid{grid-template-columns:1fr}
  .kl-r{grid-template-columns:30px 36px minmax(0,1.4fr) minmax(120px,1fr) 60px 60px 72px 84px}
  .kl-lad,.kl-all,.kl-r.kl-h .kl-lad,.kl-r.kl-h .kl-all{display:none}
}
@media(max-width:640px){
  .kl-head{gap:16px}
  .kl-figs{gap:12px 16px}
  .kl-fig{flex:1 1 40%}
  .kl-fig>span{white-space:normal}
  .kl-pc{min-width:0;overflow:hidden}
  .kl-pn a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kl-r.kl-h{display:none}
  .kl-r{grid-template-columns:26px 36px minmax(0,1fr) auto;grid-template-areas:"rk av kw fol" "rk av hit hit" "rk av best best";gap:6px 10px;padding:12px 10px;margin:0 -10px}
  .kl-rk{grid-area:rk}.kl-av{grid-area:av}.kl-kw{grid-area:kw}.kl-hit{grid-area:hit}.kl-fol{grid-area:fol}
  .kl-n{display:none}
  .kl-best{display:block;grid-area:best;text-align:left;font-size:12.5px}
  .kl-best::before{content:attr(data-l) " ";font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:400}
  .kl-lad,.kl-rh,.kl-all{display:none}
  .kl-since{display:none}
  .kl-kw{min-width:0}
  .kl-kw b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kl-fol{align-self:start}
}
.kl-since{font-style:normal}

/* uzun kanal adi: baglanti da kirpilir (390 px olcumu, 11 Eyl) */
.kl-kw b>a,.kl-kw b>span,.kl-pn>a,.kl-pn>span,.hm-kw b>a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- BASLIK SATIRI: BOS AVATAR DAIRESI + SONUK YAZI (14 Eyl 2026) -------
   Ayhan: *"surda hata var, ayrica genel olarak bu yazilar belli olmuyor
   renklerinden dolayi sonuk kaliyor."*

   1) Hata: baslik satiri avatar sutunu icin `<span class="kl-av"></span>`
      basiyor (kols.py `cols` icinde `('kl-av', '')`). `.kl-av` yuvarlak
      zeminli bir kutu oldugu icin baslikta BOS BIR GRI DAIRE ciziliyordu -
      veri gibi duran, hicbir seyi olmayan bir leke.
   2) Sonukluk: etiketler `--faint` (#6D7E78) ile 9,5 px ve 0,2em harf
      araligiyla yaziliyordu. Zeminle orani 4,66 - kagit uzerinde AA ama
      bu boyda ve bu aralikta okunmuyor. `--muted` (5,68) ve bir punto
      buyuk: jeton degismiyor, yalnizca dogru jeton kullaniliyor. */
.kl-r.kl-h .kl-av{background:none;border-radius:0}
.kl-r.kl-h span{font-size:10.5px;letter-spacing:.16em;color:var(--muted)}

/* ==== KOLBOARD + REHBER (14 Eyl 2026) ==================================
   Ayhan: *"su kisma bence KOLBoard acalim, icine weekly ve monthly
   ekleyelim"* ve *"kols sayfasi da kols'larin tam listesi ve tiklandiginda
   profiline gidilsin."*

   Iki yuzey iki is yapiyor, kabuk ikisinde de ayni: ustte bir cubuk, cubugun
   solunda YON (hangi tabela / hangi sayfa), saginda ARAC (arama, zincir).
   Board'da yon bir sekme takimi, rehberde tek bir baglanti. */
.kb-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  flex-wrap:wrap;padding:22px 0 14px;border-bottom:1px solid var(--hair)}
.kb-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}

/* Sekme takimi: secili olan nane bir cizgiyle alttan isaretli - sayfanin
   geri kalanindaki `on` dilinin aynisi, kutu degil. */
.kb-sw{display:flex;gap:0;flex-wrap:wrap}
.kb-sw button{display:flex;flex-direction:column;gap:4px;background:none;border:0;
  border-bottom:2px solid transparent;padding:6px 18px 10px 0;margin-right:18px;
  color:var(--faint);cursor:pointer;text-align:left}
.kb-sw button b,.kb-sw button{font:400 clamp(17px,1.7vw,21px)/1.1 var(--disp)}
.kb-sw button i{font-style:normal;font:600 10px/1 var(--body);letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);opacity:.75}
.kb-sw button.on{color:var(--text);border-bottom-color:var(--mint)}
.kb-sw button.on i{color:var(--mint);opacity:1}
.kb-sw button:hover{color:var(--text)}

/* Sayfa ici arama: ust bardaki kutu telefonda gizli, o yuzden burada
   kendi kutusu var (Ayhan: "sitede kols kisminda arama yok"). */
.kb-q{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.045);
  border:1px solid var(--hair);padding:10px 13px;min-width:220px;flex:1 1 220px;max-width:360px}
.kb-q svg{width:15px;height:15px;fill:none;stroke:var(--faint);stroke-width:1.7;flex:none}
.kb-q input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);
  font:400 14px/1 var(--body)}
.kb-q input::placeholder{color:var(--faint)}
.kb-q:focus-within{border-color:var(--mint)}
.kb-q input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}

.kb-pane[hidden]{display:none}
.kl-boardgo{font:600 12.5px/1 var(--body);color:var(--mint);white-space:nowrap;padding:10px 0}
.kl-boardgo:hover{opacity:.75}

/* SATIRIN TAMAMI TIKLANIR: imlec ve zemin bunu soylemeli, yoksa
   tiklanabilirlik gizli bir bilgi olur. */
.kl-dir .kl-r:not(.kl-h),.kb .kl-r:not(.kl-h){cursor:pointer}
.kl-dir .kl-r:not(.kl-h):hover,.kb .kl-r:not(.kl-h):hover{background:rgba(255,255,255,.035)}
/* Rehberde sira sutunu bos: genisligi kalir, isareti kalmaz. */
.kl-dir .kl-rk:empty{min-height:1px}
@media(max-width:640px){
  .kb-bar{padding:16px 0 12px;gap:12px}
  .kb-tools{width:100%;margin-left:0}
  .kb-q{max-width:none;flex:1 1 100%}
  .kb-sw button{padding-right:12px;margin-right:12px}
}

/* ---- "FOLLOW ON SCREENER" SUTUNA SIGSIN (14 Eyl 2026) ------------------
   Etiket uzadi (bkz. kols.py `follow`): takip Telegram'a degil platforma
   ait bir eylem ve bunu soylemesi gerekiyor. Sutun 84 px'ti, tek satirda
   sigmaz; iki satira izin verilip sutun genisletiliyor.

   KURALIN KAPSAMI DAR OLMALI: ilk yazimda bunu dosyanin sonuna kosulsuz
   ekledim ve 640 px'teki `grid-template-areas` duzenini EZDI - telefonda
   satirlar tasti, FOLLOW dugmesi ekranin disinda kaldi. Sadece cok
   sutunlu genis duzenler hedefleniyor. */
@media(min-width:1301px){
  .kl-r{grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(170px,1.1fr) 70px 70px 76px 110px 118px 70px 104px}
}
@media(min-width:1001px) and (max-width:1300px){
  .kl-r{grid-template-columns:34px 40px minmax(180px,1.4fr) minmax(150px,1fr) 64px 64px 72px 96px 70px 104px}
}
@media(min-width:641px) and (max-width:1000px){
  .kl-r{grid-template-columns:30px 36px minmax(0,1.4fr) minmax(120px,1fr) 60px 60px 72px 104px}
}
/* Dugme her boyda iki satira inebilir; 640 px altinda kendi izgara
   alaninda duruyor ve genisligi oradan geliyor. */
.kl-fol .hm-fol,.kl-fol.hm-fol{white-space:normal;text-align:center;line-height:1.2;
  letter-spacing:.05em;padding:6px 9px;max-width:104px}

/* KOLBoard liste basligi: once NE oldugu, sonra sart (14 Eyl). */
.kb-lh{display:block;font:400 clamp(19px,2vw,24px)/1.1 var(--disp);color:var(--text)}
.kb .hm-rsub{display:block;margin-top:6px;font:400 12.5px/1.4 var(--body);color:var(--faint)}

/* ---- TAC VE ILK ON (14 Eyl 2026) ---------------------------------------
   Sira numarasi bir SIRADIR; birincilik bir UNVANDIR. Tac yalniz 01'de
   duruyor ve altin; ilk on satir ince bir nane cizgiyle isaretli, onuncudan
   sonra liste sicilin devami olarak akiyor. Isaret az ve tek yerde olmali -
   her satiri boyamak hiyerarsiyi degil gurultuyu artirir. */
.kl-rk{position:relative;display:inline-flex;align-items:center;gap:5px}
.kl-rk.kl-m{justify-content:center}
/* Tac DOLU cizilir - referanstaki gibi bir madalya isareti, ince cizgi
   degil. Uc ton: altin, gumus, bronz. */
.kl-crown{width:19px;height:13px;fill:currentColor;stroke:none;flex:none}
.kl-crown.m1{color:var(--gold)}
.kl-crown.m2{color:var(--text)}
.kl-crown.m3{color:var(--muted)}
.kl-r.kl-t10{box-shadow:inset 2px 0 0 rgba(52,224,138,.35)}
/* Birincinin kenari altin. `:first-of-type` ISE YARAMAZDI - o, ayni
   TURDEKI (div) ilk kardesi secer ve o da baslik satiri. Sinif Python
   tarafinda veriliyor. */
.kl-r.kl-t1{box-shadow:inset 2px 0 0 var(--gold)}
@media(max-width:640px){
  .kl-crown{width:17px;height:12px}
  .kl-rk{gap:3px}
}

/* ==== KOLBOARD SATIRLARI (14 Eyl 2026) ==================================
   Ayhan bir referans gosterdi, sonra da sinirini cizdi: *"bizim tarzimizda
   olcak ama dimi, copy degil... mantigi al sadece."*

   ILK YAZIMIM KOPYAYDI ve marka denetimi onu yakaladi:
     !! var(--text) palet disi   - gumus, bizde YOK
     !! var(--muted) palet disi   - bronz, bizde YOK
     !! #00FFA3 palet disi   - yasak neon nane
     !! #FFCD6E baglam disi  - altin izinsiz yerde
   Referansta uc madalya rengi var cunku onlarin paleti oyle. Bizim
   paletimiz IKI renk: nane ve zafer altini (MARKA_KILIDI §1). Ayrica
   kilit "kutu yok, golge yok, gradyan yok; ayrac yalniz sac teli" diyor -
   dolu kart zeminleri de bizim dilimiz degil.

   ALINAN MANTIK: satirlar nefes alir, birinci ayrisir, sagda TEK buyuk
   sayi durur, oran bir rozet gibi okunur, sira bir unvan isaretiyle
   anlatilir.
   BIZIM IFADEMIZ: zemin degil BOSLUK ve sac teli; birinci solunda altin
   bir cizgiyle ayrisir; taclar tek renk ailesinde (birinci altin, ikinci
   ve ucuncu metin tonunda); rozet dolgusuz, yalniz sac teli cerceve;
   buyuk sayi basamak (x{N}) - altinin kilitte YAZILI mesru baglami. */
.kb-list{display:flex;flex-direction:column;margin-top:10px}
.kb-row{display:grid;grid-template-columns:30px 46px minmax(0,1fr) auto auto auto;
  gap:16px;align-items:center;padding:16px 14px;text-decoration:none;color:var(--text);
  border-bottom:1px solid var(--hair);box-shadow:inset 2px 0 0 transparent;
  transition:box-shadow .15s,background .15s}
.kb-row:hover{background:rgba(255,255,255,.03)}
/* Birinci: solunda altin bir cizgi. Zemin yok, cerceve yok - kilit
   "ayrac yalniz sac teli" diyor ve bu bir sac telidir. */
.kb-row.kb-1{box-shadow:inset 2px 0 0 var(--gold)}
.kb-rk{display:flex;align-items:center;justify-content:center}
.kb-num{font:400 14px/1 var(--num);color:var(--faint)}
.kb-crown{width:21px;height:14px;fill:currentColor;stroke:none}
/* TEK RENK AILESI: birinci altin, digerleri metin/solgun tonunda.
   Uydurulmus gumus ve bronz YOK. */
.kb-crown.m1{color:var(--gold)}
.kb-crown.m2{color:var(--text)}
.kb-crown.m3{color:var(--muted)}
.kb-av{display:block;width:46px;height:46px;border-radius:50%;padding:2px;
  box-shadow:inset 0 0 0 1px var(--hair-2)}
.kb-av.m1{box-shadow:inset 0 0 0 1.5px var(--gold)}
.kb-av.m2{box-shadow:inset 0 0 0 1.5px var(--text)}
.kb-av.m3{box-shadow:inset 0 0 0 1.5px var(--muted)}
.kb-avi{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;
  place-items:center;background:rgba(255,255,255,.06);font:700 13px/1 var(--body);color:var(--muted)}
.kb-who{display:flex;flex-direction:column;gap:3px;min-width:0}
.kb-who b{font:600 15px/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-who small{font:400 12px/1 var(--body);color:var(--faint);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
/* Rozet DOLGUSUZ - yalniz sac teli cerceve; yuksek oranda nane. */
.kb-pill{font:600 12px/1 var(--body);color:var(--muted);border:1px solid var(--hair-2);
  padding:7px 11px;white-space:nowrap}
.kb-pill.hot{color:var(--mint);border-color:var(--mint)}
.kb-calls{font:400 12.5px/1 var(--num);color:var(--faint);white-space:nowrap}
/* Sagdaki tek buyuk sayi: BASAMAK. Altinin kilitte yazili mesru baglami
   ("x10+ rakami") ve bizim vaadimiz zaten ortalama degil basamaktir. */
.kb-best{display:flex;flex-direction:column;align-items:flex-end;gap:4px;
  font:700 21px/1 var(--num);color:var(--gold);white-space:nowrap}
.kb-best i{font-style:normal;font:400 9.5px/1 var(--body);letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint)}
@media(max-width:720px){
  .kb-row{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:10px 12px;padding:14px 10px;
    grid-template-areas:"rk av who best" "rk av pill calls"}
  .kb-rk{grid-area:rk}.kb-av{grid-area:av;width:40px;height:40px}
  .kb-avi{width:36px;height:36px}
  .kb-who{grid-area:who}.kb-pill{grid-area:pill;justify-self:start;padding:5px 9px;font-size:11px}
  .kb-calls{grid-area:calls;justify-self:end}
  .kb-best{grid-area:best;font-size:18px}
  .kb-who b{font-size:14px}
}

/* Podyumdaki tac: kartin sag ust kosesinde, sira numarasinin yerinde.
   Numara ile tac AYNI ANDA durmaz - ikisi ayni seyi soyler, biri
   fazladir (14 Eyl). */
.kl-prk{position:absolute;top:16px;right:18px;display:flex;align-items:center}
.kl-prk .kl-crown{width:26px;height:18px}

/* ==== REHBER SATIRLARI SONUK KALMASIN (14 Eyl 2026) =====================
   Ayhan: *"kols sayfasinda kollar cok sonuk kalmis, boyle olmamali."*
   Satirdaki agirlik yanlis dagilmisti: sayfanin en genis sutunu OLU bir
   gri cubuktu, KOL'un kendisi (foto + ad) en kucuk parcaydi. Rehberin
   oznesi KOL'dur; once o gorunur.
     - avatar 40 -> 46, ad 15 px ve tam beyaz
     - @handle ve tarih bir tik acik (--faint -> --muted)
     - olu cubuk kisaldi, yuzde onun onune gecti
     - satirlar nefes aldi (dikey bosluk), ayrac sac teli olarak kaldi */
.kl-dir .kl-r:not(.kl-h){padding-top:14px;padding-bottom:14px}
.kl-dir .kl-av,.kl-dir img.kl-av{width:46px;height:46px}
.kl-dir .kl-kw b{font-size:15px;color:var(--text)}
.kl-dir .kl-kw>span{color:var(--muted);font-size:12px}
.kl-dir .kl-since{color:var(--faint)}
.kl-dir .kl-hit{grid-template-columns:minmax(46px,.55fr) auto}
.kl-dir .kl-hit b{font-size:15px}
.kl-dir .kl-n{font-size:13.5px;color:var(--text)}
.kl-dir .kl-n.mut,.kl-dir .kl-n.dim{color:var(--muted)}
@media(min-width:1301px){
  .kl-dir .kl-r{grid-template-columns:34px 46px minmax(200px,1.6fr) minmax(130px,.8fr) 70px 70px 76px 110px 118px 70px 104px}
}

/* ==== REHBER SATIRI BASTAN KURULDU (14 Eyl 2026) ========================
   Ayhan iki kez soyledi: *"gosterissiz, karanlik"*, sonra *"hala berbat
   durumda"*. Ekran goruntusunde ucu birden gorunuyordu:

   1. FOLLOW dugmesi 132 px'lik sutuna sigmiyordu (etiket 163 px) ve
      `justify-self:end` sagdan hizaladigi icin SOLA tasip "ALL CALLS"
      rakaminin ustune biniyordu. Sutun genisletildi, dugme sessizlesti.
   2. Baslik satirindaki bos avatar hucresi cerceve ciziyordu - halka
      kurali `:not(.kl-h)` ile sinirlandi.
   3. Basamak izinin altina koydugum yatak cizgisi baslikta da ciziliyor
      ve "LADDER" yazisini kesiyordu; o da satirlara sinirlandi.

   Bir karar daha: "ALL CALLS" sutunu REHBERDEN kalkti. 139 satirin
   cogunda "CALLS 30D" ile ayni rakami yaziyordu (kanal 30 gunden yeniyse
   ikisi ayni sayidir) - ayni sayiyi iki kez yazmak bilgi degil gurultu.
   Tum sicil zaten profilde. Kazanilan 86 px 14 gunluk egriye gitti.

   Marka kilidi: kutu yok, golge yok, gradyan yok; ayrac sac teli. */
.kl-dir{max-width:1420px}
.kl-dir .kl-all,.kl-dir .kl-r.kl-h .kl-all{display:none}
@media(min-width:1301px){
  .kl-dir .kl-r{grid-template-columns:6px 46px minmax(210px,320px) 160px
    70px 70px 76px 104px minmax(120px,1fr) 160px}
}
@media(min-width:1001px) and (max-width:1300px){
  .kl-dir .kl-r{grid-template-columns:6px 44px minmax(190px,270px) 140px
    64px 64px 72px 92px minmax(100px,1fr) 150px}
}
@media(min-width:641px) and (max-width:1000px){
  .kl-dir .kl-r{grid-template-columns:6px 40px minmax(0,1.5fr) 130px 60px 60px 72px}
  .kl-dir .kl-lad,.kl-dir .kl-rh,.kl-dir .kl-r.kl-h .kl-lad,.kl-dir .kl-r.kl-h .kl-rh{display:none}
  .kl-dir .kl-fol{grid-column:1/-1;justify-self:start;padding-top:2px}
}

/* KOL'un kendisi once gorunur: foto sac teli bir halka icinde. */
.kl-dir .kl-r:not(.kl-h) .kl-av,.kl-dir .kl-r:not(.kl-h) img.kl-av{
  outline:1px solid var(--hair-2);outline-offset:2px}
.kl-dir .kl-r:not(.kl-h):hover .kl-av{outline-color:rgba(52,224,138,.55)}
.kl-dir .kl-kw b{font-size:15.5px;font-weight:700;letter-spacing:-.005em}
.kl-dir .kl-r:not(.kl-h):hover .kl-kw b{color:var(--mint)}

/* Isabet: yuzde ONCE ve buyuk, cubuk onun altinda kisa bir olcu.
   Once cubuk sutunun yarisini yiyor, yuzde kenarda kaliyordu. */
.kl-dir .kl-hit{grid-template-columns:auto minmax(0,1fr);gap:2px 10px;justify-content:start}
.kl-dir .kl-hit b{grid-row:1;grid-column:1;font:400 17px/1 var(--num)}
.kl-dir .kl-hit .kl-hb{grid-row:1;grid-column:2;align-self:center;max-width:86px}
.kl-dir .kl-hit small{grid-row:2;grid-column:1/-1;font-size:10.5px}

/* Basamak izi bir cizgi degil bir OLCU: altinda sac teli bir yatak var,
   boylece "kart yok" da bir bilgi olarak okunuyor. */
.kl-dir .kl-r:not(.kl-h) .kl-lad{align-items:center;border-bottom:1px solid var(--hair);padding-bottom:4px}
.kl-dir .kl-lad .mbar{height:4px;gap:2px}

/* Takip dugmesi SESSIZ: 139 kez tekrar eden dolu nane bir dugme satirin
   en gurultulu parcasiydi ve gozu KOL'dan aliyordu. Sac teli cerceve,
   nane yazi; dokununca dolar. */
.kl-dir .kl-fol .hm-fol,.kl-dir .kl-fol.hm-fol{white-space:nowrap;max-width:none;
  font:600 10px/1 var(--body);letter-spacing:.06em;padding:8px 12px;
  background:none;border:1px solid var(--hair-2);color:var(--mint)}
.kl-dir .kl-fol .hm-fol:hover{border-color:var(--mint);background:rgba(52,224,138,.08)}
.kl-dir .kl-fol .hm-fol.on{background:none;border-color:var(--hair-2);color:var(--muted)}

/* Arac seridi SOLDAN baslar: sagda tek bir baglanti dururken solda
   500 px bos band kaliyordu. */
.kb-bar-dir .kb-tools{margin-left:0;margin-right:auto}
.kb-bar-dir .kb-q{flex:0 1 340px}