/* =====================================================================
   LİSTE SAYFALARI — "CEVAP BANDI"
   site.css'ten SONRA yüklenir; onun belirteçlerini kullanır, ezmez.

   Yön: her liste sayfası bir SORU sorar ve onu ölçülmüş veriyle
   cevaplar. Sayfanın başındaki koyu bandın solunda soru, sağında
   cevabı olan "enstrüman" durur — ve enstrümanın her hücresi bir
   filtre bağlantısıdır. Süs değil, gezilebilir veri.

   Dizgi dili gazete masasından: kart kenarlığı yerine 1px boşluk +
   arkada çizgi rengi (tüyçizgi), manşet hiyerarşisi, ay ayraçları.
   ===================================================================== */

:root{
  /* Koyu yüzey üstü tonlar — denetim bunları dokuz ayrı değerde buldu,
     dörde indirildi. Kontrast: --uzeri-soluk / --koyu = 6,4:1. */
  --uzeri:#E8EFF4;
  --uzeri-soluk:#93A7B7;
  --uzeri-cizgi:#1C3549;
  --uzeri-mavi:#5FB0DA;

  /* 4px tabanlı aralık ölçeği. Denetim 31 farklı boşluk değeri saydı. */
  --a1:4px; --a2:8px; --a3:12px; --a4:16px; --a5:24px; --a6:32px; --a7:48px; --a8:72px;
}

/* ---------------------------------------------------------------------
   CEVAP BANDI
   İskelet anasayfadaki .meclis-bant ile birebir aynı olmalı; iki farklı
   koyu bant iki farklı sayfa demektir, bütünlük oradan kırılır.
   --------------------------------------------------------------------- */
.cevap-bant{
  display:grid; grid-template-columns:5fr 7fr;
  background:var(--koyu); color:var(--uzeri);
  border-bottom:2px solid var(--murekkep);
}
.cevap-bant .sol{padding:38px var(--kenar) 34px; min-width:0}
.cevap-bant .sag{padding:38px var(--kenar) 34px; min-width:0;
  display:flex; flex-direction:column; justify-content:center; gap:var(--a4)}

.cevap-kicker{display:block; font-family:var(--mono); font-size:10.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--uzeri-mavi)}
.cevap-bant h1,
.cevap-bant h2{font-size:clamp(34px,5vw,58px); line-height:.94; letter-spacing:-.035em;
  text-transform:uppercase; margin-top:var(--a3); color:var(--uzeri)}
/* Bant sayfanın künyesi olduğunda başlık tek başına duruyor: biraz daha
   ferah ama .sayfa-basi'nin 78px'inden belirgin küçük. */
.bant-kunye h1{font-size:clamp(32px,4.4vw,54px)}
.cevap-enstruman-ad{display:block; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--uzeri-mavi);
  margin-bottom:var(--a3)}
.cevap-spot{margin-top:var(--a4); max-width:44ch}
.cevap-spot p + p{margin-top:var(--a3)}
.cevap-spot a{color:var(--uzeri); text-decoration-thickness:1px; text-underline-offset:3px}
.cevap-spot p{font-family:var(--serif); font-size:17px; line-height:1.6; color:var(--uzeri-soluk); margin:0}
.cevap-spot strong{color:var(--uzeri); font-weight:600}

/* Künye ZORUNLU: her enstrüman bir paydaya dayanır ve o paydayı
   gizleyen grafik yalan söyler. Küçük ama okunur kalmalı. */
.cevap-kunye{margin:var(--a5) 0 0; max-width:52ch; font-family:var(--mono);
  font-size:10.5px; line-height:1.65; letter-spacing:.02em; color:var(--uzeri-soluk);
  border-top:1px solid var(--uzeri-cizgi); padding-top:var(--a3)}

@media(max-width:900px){
  /* DOM sırası masaüstü için doğru (solda metin+künye, sağda enstrüman) ama
     tek sütuna inince künye enstrümanın ÜSTÜNE düşüyordu: "kutu koyuluğu
     şuna oranıdır" notu, henüz görülmemiş bir tabloyu anlatıyordu. `.sol`
     display:contents ile çözülür, çocuklar doğrudan ızgaraya girip
     sıralanabilir hâle gelir. */
  .cevap-bant{grid-template-columns:minmax(0,1fr); padding:38px var(--kenar) 34px}
  .cevap-bant .sol{display:contents}
  .cevap-bant .sag{padding:0; margin-top:var(--a5); order:4}
  .cevap-kicker{order:1}
  .cevap-bant h1,.cevap-bant h2{order:2}
  .cevap-spot{order:3}
  .cevap-kunye{order:5}
}

/* ---------------------------------------------------------------------
   ENSTRÜMAN 1 — PAY ŞERİDİ  (/haberler)
   Dört yıl, dört çubuk. Mavi dilim Mersin payı; iki dilim de ayrı
   filtre bağlantısı. Üst üste bakınca mavinin geri çekilişi görülür.
   --------------------------------------------------------------------- */
.pay-serit{display:flex; flex-direction:column; gap:var(--a2)}
.pay-satir{display:grid; grid-template-columns:52px minmax(0,1fr) 132px;
  gap:var(--a3); align-items:center}
.pay-yil{font-family:var(--mono); font-size:13px; font-weight:500; color:var(--uzeri-soluk);
  font-variant-numeric:tabular-nums}
.pay-cubuk{display:flex; height:30px; background:rgba(255,255,255,.12); min-width:0}
.pay-cubuk .dilim{display:block; height:100%; transition:opacity .15s ease}
.pay-cubuk .dilim.mersin{background:var(--mavi); flex:0 0 auto}
.pay-cubuk .dilim.digeri{background:transparent; flex:1 1 auto}
.pay-cubuk .dilim:hover{opacity:.78}
.pay-cubuk .dilim:focus-visible{outline:2px solid var(--uzeri); outline-offset:-2px}
.pay-not{font-family:var(--mono); font-size:11px; color:var(--uzeri-soluk); text-align:right;
  font-variant-numeric:tabular-nums}
@media(max-width:600px){
  .pay-satir{grid-template-columns:44px minmax(0,1fr); row-gap:var(--a1)}
  .pay-not{grid-column:2; text-align:left}
}

/* ---------------------------------------------------------------------
   ENSTRÜMAN 2 — KONU ISI MATRİSİ  (/basin-aciklamalari)
   Satır konu, sütun yıl. Hücre ne kadar maviyse o konu o yıl o kadar
   konuşulmuş. Her hücre ?konu=&yil= filtresi.
   --------------------------------------------------------------------- */
.isi-serit{display:grid; grid-template-columns:150px repeat(var(--isi-sutun,4),minmax(0,1fr));
  gap:3px; align-items:stretch}
.isi-kose{font-family:var(--mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--uzeri-soluk); display:flex; align-items:flex-end; padding-bottom:var(--a1)}
.isi-yil{font-family:var(--mono); font-size:11px; font-weight:500; color:var(--uzeri-soluk);
  text-align:center; padding-bottom:var(--a1); border-bottom:1px solid var(--uzeri-cizgi);
  font-variant-numeric:tabular-nums; min-height:24px; display:flex; align-items:flex-end;
  justify-content:center}
.isi-yil:hover,.isi-yil.aktif{color:var(--uzeri)}
.isi-yil.aktif{border-bottom-color:var(--uzeri-mavi)}

/* Konu adının solunda o konunun rengi — liste satırındaki omurgayla
   aynı renk, iki gösterim böyle bağlanır. */
.isi-konu{display:flex; align-items:center; gap:var(--a2); min-height:34px;
  font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--uzeri-soluk); padding-right:var(--a2); min-width:0}
/* Kırpma İÇ span'da: .isi-konu bir flex kutu olduğu için metin anonim flex
   öğesine düşüyor ve text-overflow ona işlemiyordu — ad üç nokta bile
   koymadan ortasından kesiliyordu. */
.isi-konu > span{min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.isi-konu::before{content:""; flex:0 0 auto; width:6px; height:20px;
  background:var(--konu-renk,var(--uzeri-mavi))}
.isi-konu:hover,.isi-konu.aktif{color:var(--uzeri)}

.isi-hucre{min-height:34px; display:flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:11px; font-weight:600; color:var(--uzeri);
  font-variant-numeric:tabular-nums; border:1px solid transparent}
.isi-hucre:hover{border-color:var(--uzeri); color:#fff}
.isi-hucre:focus-visible{outline:2px solid var(--uzeri); outline-offset:-3px}
/* SIFIR HÜCRE: eskiden açık gri idi, yani 0 olan hücre 14 olan hücreden DAHA
   PARLAK görünüyordu — ölçek "parlak = çok" derken tam tersini söylüyordu.
   Artık boş hücre zeminle aynı, yalnızca ince bir çerçeveyle var olduğu belli. */
.isi-hucre.bos{background:transparent !important;
  box-shadow:inset 0 0 0 1px var(--uzeri-cizgi)}
@media(max-width:900px){
  .isi-serit{grid-template-columns:96px repeat(var(--isi-sutun,4),minmax(0,1fr)); gap:2px}
  /* Dar ekranda ad kırpmak yerine iki satıra sarsın: "Tarım, Çevre ve Afet"in
     yarısını göstermek adı hiç göstermemekle aynı şey. */
  .isi-konu{font-size:9px; letter-spacing:.02em; padding-right:var(--a1)}
  .isi-konu > span{white-space:normal; overflow:visible; line-height:1.15}
  .isi-konu::before{height:100%; min-height:20px}
}

/* ---------------------------------------------------------------------
   ENSTRÜMAN 3 — AYLIK TARAK  (/basin-arsivi)
   39 ay, 39 çubuk. Yıl sınırında ince kural. Her çubuk ?ay= filtresi.
   Yıl grafiğinin 14 ölü sütunu yerine gerçek şekli gösterir.
   --------------------------------------------------------------------- */
.tarak{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(6px,1fr);
  gap:2px; align-items:end; height:110px}
.tarak-ay{display:flex; align-items:flex-end; height:100%; position:relative;
  background:rgba(255,255,255,.06)}
.tarak-ay i{display:block; width:100%; background:var(--mavi); transition:background .15s ease}
.tarak-ay:hover i,.tarak-ay.aktif i{background:var(--uzeri-mavi)}
.tarak-ay.yil-basi::before{content:""; position:absolute; left:-2px; top:0; bottom:0;
  width:1px; background:rgba(255,255,255,.25)}
.tarak-ay:focus-visible{outline:2px solid var(--uzeri); outline-offset:1px}
.tarak-yillar{display:flex; justify-content:space-between; margin-top:var(--a2);
  font-family:var(--mono); font-size:10.5px; color:var(--uzeri-soluk);
  font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------------
   GAZETE IZGARASI  (/haberler)
   Kart kenarlığı yok: 1px boşluk + arkada çizgi rengi. 24 kutulanmış
   dikdörtgen sayfayı katalog yapıyordu; gazete ızgaraları kutu değil
   çizgi kullanır.
   --------------------------------------------------------------------- */
.gazete-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));
  gap:1px; background:var(--cizgi); border-top:1px solid var(--cizgi);
  margin:var(--a5) var(--kenar) 0}
.gazete-izgara > .kart{background:var(--yuzey); border:0}

/* Manşet: ilk kayıt iki sütun kaplar, görsel ve başlık büyür.
   24 kartın tamamı eşit ağırlıktaydı; gazete anasayfasının manşeti vardır. */
.gazete-izgara .kart.manset{grid-column:span 2}
.gazete-izgara .kart.manset .kart-gorsel{aspect-ratio:16/8}
.gazete-izgara .kart.manset h3{font-size:clamp(23px,2.6vw,34px); line-height:1.08;
  letter-spacing:-.028em; font-weight:800}
.manset-ozet{font-family:var(--serif); font-size:16px; line-height:1.55; color:var(--soluk);
  margin:var(--a3) 0 0}
@media(max-width:760px){ .gazete-izgara .kart.manset{grid-column:span 1} }

/* Ay ayracı — zaman duygusunu süs eklemeden veren tek öğe. */
.ay-ayrac{grid-column:1 / -1; background:var(--kagit); padding:var(--a6) 0 var(--a3)}
.ay-ayrac span{display:inline-block; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--soluk);
  border-bottom:2px solid var(--murekkep); padding-bottom:var(--a1)}
.gazete-izgara .ay-ayrac:first-child{padding-top:0}

/* İl rayı — 47 il, yatay kayan çip şeridi. */
.il-rayi{padding:var(--a4) var(--kenar) 0}
.il-rayi-basi{display:flex; align-items:baseline; justify-content:space-between; gap:var(--a4);
  margin-bottom:var(--a2)}
/* İl çipleri: ok tuşlu yatay şerit yerine satırlara SARAN liste. */
.il-cipler{display:flex; flex-wrap:wrap; gap:8px}

/* ---------------------------------------------------------------------
   KONU LİSTESİ  (/basin-aciklamalari)
   Solda satır boyu uzanan renk omurgası: listeye bakınca konuların
   dağılımı okunur, matristeki renkle aynı.
   --------------------------------------------------------------------- */
.konu-liste{display:flex; flex-direction:column; border-top:1px solid var(--cizgi)}
.konu-satir{display:grid; grid-template-columns:6px 96px minmax(0,1fr) 190px;
  gap:var(--a4); align-items:center; padding:var(--a4) 0;
  border-bottom:1px solid var(--cizgi); color:inherit}
.konu-satir:hover{background:var(--yuzey2)}
.konu-satir .omurga{align-self:stretch; display:block; min-height:34px}
.konu-satir .no-tarih{display:flex; flex-direction:column; gap:2px}
.konu-satir .no{font-family:var(--mono); font-size:11px; color:var(--soluk);
  font-variant-numeric:tabular-nums}
.konu-satir .tarih{font-family:var(--mono); font-size:12px; color:var(--murekkep);
  font-variant-numeric:tabular-nums; white-space:nowrap}
.konu-satir .baslik{font-size:clamp(17px,1.25vw,20px); font-weight:600; line-height:1.26;
  letter-spacing:-.012em; color:var(--murekkep); overflow-wrap:anywhere}
.konu-satir:hover .baslik{color:var(--mavi)}
.konu-satir .konu-ad{font-family:var(--mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--soluk); text-align:right}
@media(max-width:900px){
  .konu-satir{grid-template-columns:6px minmax(0,1fr); gap:var(--a3); row-gap:var(--a1)}
  .konu-satir .no-tarih{flex-direction:row; gap:var(--a2); align-items:baseline}
  .konu-satir .konu-ad{grid-column:2; text-align:left}
}

/* ---------------------------------------------------------------------
   KUPÜR DUVARI  (/basin-arsivi)
   Doğal en-boy oranı. Sabit 230px kutu, 3.970 kupürün 1.367'sini
   gövdesinin üçte ikisini keserek gösteriyordu — bir kupür arşivinin
   yapabileceği en pahalı hata.
   CSS `columns` KULLANILMAZ: okuma sırasını sütun-içi aşağı çevirir,
   tarih sıralı arşivde kronolojiyi bozar. grid-row span kronolojiyi korur.
   --------------------------------------------------------------------- */
/* ÖLÇÜLER ŞABLONLA BİREBİR AYNI OLMALI (arsiv-liste.php:25-29):
     $SUTUN=230px · $SATIR=10px · $KUNYE_Y=86px · $NEFES=22px
   PHP satır sayısını bu sayılarla hesaplıyor. Sütun `1fr` yapılıp
   genişlerse ya da satır birimi 8px'e çekilirse gerçek yükseklik
   hesabı tutmaz ve kartlar birbirinin üstüne biner — tarayıcıda
   tam olarak bu görüldü. Bu yüzden sütun SABİT 230px. */
.kupur-duvar{display:grid; grid-template-columns:repeat(auto-fill,230px);
  justify-content:space-between; grid-auto-rows:10px; gap:0 var(--a4);
  margin:var(--a5) var(--kenar) 0; align-items:start}
.kupur figcaption{min-height:86px; box-sizing:border-box}
.kupur{display:flex; flex-direction:column; background:var(--yuzey);
  border:1px solid var(--cizgi); overflow:hidden}
.kupur:hover{border-color:var(--murekkep)}
.kupur-gorsel{position:relative; overflow:hidden; background:var(--yuzey2)}
.kupur-gorsel img{width:100%; height:100%; object-fit:cover; object-position:top}
.kupur-kaynak{position:absolute; left:0; bottom:0; background:var(--murekkep); color:var(--kagit);
  font-family:var(--mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:4px 7px}
/* Çok uzun dikey kupürlerde gövde kırpılır; kesildiğini SÖYLEMEK gerekir. */
.kupur-uzun-not{position:absolute; right:0; bottom:0; background:var(--mavi); color:#fff;
  font-family:var(--mono); font-size:9.5px; letter-spacing:.06em; padding:4px 7px}
.kupur figcaption{padding:var(--a3) var(--a3) var(--a4)}
.kupur .t{display:block; font-family:var(--mono); font-size:10.5px; color:var(--soluk);
  font-variant-numeric:tabular-nums}
.kupur .b{display:block; font-size:13.5px; font-weight:600; line-height:1.34;
  margin-top:var(--a1); color:var(--murekkep); overflow-wrap:anywhere}
.kupur:hover .b{color:var(--mavi)}

.cevap-alt-baglanti{display:inline-flex; align-items:center; gap:var(--a2); margin-top:var(--a3);
  font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--uzeri-mavi); min-height:24px}
.filtre-ad{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--soluk)}

@media(max-width:600px){
  /* Duvar sayfa ızgarasıyla HİZALI kalmalı: burada --a4 (16px) kullanılıyordu,
     sayfanın geri kalanı --kenar (390px'te 24px) — duvar 8px sola kayıyordu. */
  .kupur-duvar{margin-left:var(--kenar); margin-right:var(--kenar)}
  .il-rayi{padding-left:var(--a4); padding-right:var(--a4)}
}

/* ---------------------------------------------------------------------
   site.css KALINTILARINI TEMİZLE
   Eski kupür tasarımının kuralları hâlâ yürürlükte ve yeni duvarı kırıyordu.
   Üç somut çakışma vardı, üçü de tarayıcıda görülerek bulundu:

   1) site.css:346 `.kupur-gorsel{height:230px}` — sabit yükseklik, satır
      içindeki `aspect-ratio`yu eziyordu. `grid-row:span N` doğal orandan
      hesaplandığı için kartların gerçek yüksekliği tutmuyor, kartlar üst
      üste biniyordu.
   2) site.css:349 `.kupur-kaynak{top:9px; right:9px}` — benim kuralım
      yalnızca `left/bottom` verdiği için dördü birden uygulanıyor ve
      mutlak konumlu rozet bütün görseli kaplıyordu. Ekranda gördüğümüz
      "koyu bloklar" kupür değil, kaynak rozetiydi.
   3) `<figure>` varsayılan kenar boşluğu ızgara satır hesabını kaydırıyordu.
   --------------------------------------------------------------------- */
.kupur-gorsel{height:auto; border-bottom:1px solid var(--cizgi)}
.kupur-kaynak{top:auto; right:auto; left:0; bottom:0}
.kupur figure{margin:0; display:flex; flex-direction:column; height:100%}
.kupur figcaption{display:flex; flex-direction:column; gap:var(--a1); flex:1 1 auto}
.kupur-duvar{padding:0}

/* Kart bir <a> olduğu için başlık, tarih ve özet global `a{color:var(--mavi)}`
   kuralından maviyi miras alıyordu — bütün ızgara mavi metin yığınına
   dönüyor ve hiyerarşi kayboluyordu. Kart metni mürekkep rengidir; mavi
   yalnızca üzerine gelince belirir. */
.kart{color:var(--murekkep)}
.kart h3,.kart .manset-ozet{color:var(--murekkep)}
.kart:hover h3{color:var(--mavi)}
.kart-meta{color:var(--soluk)}
.kart-meta .mavi{color:var(--mavi)}

/* Çipteki sayaç başlığa yapışıyordu: "Mersin224". Sayı ayrı bir öğe
   olduğu için boşluk HTML'de yok; aralığı stil verir. */
.cip span{margin-left:var(--a2); color:var(--soluk); font-variant-numeric:tabular-nums}
.cip.aktif span{color:inherit}

/* Manşet iki sütun kaplayınca satırın sonunda boş bir hücre kalıyordu.
   Izgara akışını sıkılaştır: boşluk kalırsa sonraki kart yukarı çekilir. */
.gazete-izgara{grid-auto-flow:row dense}

/* Dar ekranda 230px sabit sütun sığmaz. Orada masonry'den vazgeçip
   iki sütunlu düz ızgaraya dönüyoruz: satır kapsamı iptal, görsel
   yüksekliği sınırlı. `!important` şart çünkü kapsam satır içi stilde. */
@media(max-width:560px){
  /* Sabit 230px sütun sığmaz; masonry'den vazgeçip iki sütunlu düz
     ızgaraya dönüyoruz. `!important` şart çünkü satır kapsamı satır içi.
     ORAN KIRPILMAZ: kupürü sabit bir kutuya sığdırmak manşetin solunu
     kesiyordu ("ktan Mersin'e / net yanıtı"). Bir kupür arşivinde
     okunamayan manşet, hizalanmamış satırdan daha pahalıdır — bu yüzden
     doğal oran korunur, satırlar tırtıklı kalır. */
  .kupur-duvar{grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto; gap:var(--a3); justify-content:stretch; align-items:start}
  .kupur-duvar .kupur{grid-row:span 1 !important}
  .kupur figcaption{min-height:0; padding:var(--a2) var(--a2) var(--a3)}
  .kupur .b{font-size:12.5px}
}

/* İl rayı 390px'te 8px taşıyordu: şerit kendi kenar boşluğunu negatif
   kenarla dışarı taşırıyor ama kabın yatay taşmasını kesen bir sınır yok.
   Şeridin sarmalı taşmayı kendi içinde tutmalı. */
.il-rayi{overflow:hidden}
.il-rayi .serit-sarmal{max-width:100%}

/* 320px'te 39 aylık tarak sığmıyor (39×6px + 38×2px boşluk = 310px,
   bandın iç genişliği ise daha dar). Çubukları inceltmek okunmaz hâle
   getirir; şerit kendi içinde kaysın. */
/* 900px'e kadar genişletildi: tabletlerde de parmakla kullanılıyor ve
   `pointer:coarse` her zaman doğru bildirilmiyor. */
@media(max-width:900px){
  .tarak{overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:var(--a1)}
  .tarak-ay{min-width:24px}
  .tarak-yillar{min-width:100%}
}
/* Parmakla kullanılan ekranda 7px'lik çubuk hedeflenemez. Şerit zaten
   kayabildiği için çubukları WCAG 2.5.8 eşiğine (24px) genişletiyoruz;
   tarağın şekli bozulmuyor, yalnızca daha uzun oluyor. */
@media (pointer:coarse){
  .tarak{overflow-x:auto; overscroll-behavior-x:contain}
  .tarak-ay{min-width:24px}
}

/* ---------------------------------------------------------------------
   ANASAYFA — "NEREDEYDİK"
   Bölüm altı çipten ibaretti; başlığın vaat ettiği şeyi karşılamıyordu.
   Artık solda Türkiye silueti (ton = adı anılma sıklığı), sağda iki ölçüm,
   il şeridi ve DÜRÜSTLÜK KÜNYESİ var: harita "gidilen il"i göstermiyor.
   --------------------------------------------------------------------- */
.yer-duzen{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:var(--a7); align-items:center; padding:var(--a5) 0 var(--a2)}
.yer-harita{display:block; min-width:0}
.yer-harita svg{width:100%; height:auto; display:block}
.yer-harita path{fill:var(--il-bos); stroke:var(--kagit); stroke-width:.7;
  transition:fill .15s ease}
.yer-harita:hover path{stroke:var(--yuzey)}

.yer-yan{display:flex; flex-direction:column; gap:var(--a4); min-width:0}
.yer-olcum{display:flex; align-items:baseline; gap:var(--a3)}
.yer-olcum .n{font-family:var(--sans); font-size:clamp(34px,3.6vw,52px); font-weight:900;
  letter-spacing:-.04em; line-height:.9; font-variant-numeric:tabular-nums}
.yer-olcum .ad{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--soluk)}

.yer{display:flex; flex-wrap:wrap; gap:var(--a2)}
.yer a{display:inline-flex; align-items:center; gap:var(--a2); min-height:24px;
  border:1px solid var(--cizgi); padding:5px 11px; background:var(--yuzey);
  font-size:13.5px; color:var(--murekkep)}
.yer a:hover{border-color:var(--murekkep)}
.yer a span{font-family:var(--mono); font-size:11px; color:var(--soluk);
  font-variant-numeric:tabular-nums}

.yer-kunye{font-family:var(--mono); font-size:10.5px; line-height:1.7; letter-spacing:.02em;
  color:var(--soluk); border-top:1px solid var(--cizgi); padding-top:var(--a3);
  margin:0; max-width:52ch}

@media(max-width:900px){
  .yer-duzen{grid-template-columns:minmax(0,1fr); gap:var(--a5)}
}

/* =====================================================================
   MECLİS ÇALIŞMALARI
   Sayfa altı kutu ve iki çubuktan ibaretti; hiç görsel yoktu, altı kutu
   5+1 diye kırılıyordu ve 259 konuşma yalnızca bir sayıydı. Artık
   kürsü fotoğrafıyla açılıyor ve botun çektiği detaylarla ölçüm yapıyor.
   ===================================================================== */
.kursu-bant{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  background:var(--koyu); color:var(--uzeri); border-bottom:2px solid var(--murekkep)}
.kursu-foto{position:relative; min-height:420px; overflow:hidden; order:2}
.kursu-foto img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center 34%}
/* Fotoğrafın sol kenarı metne doğru koyuya bağlansın — iki blok
   arasında sert bir dikey çizgi kalmasın. */
.kursu-foto::after{content:""; position:absolute; inset:0;
  background:linear-gradient(to right, var(--koyu) 0%, rgba(12,34,51,.35) 24%, rgba(12,34,51,0) 58%)}
.kursu-metin{order:1; padding:var(--a8) var(--a5) var(--a7) var(--kenar);
  display:flex; flex-direction:column; justify-content:center; min-width:0}
.kursu-metin .etiket{font-family:var(--mono); font-size:10.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--uzeri-mavi)}
.kursu-metin h1{font-size:clamp(38px,5.4vw,74px); line-height:.92; letter-spacing:-.035em;
  text-transform:uppercase; margin-top:var(--a3); color:var(--uzeri)}
.kursu-metin p{margin:var(--a5) 0 0; max-width:46ch; font-size:17px; line-height:1.62;
  color:var(--uzeri-soluk)}
.kursu-metin strong{color:var(--uzeri)}
.kursu-eylem{display:flex; gap:var(--a3); margin-top:var(--a5); flex-wrap:wrap}
/* KOYU BANT ÜSTÜNDE DÜĞME: `.dugme` varsayılanı neredeyse siyah zemin
   (#12181D) kullanıyor; koyu lacivert bandın (#0C2233) üstünde kontrast
   1,1:1 çıkıyor ve düğme görünmez oluyordu. Koyu yüzeyde birincil düğme
   AÇIK olmalı. */
.kursu-eylem .dugme{background:var(--uzeri); color:var(--koyu); border-color:var(--uzeri)}
.kursu-eylem .dugme:hover{background:#fff; color:var(--koyu)}
.kursu-eylem .dugme-bos{background:transparent; border-color:var(--uzeri-soluk); color:var(--uzeri)}
.kursu-eylem .dugme-bos:hover{border-color:var(--uzeri); background:rgba(255,255,255,.08); color:var(--uzeri)}
@media(max-width:900px){
  .kursu-bant{grid-template-columns:minmax(0,1fr)}
  .kursu-foto{order:1; min-height:300px}
  /* Dar ekranda kare kırpma yüzü tepeden kesiyordu; odak yukarı alındı. */
  .kursu-foto img{object-position:center 18%}
  .kursu-foto::after{background:linear-gradient(to bottom, rgba(12,34,51,0) 40%, var(--koyu) 100%)}
  .kursu-metin{order:2; padding:var(--a5) var(--kenar) var(--a6)}
}

/* Altı sayı — 5+1 kırılmasın diye üç kırılma noktası: 6 / 3 / 2 sütun. */
.meclis-sayilar{display:grid; grid-template-columns:repeat(5,minmax(0,1fr));
  border-bottom:2px solid var(--murekkep); background:var(--cizgi2); gap:1px}
.meclis-sayi{background:var(--kagit); padding:var(--a5) var(--a4) var(--a4);
  display:flex; flex-direction:column; gap:var(--a2); color:var(--murekkep)}
.meclis-sayi:hover{background:var(--yuzey)}
.meclis-sayi .n{font-size:clamp(28px,3vw,42px); font-weight:900; letter-spacing:-.04em;
  line-height:.9; color:var(--mavi); font-variant-numeric:tabular-nums}
.meclis-sayi .ad{font-family:var(--mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--soluk); line-height:1.5}
.meclis-sayi:first-child{padding-left:var(--kenar)}
/* Masaüstü 5 sütun = 5 kutu tam dolu. Dar ekranda 3/2 sütuna inince tek boş
   göz kalmasın diye ana rakam (ilk kutu) iki sütun kaplar. */
@media(max-width:1100px){
  .meclis-sayilar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .meclis-sayi:first-child{grid-column:span 2}
}
@media(max-width:560px){
  .meclis-sayilar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .meclis-sayi:first-child{padding-left:var(--a4)}
}

/* Cevap bandının sağ sütunu: histogram + durum şeridi */
.bant-meclis .sag{gap:var(--a6)}
.cevap-histogram{display:flex; flex-direction:column; gap:var(--a3)}
.hist-basi{display:flex; justify-content:space-between; gap:var(--a4); flex-wrap:wrap;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--uzeri-soluk); border-bottom:1px solid var(--uzeri-cizgi); padding-bottom:var(--a2)}
.hist{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr);
  gap:var(--a2); align-items:end; height:170px}
.hist-sutun{display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  height:100%; gap:var(--a1)}
.hist-sutun .n{font-family:var(--mono); font-size:12px; color:var(--uzeri);
  font-variant-numeric:tabular-nums}
.hist-sutun .cubuk{display:block; width:100%; background:rgba(255,255,255,.16); min-height:3px}
.hist-sutun.zirve .cubuk{background:var(--uzeri-mavi)}
.hist-sutun.zirve .n{color:var(--uzeri-mavi); font-weight:700}
.hist-sutun .et{font-family:var(--mono); font-size:9.5px; letter-spacing:.04em;
  color:var(--uzeri-soluk); text-align:center; line-height:1.3}
.hist-not{font-family:var(--serif); font-size:15px; line-height:1.55; color:var(--uzeri-soluk); margin:0}
.hist-not strong{color:var(--uzeri)}

.durum-serit{display:flex; flex-direction:column; gap:var(--a2)}
.durum-serit .mono{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--uzeri-soluk)}
.durum-serit .durum-cubuk{display:flex; height:14px; width:100%}
.durum-dokum{display:flex; flex-wrap:wrap; gap:var(--a2) var(--a4); font-family:var(--mono);
  font-size:10.5px; color:var(--uzeri-soluk)}
.durum-dokum span,.durum-dokum a{display:inline-flex; align-items:center; gap:6px; color:inherit}
.durum-dokum a:hover{color:var(--uzeri)}
.durum-dokum i{width:9px; height:9px; display:block; flex:0 0 auto}
.durum-dokum b{color:var(--uzeri); font-variant-numeric:tabular-nums}

/* Bakanlık dökümü */
.bakanlik-liste{display:flex; flex-direction:column; gap:1px; background:var(--cizgi);
  border-top:2px solid var(--murekkep); margin-top:var(--a4)}
.bakanlik-satir{display:grid;
  grid-template-columns:30px minmax(120px,1.4fr) minmax(0,2.4fr) 42px minmax(0,1.2fr) 68px 84px;
  gap:var(--a3); align-items:center; background:var(--kagit); padding:11px 0}
.bakanlik-satir .ad{font-size:15px; font-weight:600; line-height:1.3; overflow-wrap:anywhere}
.bakanlik-satir .no{color:var(--soluk)}
.bakanlik-satir .cubuk,.bakanlik-satir .gun-cubuk{display:block; height:10px; background:var(--yuzey2)}
.bakanlik-satir .cubuk i{display:block; height:100%; background:var(--mavi)}
.bakanlik-satir .gun-cubuk i{display:block; height:100%; background:var(--soluk)}
.bakanlik-satir .sayilar{color:var(--murekkep); font-size:12px; text-align:right}
.bakanlik-satir .gun{color:var(--soluk)}
.bakanlik-satir .cevapsiz{font-size:10px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--kritik, #B3271E); text-align:right}
@media(max-width:900px){
  /* İki satırlık düzen: üstte sıra + ad, altta iki çubuk ve sayıları.
     Tek sütuna indirince sayılar adın altında sola yaslanıp hizasız
     duruyordu; artık her sayı kendi çubuğunun yanında. */
  .bakanlik-satir{grid-template-columns:26px minmax(0,1fr) 58px; row-gap:6px;
    column-gap:var(--a3); padding:var(--a3) 0}
  .bakanlik-satir .no{grid-row:1; align-self:start}
  .bakanlik-satir .ad{grid-row:1; grid-column:2 / -1; font-size:14.5px}
  .bakanlik-satir .cubuk{grid-row:2; grid-column:2; height:9px}
  .bakanlik-satir .adet{grid-row:2; grid-column:3}
  .bakanlik-satir .gun-cubuk{grid-row:3; grid-column:2; height:9px}
  .bakanlik-satir .gun{grid-row:3; grid-column:3}
  .bakanlik-satir .cevapsiz{grid-row:4; grid-column:2 / -1; text-align:left}
}
/* Bu artık bir gösterge açıklaması değil, cümle — serif ve okunur boyda. */
.meclis-not{font-family:var(--serif); font-size:17px; line-height:1.6; color:var(--soluk);
  margin-top:var(--a4); max-width:62ch}
.meclis-not strong{color:var(--murekkep); font-weight:600}
.meclis-kaynak{font-size:11px; letter-spacing:.03em; text-transform:none; color:var(--soluk);
  padding:var(--a6) var(--kenar) var(--a7)}

/* Yıl çubukları + son hareketler ikilisi */
.meclis-ikili{display:grid; grid-template-columns:minmax(0,4fr) minmax(0,6fr); gap:var(--a7);
  align-items:start}
.meclis-ikili .bolum{padding-right:0}
.meclis-ikili .bolum:last-child{padding-left:0; padding-right:var(--kenar)}
.yil-cubuklar{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr);
  gap:var(--a3); align-items:end; height:180px; margin-top:var(--a5)}
.yil-cubuk{display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  height:100%; gap:var(--a1); color:var(--murekkep)}
.yil-cubuk .n{font-family:var(--mono); font-size:12px; font-variant-numeric:tabular-nums}
.yil-cubuk .c{display:block; width:100%; background:var(--mavi); min-height:4px}
.yil-cubuk:hover .c{background:var(--koyu)}
.yil-cubuk .y{font-family:var(--mono); font-size:11px; color:var(--soluk)}

.hareket-liste{display:flex; flex-direction:column; border-top:1px solid var(--cizgi);
  margin-top:var(--a4)}
.hareket{display:grid; grid-template-columns:78px 108px minmax(0,1fr); gap:var(--a3);
  align-items:baseline; padding:var(--a3) 0; border-bottom:1px solid var(--cizgi);
  color:var(--murekkep)}
.hareket:hover{background:var(--yuzey2)}
.hareket .t{font-size:11px; color:var(--soluk); font-variant-numeric:tabular-nums}
.hareket .tur{font-size:9.5px; letter-spacing:.1em; text-transform:uppercase}
.hareket .tur-konusma{color:var(--mavi)}
.hareket .tur-onerge{color:var(--soluk)}
.hareket .tur-teklif{color:var(--murekkep)}
.hareket .b{font-size:15px; font-weight:600; line-height:1.32; overflow-wrap:anywhere}
.hareket:hover .b{color:var(--mavi)}
@media(max-width:1000px){
  .meclis-ikili{grid-template-columns:minmax(0,1fr); gap:0}
  .meclis-ikili .bolum,.meclis-ikili .bolum:last-child{padding-left:var(--kenar); padding-right:var(--kenar)}
}
@media(max-width:640px){
  .hareket{grid-template-columns:minmax(0,1fr); gap:var(--a1); row-gap:2px}
}

/* Kanun teklifi satırı — durum sütunu eklendi */
.teklif-liste{display:flex; flex-direction:column; border-top:2px solid var(--murekkep);
  margin-top:var(--a4)}
.teklif-satir{display:grid; grid-template-columns:74px 88px minmax(0,1fr) minmax(0,150px);
  gap:var(--a4); align-items:baseline; padding:var(--a4) 0;
  border-bottom:1px solid var(--cizgi); color:var(--murekkep)}
.teklif-satir:hover{background:var(--yuzey2)}
.teklif-satir .no{color:var(--mavi); font-size:12px}
.teklif-satir .t{color:var(--soluk); font-size:11px; font-variant-numeric:tabular-nums}
.teklif-satir .b{font-size:16px; font-weight:600; line-height:1.34; overflow-wrap:anywhere}
.teklif-satir:hover .b{color:var(--mavi)}
.teklif-satir .d{font-size:10px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--soluk); text-align:right}
@media(max-width:800px){
  .teklif-satir{grid-template-columns:74px minmax(0,1fr); row-gap:var(--a1)}
  .teklif-satir .t{grid-column:2}
  .teklif-satir .b,.teklif-satir .d{grid-column:1 / -1; text-align:left}
}

/* ---------------------------------------------------------------------
   TBMM DURUM ROZETİ
   Listelerde açık zemin üzerine açık yazıyla basılıyor ve okunmuyordu;
   resmî adlar da kutuya sığmayıp ortadan kesiliyordu. Dört durum, dört
   net renk; hepsi AA kontrastında.
   --------------------------------------------------------------------- */
.tbmm-rozet{display:inline-flex; align-items:center; gap:var(--a2); min-height:24px;
  font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase;
  padding:4px 9px; white-space:nowrap; border:1px solid transparent}
.tbmm-rozet b{font-weight:600; letter-spacing:.02em; opacity:.85}
.tbmm-rozet.r-iyi{background:#DCEBF4; color:#004A73; border-color:#B9D7E9}
.tbmm-rozet.r-gec{background:#E7EDF2; color:#3B4650; border-color:#CFD8DE}
.tbmm-rozet.r-yok{background:#FBE9E7; color:#8F1D16; border-color:#F0C8C3}
.tbmm-rozet.r-bekliyor{background:#FFF4E0; color:#7A5410; border-color:#F0DFBC}
.tbmm-rozet.r-notr{background:var(--yuzey2); color:var(--soluk); border-color:var(--cizgi)}

/* ---------------------------------------------------------------------
   SORU ÖNERGELERİ
   --------------------------------------------------------------------- */
.onerge-akibet{display:flex; flex-direction:column; gap:var(--a4)}
.akibet-cubuk{display:flex; height:30px; width:100%}
.akibet-cubuk a,.akibet-cubuk span{display:block; height:100%; transition:opacity .15s ease}
.akibet-cubuk a:hover{opacity:.75}
.akibet-cubuk a:focus-visible{outline:2px solid var(--uzeri); outline-offset:-2px}
.akibet-dokum{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:var(--a3)}
.akibet-dokum a{display:grid; grid-template-columns:10px minmax(0,1fr); gap:var(--a2) var(--a2);
  align-items:baseline; padding-top:var(--a2); border-top:1px solid var(--uzeri-cizgi);
  color:var(--uzeri-soluk); min-height:24px}
.akibet-dokum a:hover,.akibet-dokum a.aktif{color:var(--uzeri)}
.akibet-dokum a.aktif{border-top-color:var(--uzeri)}
.akibet-dokum i{width:10px; height:10px; display:block}
.akibet-dokum span{font-family:var(--mono); font-size:10px; letter-spacing:.08em;
  text-transform:uppercase; line-height:1.4}
.akibet-dokum b{grid-column:2; font-size:22px; font-weight:900; letter-spacing:-.03em;
  color:var(--uzeri); font-variant-numeric:tabular-nums}
/* Bağlantısız kova (filtresi olmayan: "tarih bekleniyor", "süresi işliyor") —
   dökümde gösterilir ama tıklanmaz. */
.akibet-dokum .dokum-notr{display:grid; grid-template-columns:10px minmax(0,1fr);
  gap:var(--a2) var(--a2); align-items:baseline; padding-top:var(--a2);
  border-top:1px solid var(--uzeri-cizgi); color:var(--uzeri-soluk); min-height:24px}

.onerge-liste{display:flex; flex-direction:column; border-top:2px solid var(--murekkep);
  margin-top:var(--a5)}
.onerge-satir{display:grid; grid-template-columns:80px 84px minmax(0,1fr) auto;
  gap:var(--a4); align-items:center; padding:var(--a4) 0;
  border-bottom:1px solid var(--cizgi); color:var(--murekkep)}
/* Rozet sütunu içeriğe göre (auto) genişler; uzun rozet ("SÜRESİ GEÇTİ ·
   CEVAP YOK 34 GÜN GEÇTİ") 190px'e sığmayıp nowrap ile başlığın üstüne
   biniyordu. Rozetin kendisi de taşmasın diye sığdırılır. */
.onerge-satir .d{min-width:0; max-width:100%}
.onerge-satir:hover{background:var(--yuzey2)}
.onerge-satir .no{color:var(--mavi); font-size:12px}
.onerge-satir .t{color:var(--soluk); font-size:11px; font-variant-numeric:tabular-nums;
  display:flex; flex-direction:column; gap:3px}
.onerge-satir .t-cevap{color:#2E7D46; font-weight:600; white-space:nowrap}
.onerge-satir .govde{display:flex; flex-direction:column; gap:var(--a1); min-width:0}
.onerge-satir .b{font-size:16px; font-weight:600; line-height:1.34; overflow-wrap:anywhere}
.onerge-satir:hover .b{color:var(--mavi)}
.onerge-satir .muhatap{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--soluk)}
.onerge-satir .d{justify-self:end}
@media(max-width:820px){
  .onerge-satir{grid-template-columns:80px minmax(0,1fr); row-gap:var(--a2); align-items:start}
  .onerge-satir .t{grid-column:2; justify-self:start}
  .onerge-satir .govde{grid-column:1 / -1}
  .onerge-satir .d{grid-column:1 / -1; justify-self:start}
}
.bos-durum{font-size:19px; padding:var(--a7) 0}

/* Soru önergeleri: liste + sağda bağlamsal bakanlık paneli.
   Tam genişlik, bant/filtre ile aynı 52px gutter — böylece sol kenar hizalı,
   eski sağ boşluk da panelle doluyor. */
.onerge-duzen{padding:var(--a6) var(--kenar) var(--a8);
  display:grid; grid-template-columns:minmax(0,1fr) 288px; gap:var(--a8); align-items:start}
.onerge-ana{min-width:0}
.onerge-duzen .onerge-liste{margin-top:0}
.onerge-yan{position:sticky; top:var(--a5); align-self:start; min-width:0}
.yan-baslik{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--soluk); padding-bottom:var(--a3);
  border-bottom:2px solid var(--murekkep); display:flex; flex-wrap:wrap;
  align-items:baseline; gap:6px}
.yan-not{text-transform:none; letter-spacing:0; color:var(--mavi); font-size:10px}
.yan-liste{display:flex; flex-direction:column; max-height:70vh; overflow-y:auto}
.yan-oge{display:flex; align-items:baseline; justify-content:space-between; gap:var(--a3);
  padding:9px 0; border-bottom:1px solid var(--cizgi); color:var(--murekkep);
  font-size:13px; line-height:1.3}
.yan-oge:hover{color:var(--mavi)}
.yan-oge.aktif{color:var(--mavi); font-weight:700}
.yan-oge.aktif .yan-ad{border-left:3px solid var(--mavi); padding-left:8px; margin-left:-11px}
.yan-oge .yan-ad{min-width:0; overflow-wrap:anywhere}
.yan-oge b{font-family:var(--mono); font-size:12px; font-variant-numeric:tabular-nums;
  color:var(--soluk); flex:none}
.yan-oge.aktif b{color:var(--mavi)}
@media(max-width:980px){
  .onerge-duzen{grid-template-columns:minmax(0,1fr); gap:var(--a5); padding-top:var(--a5)}
  .onerge-yan{order:-1; position:static; max-height:none}
  .yan-liste{flex-direction:row; flex-wrap:wrap; gap:8px; max-height:none; overflow:visible;
    margin-top:var(--a3)}
  .yan-oge{border:1px solid var(--cizgi); border-radius:2px; padding:6px 10px; gap:6px;
    background:var(--yuzey)}
  .yan-oge.aktif{background:var(--mavi); color:#fff; border-color:var(--mavi)}
  .yan-oge.aktif .yan-ad{border-left:0; padding-left:0; margin-left:0}
  .yan-oge.aktif b{color:#fff}
}

/* ---------------------------------------------------------------------
   TBMM DETAY SAYFALARI (teklif · önerge · konuşma)
   Yan sütunda yalnızca "otomatik alınmıştır" yazan bir kutu vardı.
   Artık asıl merak edileni gösteriyor: bu teklif hangi komisyonda ve
   orada başka ne var; bu soru hangi bakanlığa soruldu ve o bakanlık
   genelde ne kadar sürede cevap veriyor.
   --------------------------------------------------------------------- */
.tbmm-detay{display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:0;
  padding-top:var(--a4)}
.tbmm-ana{padding:0 var(--a7) var(--a8) var(--kenar); border-right:1px solid var(--cizgi); min-width:0}
.tbmm-meta{display:flex; align-items:center; gap:var(--a3); flex-wrap:wrap;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--soluk)}
.tbmm-ana h1{font-size:clamp(28px,3.4vw,46px); line-height:1.06; letter-spacing:-.028em;
  margin-top:var(--a4); font-weight:800; text-wrap:balance}
.tbmm-ozet{margin-top:var(--a5); max-width:64ch}
.tbmm-ozet p{font-family:var(--serif); font-size:19px; line-height:1.68; margin:0}
.tbmm-giris{font-size:17px; line-height:1.65; color:var(--soluk); margin-top:var(--a5); max-width:60ch}
.tbmm-giris strong{color:var(--murekkep); font-weight:600}
.tbmm-eksik{font-size:17px; color:var(--soluk); margin-top:var(--a5); max-width:58ch}

/* Soruldu → cevaplandı zaman çizgisi */
.onerge-cizgi{display:grid; grid-template-columns:auto minmax(60px,1fr) auto; align-items:center;
  gap:var(--a3); margin-top:var(--a6); padding:var(--a4) 0; border-top:1px solid var(--cizgi);
  border-bottom:1px solid var(--cizgi)}
.onerge-cizgi .adim{display:flex; flex-direction:column; gap:var(--a1)}
.onerge-cizgi .adim .mono{font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--soluk)}
.onerge-cizgi .adim .g{font-size:16px; font-weight:600; letter-spacing:-.01em}
.onerge-cizgi .adim.bos .g{color:var(--soluk)}
.onerge-cizgi .ara{position:relative; text-align:center; padding-bottom:var(--a3)}
.onerge-cizgi .ara::before{content:""; position:absolute; left:0; right:0; bottom:6px;
  height:2px; background:var(--murekkep)}
.onerge-cizgi .ara.acik::before{background:repeating-linear-gradient(to right,
  var(--cizgi) 0 6px, transparent 6px 12px)}
.onerge-cizgi .ara .mono{font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--murekkep); background:var(--kagit); padding:0 var(--a2); position:relative}
.onerge-cizgi .ara.acik .mono{color:var(--soluk)}

/* Yan sütun */
.tbmm-yan{padding:0 var(--kenar) var(--a8) var(--a6); display:flex; flex-direction:column;
  gap:var(--a5); min-width:0}
.yan-olcum{display:flex; flex-direction:column; gap:var(--a1); padding-bottom:var(--a4);
  border-bottom:1px solid var(--cizgi)}
.yan-olcum .b{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--soluk)}
.yan-olcum .d{font-size:19px; font-weight:600; line-height:1.28; color:var(--murekkep);
  overflow-wrap:anywhere}
a.d:hover{color:var(--mavi)}
.yan-olcum.buyuk .d{font-size:clamp(34px,4vw,52px); font-weight:900; letter-spacing:-.04em;
  line-height:.94; color:var(--mavi); font-variant-numeric:tabular-nums}
.yan-olcum.buyuk .d small{font-size:16px; font-weight:600; letter-spacing:0; color:var(--soluk)}
.yan-olcum.uyari .d{color:#B3271E}
.yan-olcum .a{font-size:13.5px; line-height:1.5; color:var(--soluk); margin-top:var(--a2)}
.yan-olcum .a strong{color:var(--murekkep); font-weight:600}

.yan-komsu{display:flex; flex-direction:column}
.yan-komsu .baslik{font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  padding-bottom:var(--a2); border-bottom:2px solid var(--murekkep)}
.yan-komsu a{display:flex; flex-direction:column; gap:2px; padding:var(--a3) 0;
  border-bottom:1px solid var(--cizgi); color:var(--murekkep)}
.yan-komsu a:hover .b{color:var(--mavi)}
.yan-komsu .t{font-family:var(--mono); font-size:10.5px; color:var(--soluk);
  font-variant-numeric:tabular-nums}
.yan-komsu .b{font-size:14.5px; font-weight:600; line-height:1.34; overflow-wrap:anywhere}

.yan-bag{display:flex; flex-direction:column; gap:var(--a2); align-items:flex-start}
.yan-bag .dugme{width:100%; justify-content:center}

@media(max-width:1000px){
  .tbmm-detay{grid-template-columns:minmax(0,1fr)}
  .tbmm-ana{border-right:none; padding:0 var(--kenar) var(--a6)}
  .tbmm-yan{padding:var(--a5) var(--kenar) var(--a7); border-top:2px solid var(--murekkep)}
}
@media(max-width:560px){
  .onerge-cizgi{grid-template-columns:minmax(0,1fr); gap:var(--a3)}
  .onerge-cizgi .ara{padding:var(--a2) 0}
  .onerge-cizgi .ara::before{display:none}
}

/* Komisyon şeridi — kanun teklifi bandının enstrümanı */
.komisyon-serit{display:flex; flex-direction:column; gap:1px; background:var(--uzeri-cizgi)}
.komisyon-satir{display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 34px;
  gap:var(--a3); align-items:center; background:var(--koyu); padding:7px 0; color:var(--uzeri-soluk)}
.komisyon-satir:hover,.komisyon-satir.aktif{color:var(--uzeri)}
.komisyon-satir .ad{font-size:12.5px; line-height:1.3; overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap}
.komisyon-satir .cubuk{display:block; height:9px; background:rgba(255,255,255,.12)}
.komisyon-satir .cubuk i{display:block; height:100%; background:var(--uzeri-mavi)}
.komisyon-satir .n{font-size:11px; text-align:right; color:var(--uzeri);
  font-variant-numeric:tabular-nums}
@media(max-width:600px){ .komisyon-satir .ad{white-space:normal} }

/* Kanun teklifi satırı — komisyon alt satırı + rozetler */
.teklif-satir{grid-template-columns:74px 84px minmax(0,1fr) minmax(0,220px)}
.teklif-satir .govde{display:flex; flex-direction:column; gap:var(--a1); min-width:0}
.teklif-satir .kom{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk)}
.teklif-satir .d{display:flex; gap:var(--a2); justify-content:flex-end; flex-wrap:wrap}
.yil-ayrac{display:flex; align-items:baseline; gap:var(--a3); padding:var(--a6) 0 var(--a2);
  border-bottom:1px solid var(--cizgi)}
.yil-ayrac .y{font-family:var(--mono); font-size:11px; letter-spacing:.16em; color:var(--soluk)}
@media(max-width:820px){
  .teklif-satir{grid-template-columns:74px minmax(0,1fr); row-gap:var(--a2); align-items:start}
  .teklif-satir .t{grid-column:2; justify-self:start}
  .teklif-satir .govde{grid-column:1 / -1}
  .teklif-satir .d{grid-column:1 / -1; justify-content:flex-start}
}

/* Kürsü bandı enstrümanı */
.kursu-yillar{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr);
  gap:var(--a3); align-items:end; height:120px}
/* Yıl çubukları artık <a>: enstrümanın her hücresi gerçek bir filtre bağı. */
a.kursu-yil{text-decoration:none; cursor:pointer; transition:opacity .15s ease}
a.kursu-yil:hover .c,a.kursu-yil.aktif .c{background:var(--uzeri)}
a.kursu-yil:hover .y,a.kursu-yil.aktif .y{color:var(--uzeri)}
a.kursu-yil.aktif .n{color:var(--uzeri)}
a.kursu-yil:focus-visible{outline:2px solid var(--uzeri); outline-offset:2px}
.kursu-yil{display:flex; flex-direction:column; align-items:center; justify-content:flex-end;
  height:100%; gap:var(--a1)}
.kursu-yil .n{font-family:var(--mono); font-size:12px; color:var(--uzeri);
  font-variant-numeric:tabular-nums}
.kursu-yil .c{display:block; width:100%; background:var(--uzeri-mavi); min-height:5px}
.kursu-yil .y{font-family:var(--mono); font-size:10.5px; color:var(--uzeri-soluk)}
.kursu-olcum{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--a4);
  padding-top:var(--a4); border-top:1px solid var(--uzeri-cizgi)}
.kursu-olcum > div{display:flex; flex-direction:column; gap:2px}
.kursu-olcum .n{font-size:clamp(24px,2.6vw,34px); font-weight:900; letter-spacing:-.035em;
  line-height:.95; color:var(--uzeri); font-variant-numeric:tabular-nums}
.kursu-olcum .ad{font-family:var(--mono); font-size:9.5px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--uzeri-soluk)}

/* Konuşma listesi */
.konusma-liste{display:flex; flex-direction:column; border-top:2px solid var(--murekkep);
  margin-top:var(--a5)}
.konusma-satir{display:grid; grid-template-columns:88px 108px minmax(0,1fr) 62px;
  gap:var(--a4); align-items:baseline; padding:var(--a4) 0;
  border-bottom:1px solid var(--cizgi); color:var(--murekkep)}
.konusma-satir:hover{background:var(--yuzey2)}
.konusma-satir .t{font-size:11.5px; color:var(--murekkep); font-variant-numeric:tabular-nums}
.konusma-satir .brl{font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--soluk)}
.konusma-satir .b{font-size:16px; font-weight:600; line-height:1.34; overflow-wrap:anywhere}
.konusma-satir:hover .b{color:var(--mavi)}
.konusma-satir .uz{font-size:11px; color:var(--soluk); text-align:right;
  font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .konusma-satir{grid-template-columns:88px minmax(0,1fr); row-gap:var(--a1)}
  .konusma-satir .brl{grid-column:2}
  .konusma-satir .b{grid-column:1 / -1}
  .konusma-satir .uz{grid-column:1 / -1; text-align:left}
}

/* Araştırma önergeleri — tür × rol matrisi */
.diger-matris{display:grid; grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr)); gap:3px}
.diger-matris .mb{font-family:var(--mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--uzeri-soluk); text-align:center;
  padding-bottom:var(--a2); border-bottom:1px solid var(--uzeri-cizgi)}
.diger-matris .ms{display:flex; align-items:center; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--uzeri-soluk); min-height:52px;
  padding-right:var(--a3)}
.diger-matris .ms:hover,.diger-matris .ms.aktif{color:var(--uzeri)}
.diger-matris .mh{display:flex; align-items:center; justify-content:center; min-height:52px;
  font-family:var(--sans); font-size:22px; font-weight:800; letter-spacing:-.03em;
  color:var(--uzeri); font-variant-numeric:tabular-nums; border:1px solid transparent}
.diger-matris .mh:hover{border-color:var(--uzeri)}
.diger-matris .mh.bos{background:var(--uzeri-cizgi) !important}

/* ---------------------------------------------------------------------
   FİLTRE SATIRI İÇİNDEKİ ŞERİT
   `.filtre-satir` bir flex satırı; içine konan şerit sarmalı varsayılan
   `flex:0 1 auto` ile büzülüyor ve max-content sütunları tek karakter
   genişliğine iniyordu (mobilde bakanlık rayı dikey harflere dönüşmüştü).
   Şerit kendi satırını almalı ve büzülmemeli.
   --------------------------------------------------------------------- */
.filtre-satir > .serit-sarmal{flex:1 1 100%; min-width:0; margin-top:var(--a1)}
.filtre-satir > .serit-sarmal .serit{padding-left:0; padding-right:0; margin-left:0; margin-right:0}
.filtre-satir > .serit-sarmal .serit-ok{display:none}
@media(max-width:600px){
  /* max-content sütunlu şeritlerde 78vw kısıtı yanlış: çip kendi
     genişliğinde kalmalı, yoksa etiket satır satır kırılır. */
  .serit[style*="max-content"]{grid-auto-columns:max-content}
}

/* Araştırma önergesi satırı — site.css'teki genel `.satir` ızgarası bu
   sayfada sütunları eziyordu; kendi sınıfı olsun. */
.diger-liste{display:flex; flex-direction:column; border-top:2px solid var(--murekkep);
  margin-top:var(--a5)}
.diger-satir{display:grid; grid-template-columns:84px 84px minmax(0,1fr) 96px;
  gap:var(--a4); align-items:baseline; padding:var(--a4) 0;
  border-bottom:1px solid var(--cizgi); color:var(--murekkep)}
.diger-satir:hover{background:var(--yuzey2)}
.diger-satir .no{color:var(--mavi); font-size:12px}
.diger-satir .t{color:var(--soluk); font-size:11px; font-variant-numeric:tabular-nums}
.diger-satir .govde{display:flex; flex-direction:column; gap:var(--a1); min-width:0}
.diger-satir .b{font-size:16px; font-weight:600; line-height:1.34; overflow-wrap:anywhere}
.diger-satir:hover .b{color:var(--mavi)}
/* DİKKAT: `.alt` alt bilginin sınıfı ve koyu bir zemini var; satır içinde
   kullanılınca tüm genişliği kaplayan koyu bir şerit çıkıyordu. */
.diger-satir .turrol{font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--soluk)}
.diger-satir .d{justify-self:end}
@media(max-width:820px){
  .diger-satir{grid-template-columns:84px minmax(0,1fr); row-gap:var(--a2); align-items:start}
  .diger-satir .t{grid-column:2; justify-self:start}
  .diger-satir .govde,.diger-satir .d{grid-column:1 / -1; justify-self:start}
}

/* ---------------------------------------------------------------------
   İMZA SAHİPLERİ
   Bir önergenin kimlerle birlikte verildiği, tek başına verilenden
   farklı bir şey anlatır. Ekmen'in kendi adı vurgulanır — okuyucunun
   ilk aradığı satır o.
   --------------------------------------------------------------------- */
.imza-bolum{padding:var(--a7) var(--kenar) var(--a8)}
.imza-not{font-size:17px; line-height:1.6; color:var(--soluk); margin:var(--a4) 0 0; max-width:62ch}
.imza-not strong{color:var(--murekkep); font-weight:600}
.imza-liste{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));
  gap:1px; background:var(--cizgi); border-top:1px solid var(--cizgi); margin-top:var(--a5)}
.imza{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:baseline;
  column-gap:var(--a3); row-gap:2px; background:var(--kagit); padding:var(--a3) var(--a4)}
.imza .ad{font-size:15px; font-weight:600; line-height:1.3; overflow-wrap:anywhere}
.imza .p{grid-column:1; font-size:10px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--soluk)}
.imza .i{grid-row:1; grid-column:2; font-size:11px; color:var(--soluk); white-space:nowrap}
.imza .tbmm-rozet{grid-column:1 / -1; justify-self:start; margin-top:var(--a1)}
/* Sayfanın sahibi: koyu zemin, adı bulmak için gözle taramaya gerek kalmasın. */
.imza.benim{background:var(--koyu); color:var(--uzeri)}
.imza.benim .ad{color:var(--uzeri)}
.imza.benim .p,.imza.benim .i{color:var(--uzeri-soluk)}

/* =====================================================================
   BASIN BÜLTENLERİ — HABER SİTESİ DÜZENİ  (/basin-aciklamalari)

   Kart ızgarası, iki panolu terminal ve bülten kâğıdı denendi; üçü de
   tek bir bülteni öne çıkarıp gerisini geri plana itti. Oysa burası bir
   YAYIN AKIŞI: manşet, yanında son bültenler rayı, altında ikincil
   haberler, sonra konu blokları, en altta arşiv. Eski bültenler artık
   görsel + tarih + konu ile okunur; düz satır listesinde kayboluyorlardı.
   ===================================================================== */

/* ---- manşet + ray ---- */
.hbr-ust{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:1px;
  background:var(--cizgi); border-top:2px solid var(--murekkep); margin-top:var(--a5)}
.hbr-manset{background:var(--yuzey); color:var(--murekkep); display:flex; flex-direction:column}
.hbr-manset .g{aspect-ratio:16/9; overflow:hidden; background:var(--yuzey2)}
.hbr-manset .g img{width:100%; height:100%; object-fit:cover}
.hbr-manset .m{padding:var(--a5) var(--a5) var(--a6); display:flex; flex-direction:column;
  gap:var(--a3); border-top:4px solid var(--k, var(--mavi))}
.hbr-manset .ost{display:flex; align-items:center; gap:var(--a3); flex-wrap:wrap;
  font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--soluk)}
.hbr-manset .ost b{color:var(--k, var(--mavi)); font-weight:600}
.hbr-manset h2{font-size:clamp(26px,3.1vw,44px); font-weight:800; line-height:1.08;
  letter-spacing:-.03em; text-wrap:balance}
.hbr-manset:hover h2{color:var(--mavi)}
.hbr-manset p{font-size:17px; line-height:1.6; color:var(--soluk); margin:0; max-width:56ch}
.hbr-manset .kp{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--soluk)}
.hbr-manset .kp b{color:var(--mavi); font-size:13px}

/* Ray, soldaki manşet sütunuyla AYNI yükseklikte bitmeli. Sabit sayıda
   satır konunca manşetin boyuna göre altta boşluk kalıyor ya da taşıyordu;
   satırlar kalan yüksekliği paylaşsın, "daha eski" bağı dibe otursun. */
.hbr-ray{background:var(--yuzey); display:flex; flex-direction:column; min-width:0}
.hbr-ray .hs{flex:1 1 0; align-items:center; min-height:0}
.hbr-ray .ray-tumu{flex:0 0 auto}
.ray-basi{display:flex; align-items:baseline; justify-content:space-between; gap:var(--a3);
  padding:var(--a3) var(--a4); border-bottom:2px solid var(--murekkep);
  font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--soluk)}

/* ---- görselli haber satırı (rayda ve arşivde) ---- */
.hs{display:grid; grid-template-columns:96px minmax(0,1fr); gap:var(--a3); align-items:start;
  padding:var(--a3) var(--a4); border-bottom:1px solid var(--cizgi2); color:var(--murekkep)}
.hs:hover{background:var(--yuzey2)}
.hs:last-child{border-bottom:none}
.hs .g{display:block; width:96px; aspect-ratio:3/2; overflow:hidden; background:var(--yuzey2)}
.hs .g img{width:100%; height:100%; object-fit:cover}
.hs .m{display:flex; flex-direction:column; gap:3px; min-width:0}
.hs .ost{display:flex; gap:var(--a2); flex-wrap:wrap; font-size:9.5px; letter-spacing:.09em;
  text-transform:uppercase; color:var(--soluk)}
.hs .ost b{color:var(--k, var(--mavi)); font-weight:600}
.hs .b{font-size:15px; font-weight:600; line-height:1.32; overflow-wrap:anywhere;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.hs:hover .b{color:var(--mavi)}
.hs .kp{font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk)}
.hs.ince .b{font-size:14.5px; -webkit-line-clamp:2}
/* Dar rayda görsel oranı korunsun ama satır sıkışınca kırpılabilsin. */
.hbr-ray .hs .g{align-self:center}

/* ---- ikincil ---- */
.hbr-ikincil{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
  gap:1px; background:var(--cizgi); border-bottom:1px solid var(--cizgi)}
.hk{background:var(--yuzey); color:var(--murekkep); display:flex; flex-direction:column}
.hk .g{aspect-ratio:3/2; overflow:hidden; background:var(--yuzey2)}
.hk .g img{width:100%; height:100%; object-fit:cover}
.hk .m{padding:var(--a3) var(--a4) var(--a4); display:flex; flex-direction:column; gap:var(--a2);
  border-top:3px solid var(--k, var(--cizgi)); flex:1 1 auto}
.hk .ost{display:flex; gap:var(--a2); flex-wrap:wrap; font-size:9.5px; letter-spacing:.09em;
  text-transform:uppercase; color:var(--soluk)}
.hk .ost b{color:var(--k, var(--mavi)); font-weight:600}
.hk .b{font-size:16px; font-weight:600; line-height:1.32; overflow-wrap:anywhere;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.hk:hover .b{color:var(--mavi)}

/* ---- konu blokları ---- */
.hbr-konular{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:var(--a6) var(--a7); padding:var(--a7) var(--kenar) var(--a5)}
.kb{display:flex; flex-direction:column; min-width:0}
.kb-basi{display:flex; align-items:baseline; justify-content:space-between; gap:var(--a3);
  border-bottom:3px solid var(--k, var(--mavi)); padding-bottom:var(--a2)}
.kb-basi .ad{font-family:var(--sans); font-size:19px; font-weight:800; letter-spacing:-.02em;
  text-transform:uppercase; color:var(--murekkep)}
.kb-basi .ad:hover{color:var(--mavi)}
.kb-basi .mono{font-size:9.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--soluk)}
.kb-ilk{display:flex; flex-direction:column; gap:var(--a2); padding:var(--a3) 0;
  color:var(--murekkep); border-bottom:1px solid var(--cizgi)}
.kb-ilk .g{display:block; aspect-ratio:16/9; overflow:hidden; background:var(--yuzey2)}
.kb-ilk .g img{width:100%; height:100%; object-fit:cover}
.kb-ilk .b{font-size:17px; font-weight:700; line-height:1.28; letter-spacing:-.014em;
  overflow-wrap:anywhere}
.kb-ilk:hover .b{color:var(--mavi)}
.kb-ilk .t{font-size:10px; letter-spacing:.1em; color:var(--soluk)}
.kb-liste{display:flex; flex-direction:column}
.kb-liste a{display:flex; flex-direction:column; gap:2px; padding:var(--a3) 0;
  border-bottom:1px solid var(--cizgi2); color:var(--murekkep)}
.kb-liste a:last-child{border-bottom:none}
.kb-liste .t{font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:var(--soluk)}
.kb-liste .b{font-size:14.5px; font-weight:600; line-height:1.32; overflow-wrap:anywhere}
.kb-liste a:hover .b{color:var(--mavi)}

/* ---- arşiv ---- */
.hbr-arsiv .hbr-liste{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));
  gap:0 var(--a6); border-top:2px solid var(--murekkep); margin-top:var(--a4)}
.hbr-arsiv .hs{padding-left:0; padding-right:0}

@media(max-width:1000px){
  .hbr-ust{grid-template-columns:minmax(0,1fr)}
  .hbr-konular{padding-left:var(--a4); padding-right:var(--a4)}
}
@media(max-width:560px){
  .hs{grid-template-columns:76px minmax(0,1fr)}
  .hs .g{width:76px}
  .hbr-manset .m{padding:var(--a4)}
}

/* ---------------------------------------------------------------------
   OKUMA SAYFASI YAN SÜTUNU — basın açıklaması
   Yan sütun neredeyse boştu. Artık üç şey var: konu kutusu (gezinme),
   o günlerde çıkan gazete kupürleri (basın odasının geri beslemesi) ve
   aynı konudaki diğer açıklamalar.
   --------------------------------------------------------------------- */
.yan-konu{display:flex; flex-direction:column; gap:var(--a1); padding:var(--a4) var(--a4) var(--a4) var(--a5);
  position:relative; background:var(--yuzey); border:1px solid var(--cizgi);
  color:var(--murekkep); margin-bottom:var(--a5)}
.yan-konu::before{content:""; position:absolute; left:0; top:0; bottom:0; width:6px;
  background:var(--k, var(--mavi))}
.yan-konu .b{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--soluk)}
.yan-konu .d{font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.2}
.yan-konu .a{font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--mavi)}
.yan-konu:hover .d{color:var(--mavi)}
/* Çoklu konu: kutular tek grup; ana konu tam boy, ek konular bir kademe küçük. */
.yan-konular{display:flex; flex-direction:column; gap:var(--a2); margin-bottom:var(--a5)}
.yan-konular .yan-konu{margin-bottom:0}
.yan-konular .yan-konu + .yan-konu{padding-top:var(--a3); padding-bottom:var(--a3)}
.yan-konular .yan-konu + .yan-konu .d{font-size:16px}

.yan-kupur{margin-bottom:var(--a5)}
.yan-kupur .baslik{font-size:10px; letter-spacing:.14em; text-transform:uppercase;
  padding-bottom:var(--a2); border-bottom:2px solid var(--murekkep)}
.kupur-serit{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--a2);
  margin-top:var(--a3)}
.kupur-serit a{display:block; aspect-ratio:3/4; overflow:hidden; background:var(--yuzey2);
  border:1px solid var(--cizgi)}
.kupur-serit a:hover{border-color:var(--murekkep)}
.kupur-serit img{width:100%; height:100%; object-fit:cover; object-position:top}
.kupur-yok{display:flex; align-items:center; padding:var(--a2); font-family:var(--mono);
  font-size:9px; line-height:1.4; color:var(--soluk); height:100%}
.yan-kupur .tumu{display:inline-flex; align-items:center; min-height:24px; margin-top:var(--a3);
  font-size:10px; letter-spacing:.1em; text-transform:uppercase}

/* Geniş ekranda `auto-fit` ızgaraları sütun sayısını sınırsız artırıyordu:
   üç sütunluk konu bloğu altıya, iki sütunluk arşiv beşe bölünüyordu.
   Sütun sayısı üst sınırlarla sabitlenir. */
/* Tam genişlikli ızgaralarda yan dolgu yok, o yüzden `--kenar` onları
   sınırlamıyor; geniş ekranda kendileri ortalanmalı. */
@media (min-width: 1620px){
  /* Anasayfadaki .meclis-bant ile aynı düzeltme: dış pay ızgarayla hizalı,
     iki sütunun ARASI normal oluk. */
  .cevap-bant .sol{padding-right:var(--a6)}
  .cevap-bant .sag{padding-left:var(--a6)}
  .hbr-ust,.hbr-ikincil,.oda-izgara,.gazete-izgara{
    max-width:var(--ic-olcu); margin-left:auto; margin-right:auto}
}
@media (min-width: 1300px){
  .hbr-konular{grid-template-columns:repeat(3, minmax(0,1fr))}
  .hbr-arsiv .hbr-liste{grid-template-columns:repeat(2, minmax(0,1fr))}
  .hbr-ikincil{grid-template-columns:repeat(4, minmax(0,1fr))}
  .oda-izgara,.gazete-izgara{grid-template-columns:repeat(4, minmax(0,1fr))}
}
/* Manşet görseli çok büyümesin: 16:9 oranı geniş ekranda 900px'i aşıyordu. */
.hbr-manset .g{max-height:min(56vh, 560px)}
.hbr-manset .g img{object-position:center 30%}

.ray-tumu{display:flex; align-items:center; justify-content:flex-end; min-height:44px;
  padding:0 var(--a4); font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  border-top:1px solid var(--cizgi)}
.ray-basi .s{color:var(--soluk)}

/* =====================================================================
   GENİŞ EKRAN — liste.css sınıfları
   Bu düzeltmeler site.css'te duruyordu ama liste.css ondan SONRA
   yüklendiği için hiçbiri uygulanmıyordu: 2560px'te sayı şeridinin ilk
   kutusu 530px sol dolgu alıyor, "286 / Yazılı soru önergesi" kutunun
   dışına itilip görünmez oluyordu (ölçüldü).
   ===================================================================== */
@media (min-width: 1620px){
  .meclis-sayilar{max-width:var(--ic-olcu); margin-left:auto; margin-right:auto}
  .meclis-sayi:first-child{padding-left:var(--a4)}
  /* Kürsü fotoğrafı sağdan taşsın (editoryal) ama boyu kaçmasın; metin
     sütunu içerik ölçüsüne hizalansın. */
  .kursu-foto{max-height:620px}
  .kursu-metin{padding-left:calc((100vw - var(--ic-olcu)) / 2); padding-right:var(--a6)}
  .meclis-ikili{max-width:var(--ic-olcu); margin-left:auto; margin-right:auto}
  .meclis-ikili .bolum{padding-left:0}
  .meclis-ikili .bolum:last-child{padding-right:0}
}

/* =====================================================================
   /haberler — FOTOĞRAF AĞIRLIKLI DÜZEN

   /basin-aciklamalari ile bilerek AYNI DEĞİL. Orada kayıt metindir ve
   arşivi görselsiz düz listedir; burada kayıt bir fotoğraftır. Manşet tek
   değil iki, arşiv liste değil mozaik, eksen konu değil il ve tür.
   ===================================================================== */
/* Manşet ikilisi sayfa ızgarasına oturur: filtre ve il rayı --kenar'dan
   başlarken manşetin ekranın en solundan başlaması hata gibi duruyordu.
   Ayraç, boşluğu zemin rengiyle boyayan gap yerine kenarlıkla çiziliyor —
   padding'li kapsayıcıda gap hilesi kenar boşluğunu da boyar. */
.hbr2-manset{display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
  gap:0; padding:0 var(--kenar); border-bottom:1px solid var(--cizgi)}
.hbr2-bas{display:flex; flex-direction:column; background:var(--kagit);
  padding:0 0 var(--a6); text-decoration:none; color:inherit; min-width:0}
.hbr2-bas:first-child{padding-right:var(--a5)}
.hbr2-bas + .hbr2-bas{border-left:1px solid var(--cizgi); padding-left:var(--a5)}
.hbr2-gorsel{overflow:hidden; background:var(--yuzey2)}
.hbr2-gorsel img{width:100%; height:100%; object-fit:cover; display:block;
  aspect-ratio:16/9; transition:transform .4s ease}
.hbr2-bas.birinci .hbr2-gorsel img{aspect-ratio:3/2}
.hbr2-bas:hover .hbr2-gorsel img{transform:scale(1.03)}
.hbr2-govde{padding:var(--a4) 0 0; min-width:0}
.hbr2-meta{display:flex; align-items:center; gap:10px; font-family:var(--mono);
  font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--soluk)}
.hbr2-bas h2{font-size:clamp(20px,2.1vw,30px); line-height:1.12; letter-spacing:-.02em;
  margin-top:var(--a3); text-wrap:balance}
.hbr2-bas.birinci h2{font-size:clamp(24px,2.9vw,40px)}
.hbr2-bas p{font-family:var(--serif); font-size:16px; line-height:1.55;
  color:var(--soluk); margin-top:var(--a3); max-width:52ch}
.hbr2-bas:hover h2{color:var(--mavi)}

/* Tür rozeti: ziyaret ile haber ayrı okunsun. */
.hbr2-meta .rz{padding:2px 7px; font-size:9.5px; letter-spacing:.1em}
.hbr2-meta .rz-ziyaret{background:var(--mavi); color:#fff}
.hbr2-meta .rz-haber{background:var(--murekkep); color:#fff}

/* Mozaik: ay ayracı satırın TAMAMINI kaplar, kartlar akışta kalır. */
.hbr2-mozaik{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:var(--a5) var(--a4); margin-top:var(--a5)}
.hbr2-ay{grid-column:1/-1; display:flex; align-items:center; gap:var(--a3);
  font-family:var(--mono); font-size:10.5px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--soluk); margin-top:var(--a4)}
.hbr2-ay::after{content:""; flex:1; height:1px; background:var(--cizgi)}
.hbr2-ay:first-child{margin-top:0}
.hbr2-alt{padding-bottom:var(--a7)}

@media(max-width:780px){
  .hbr2-manset{grid-template-columns:minmax(0,1fr)}
  .hbr2-bas:first-child{padding-right:0}
  .hbr2-bas + .hbr2-bas{border-left:none; border-top:1px solid var(--cizgi);
    padding-left:0; padding-top:var(--a5)}
  .hbr2-bas.birinci .hbr2-gorsel img{aspect-ratio:16/9}
  .hbr2-mozaik{grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:var(--a4) var(--a3)}
}

/* --- Bandın enstrümanı: yıllara göre haber / ziyaret --- */
.tur-serit{display:flex; flex-direction:column; gap:var(--a3); width:100%}
.tur-satir{display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:var(--a3);
  align-items:center; font-family:var(--mono)}
.tur-yil{font-size:11.5px; font-weight:600; color:var(--uzeri-soluk);
  font-variant-numeric:tabular-nums}
/* Yükseklik 24px'in altındaydı. Dilimin GENİŞLİĞİ veridir (oran), ama
   yüksekliği değil — onu büyütmek grafiği bozmadan hedefi büyütür. */
.tur-cubuk{display:flex; height:26px; background:var(--uzeri-cizgi); min-width:0}
.tur-cubuk .dilim{display:block; height:100%; transition:filter .15s ease}
.tur-cubuk .dilim:hover{filter:brightness(1.25)}
.tur-cubuk .ziyaret{background:var(--uzeri-mavi)}
.tur-cubuk .haber{background:#7E93A4}
.tur-not{font-size:10px; letter-spacing:.05em; color:var(--uzeri-soluk);
  white-space:nowrap; font-variant-numeric:tabular-nums;
  display:inline-flex; align-items:center; gap:5px}
.tur-not a{color:var(--uzeri-soluk); display:inline-flex; align-items:center;
  min-height:24px; padding:0 2px}
.tur-not a:hover{color:var(--uzeri)}
a.tur-yil{display:inline-flex; align-items:center; min-height:24px}
a.tur-yil:hover{color:var(--uzeri)}
@media(max-width:600px){
  .tur-satir{grid-template-columns:36px minmax(0,1fr)}
  .tur-not{grid-column:2; margin-top:-4px}
}

/* Anasayfadaki saha haritası: /saha-haritasi'ndaki .saha-harita-ic'in
   --kenar'lı iç boşluğu burada yanlış (harita zaten ızgaranın içinde). */
.yer-harita-ic{min-width:0; position:relative}
.yer-harita-ic .saha-svg{width:100%; height:auto; display:block}
.yer-harita-ic .saha-lejant{margin-top:var(--a3)}
.yer-harita-ic .saha-kumanda{padding-left:0; padding-right:0}

/* =====================================================================
   /yazilar — OKUMA LİSTESİ

   Diğer iki liste sayfasıyla bilerek aynı değil: orada kayıt metin ya da
   fotoğraf, burada bir DENEME (ortalama 17,7 dakika, en uzunu 87). Okurun
   sorduğu soru "ne zaman yazıldı" değil, "şimdi buna vaktim var mı" — o
   yüzden süre, satırın en solunda ve en büyük öğesi.
   ===================================================================== */
.yzi-one{display:grid; grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:0; padding:0 var(--kenar); border-bottom:1px solid var(--cizgi);
  text-decoration:none; color:inherit; align-items:center}
.yzi-one-gorsel{overflow:hidden; background:var(--yuzey2)}
.yzi-one-gorsel img{width:100%; height:auto; display:block; aspect-ratio:3/2;
  object-fit:cover; transition:transform .4s ease}
.yzi-one:hover .yzi-one-gorsel img{transform:scale(1.03)}
.yzi-one-metin{padding:var(--a6) 0 var(--a6) var(--a6); min-width:0}
.yzi-etiket{display:inline-block; font-family:var(--mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--mavi)}
.yzi-one h2{font-size:clamp(24px,2.7vw,38px); line-height:1.14; letter-spacing:-.02em;
  margin-top:var(--a3); text-wrap:balance}
.yzi-one:hover h2{color:var(--mavi)}
.yzi-one p{font-family:var(--serif); font-size:17px; line-height:1.6;
  color:var(--soluk); margin-top:var(--a3); max-width:54ch}
.yzi-alt{display:flex; align-items:center; gap:var(--a4); margin-top:var(--a4);
  font-family:var(--mono); font-size:11px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--soluk)}
.yzi-dk{background:var(--murekkep); color:var(--kagit); padding:4px 9px}

.yzi-bolum{padding-bottom:var(--a7)}
.yzi-liste{display:flex; flex-direction:column; margin-top:var(--a4)}
.yzi-satir{display:grid; grid-template-columns:minmax(0,1fr) 108px;
  gap:var(--a5); align-items:start; padding:var(--a5) 0;
  border-top:1px solid var(--cizgi); text-decoration:none; color:inherit}
.yzi-satir:last-child{border-bottom:1px solid var(--cizgi)}
.yzi-satir:hover{background:var(--yuzey2)}

/* Künye satırı: yayın adı, tarih, okuma süresi. Burada 64px'lik iri bir
   dakika rakamı vardı ve satırın en baskın öğesiydi — okuma süresi bir
   yazının en önemli özelliği değil. Künyeye indi, kendi ölçüsünde. */
.yzi-ustmeta{display:flex; flex-wrap:wrap; align-items:center; gap:5px 12px;
  font-family:var(--mono); font-size:10.5px; letter-spacing:.07em;
  text-transform:uppercase; color:var(--soluk); margin-bottom:7px}
.yzi-yayin{color:var(--mavi); font-weight:600}

.yzi-govde{display:flex; flex-direction:column; min-width:0}
.yzi-baslik{font-family:var(--sans); font-size:19px; font-weight:600; line-height:1.28;
  letter-spacing:-.012em; text-wrap:balance}
.yzi-satir:hover .yzi-baslik{color:var(--mavi)}
.yzi-ozet{font-family:var(--serif); font-size:15.5px; line-height:1.55;
  color:var(--soluk); margin-top:6px; max-width:70ch}

.yzi-kapak{display:block; overflow:hidden; background:var(--yuzey2)}
.yzi-kapak img{width:108px; height:72px; object-fit:cover; display:block}

@media(max-width:900px){
  .yzi-one{grid-template-columns:minmax(0,1fr)}
  .yzi-one-metin{padding:var(--a5) 0 var(--a6)}
}
@media(max-width:600px){
  .yzi-satir{grid-template-columns:minmax(0,1fr); gap:var(--a4)}
  .yzi-kapak{display:none}
  .yzi-ozet{display:none}
}

/* --- Bandın enstrümanı: okuma süresi kuşakları --- */
.yayin-serit{display:flex; flex-direction:column; gap:var(--a3); width:100%}
.yayin-satir{display:grid; grid-template-columns:minmax(96px,26%) minmax(0,1fr) 34px;
  gap:var(--a3); align-items:center; text-decoration:none;
  font-family:var(--mono); padding:var(--a2) 0; border-bottom:1px solid var(--uzeri-cizgi)}
.yayin-ad{font-size:10.5px; font-weight:600; color:var(--uzeri-soluk);
  letter-spacing:.05em; text-transform:uppercase; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap}
.yayin-cubuk{display:block; height:16px; background:var(--uzeri-cizgi); min-width:0}
.yayin-cubuk i{display:block; height:100%; background:var(--uzeri-mavi);
  transition:filter .15s ease}
.yayin-sayi{font-size:12px; font-weight:600; text-align:right; color:var(--uzeri);
  font-variant-numeric:tabular-nums}
.yayin-satir:hover .yayin-cubuk i,
.yayin-satir.aktif .yayin-cubuk i{filter:brightness(1.3)}
.yayin-satir:hover .yayin-ad,
.yayin-satir.aktif .yayin-ad{color:var(--uzeri)}
.yayin-satir.aktif{border-bottom-color:var(--uzeri)}

/* =====================================================================
   /hakkimda — ÖZGEÇMİŞ

   Sayfa satır içi `style` niteliklerinden kurtarıldı: satır içi stil medya
   sorgusunu ezdiği için dar ekranda ızgara hiç değişmiyordu.
   ===================================================================== */
.hkm-sayilar{display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px; background:var(--uzeri-cizgi); width:100%}
.hkm-sayi{display:flex; flex-direction:column; gap:6px; padding:var(--a4) var(--a4) var(--a5);
  background:var(--koyu); text-decoration:none; min-width:0}
.hkm-sayi .n{font-family:var(--sans); font-size:clamp(26px,3vw,40px); font-weight:900;
  letter-spacing:-.04em; line-height:1; color:var(--uzeri)}
.hkm-sayi .ad{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--uzeri-soluk); line-height:1.35}
.hkm-sayi:hover .n{color:var(--uzeri-mavi)}
.hkm-sayi:hover .ad{color:var(--uzeri)}

.hkm-duzen{display:grid; grid-template-columns:minmax(0,38%) minmax(0,1fr);
  align-items:start; border-bottom:1px solid var(--cizgi)}
.hkm-portre{position:relative; background:var(--mavi); overflow:hidden;
  align-self:stretch; min-height:520px; border-right:1px solid var(--cizgi)}
.hkm-portre img{position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center 10%;
  filter:grayscale(1) contrast(1.15); mix-blend-mode:multiply}
.hkm-govde{padding:var(--a6) var(--kenar) var(--a7) var(--a6); min-width:0}

/* Sol sütun bir zaman çizgisi DEĞİL, etiket sütunu: satırların bir kısmı yıl
   ("2007–2011"), bir kısmı kurum ("DEVA Partisi"). */
.hkm-ozgecmis{margin:var(--a4) 0 0; border-top:2px solid var(--murekkep)}
.hkm-satir{display:grid; grid-template-columns:176px minmax(0,1fr); gap:var(--a5);
  align-items:baseline; padding:var(--a4) 0; border-bottom:1px solid var(--cizgi)}
.hkm-satir dt{font-family:var(--mono); font-size:12px; letter-spacing:.04em;
  color:var(--mavi); font-weight:600}
.hkm-satir dd{margin:0; font-family:var(--serif); font-size:17.5px; line-height:1.55;
  color:var(--murekkep)}

.hkm-aile{margin-top:var(--a5); background:var(--yuzey2); padding:var(--a4) var(--a5);
  font-family:var(--serif); font-size:17px; line-height:1.55; color:var(--soluk);
  border-left:3px solid var(--mavi)}
.hkm-aile strong{color:var(--murekkep); font-weight:600}

@media(max-width:900px){
  .hkm-duzen{grid-template-columns:minmax(0,1fr)}
  .hkm-portre{min-height:0; aspect-ratio:4/3; border-right:none;
    border-bottom:1px solid var(--cizgi)}
  .hkm-govde{padding:var(--a5) var(--kenar) var(--a6)}
}
@media(max-width:600px){
  .hkm-satir{grid-template-columns:minmax(0,1fr); gap:4px; padding:var(--a3) 0}
  .hkm-satir dd{font-size:16px}
  .hkm-sayilar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hkm-sayi{padding:var(--a3)}
}

/* Arama sonucundaki bağlam parçası — eşleşmenin geçtiği cümle. */
.konusma-satir .parca{display:block; margin-top:5px; font-family:var(--serif);
  font-size:14.5px; line-height:1.5; color:var(--soluk); font-weight:400;
  overflow-wrap:anywhere}
.konusma-satir.parcali{align-items:start}