/* =====================================================================
   eminekmen.com.tr — tasarım sistemi
   Renkler DEVA logosundan: mavi #0068A0 (damla), gri #606068 (yazı).
   Tipografi: Archivo (başlık/arayüz) · IBM Plex Mono (etiket/veri)
              Source Serif 4 (uzun metin)
   ===================================================================== */

:root{
  --kagit:#F1F4F6;  --yuzey:#FFFFFF;  --yuzey2:#E7EDF2;
  --murekkep:#12181D; --soluk:#5D6B76; --cizgi:#CFD8DE; --cizgi2:#DCE4EA;
  --mavi:#0068A0;   --mavi-koyu:#004A73; --mavi-sis:#E2EDF4;
  --gri:#606068;    --koyu:#0C2233;
  --il-bos:#DCE4EA;
  --olcu:1440px;    --kenar:52px;
  /* Sayfanın en geniş ölçüsü. Bölümler tam genişlikte (koyu bantlar
     ekranı kessin diye) ama İÇERİK bu ölçüyü aşmasın. */
  --ic-olcu:1500px;
  --sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:'Source Serif 4',Georgia,serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--kagit); color:var(--murekkep);
  font-family:var(--sans); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:var(--mavi); text-decoration:none}
a:hover{color:var(--murekkep)}
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--mavi); outline-offset:2px;
}
h1,h2,h3,h4{margin:0; font-weight:900; letter-spacing:-.035em; line-height:.92; text-wrap:balance}
p{margin:0 0 1em}

.atla{position:absolute; left:-9999px; top:0; background:var(--murekkep); color:var(--kagit);
  padding:12px 18px; z-index:100}
.atla:focus{left:0}

.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ---------- yardımcı ---------- */
.mono{font-family:var(--mono); font-size:11px; letter-spacing:.13em; text-transform:uppercase}
.mono-mavi{color:var(--mavi)}
.serif{font-family:var(--serif)}
.sayilar{font-variant-numeric:tabular-nums}
.kap{max-width:var(--olcu); margin:0 auto; padding:0 var(--kenar)}
.izgara{display:grid; gap:24px}

/* =====================================================================
   ÜST MENÜ
   ===================================================================== */
.ust{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:14px var(--kenar); border-bottom:2px solid var(--murekkep); background:var(--kagit);
  position:sticky; top:0; z-index:50;
}
/* Ad, üst şeritte adın kendisi kadar yer kaplamalı — 30px'lik SVG menüye
   göre cılız kalıyordu. Ayrıca <img> olarak yüklenen SVG sayfanın web
   yazı tipini alamıyor, sistem fontuna düşüyordu; artık düz HTML metin. */
/* AD VE SOYAD AYNI ÖLÇÜDE. Eskiden "MEHMET EMİN" 15px gri, "EKMEN" 34px
   maviydi: iki kat fark ve renk değişimi, tek bir ismi iki ayrı nesne gibi
   gösteriyordu. Artık ikisi de aynı boyda; ayrım yalnızca AĞIRLIKTA ve
   soyadındaki marka mavisinde. Ölçü clamp ile ekrana uyar. */
.ust-logo{display:flex; flex-direction:column; gap:4px; text-decoration:none;
  line-height:1; min-width:0}
.ust-marka{display:flex; align-items:baseline; gap:.32em; flex-wrap:nowrap;
  font-family:var(--sans); font-size:clamp(16px, 1.55vw, 24px);
  text-transform:uppercase; white-space:nowrap}
.ust-ad{font-weight:500; letter-spacing:.005em; color:var(--murekkep)}
.ust-soyad{font-weight:900; letter-spacing:-.035em; color:var(--mavi)}
/* Görev satırı markanın SOL kenarına hizalı ve mobilde de görünür: kim
   olduğunu söyleyen tek satır, dar ekranda gizlenmemeli. */
.ust-gorev{font-family:var(--mono); font-size:clamp(8.5px, .72vw, 10px);
  letter-spacing:.18em; text-transform:uppercase; color:var(--soluk);
  white-space:nowrap}
.ust-logo:hover .ust-ad{color:var(--mavi)}
.ust-logo:hover .ust-soyad{color:var(--murekkep)}
@media(max-width:600px){
  .ust-marka{font-size:16px}
  .ust-gorev{letter-spacing:.12em}
}
.ust-menu{display:flex; align-items:center; gap:16px; flex-wrap:wrap}
.ust-menu a{
  font-family:var(--mono); font-size:11px; font-weight:500; letter-spacing:.05em;
  text-transform:uppercase; color:var(--soluk); padding-bottom:2px;
  border-bottom:2px solid transparent;
}
.ust-menu a:hover{color:var(--murekkep)}
.ust-menu a[aria-current]{color:var(--murekkep); border-bottom-color:var(--mavi)}
.ust-menu .no{color:var(--cizgi)}
.ust-menu a[aria-current] .no{color:var(--mavi)}
.ust-iletisim{background:var(--murekkep); color:var(--kagit) !important; padding:9px 15px !important;
  border-bottom:none !important}
.ust-iletisim:hover{background:var(--mavi)}
.ust-dugme{display:none; background:none; border:1px solid var(--murekkep); width:44px; height:44px;
  flex-direction:column; gap:4px; align-items:center; justify-content:center; cursor:pointer; padding:0}
.ust-dugme span{width:20px; height:2px; background:var(--murekkep)}

@media(max-width:1180px){
  :root{--kenar:24px}
  .ust-dugme{display:flex}
  .ust-menu{
    display:none; position:absolute; top:100%; left:0; right:0; background:var(--kagit);
    border-bottom:2px solid var(--murekkep); flex-direction:column; align-items:stretch; gap:0;
    /* flex-wrap taban kuralda "wrap"; sütun yönüyle birleşince menü İKİNCİ BİR
       SÜTUNA sarıyordu. Yatay tutulan telefonda son dört öğe ekranın sağında,
       sayfanın üstüne binmiş hâlde kalıyor, kaydırmayla da gelmiyordu. */
    flex-wrap:nowrap;
  }
  .ust-menu.acik{display:flex}
  /* Menü açılınca ekrandan taşıyordu: yatay tutulan telefonda son dört öğeye
     hiç erişilemiyordu. Kalan yükseklik kadar kaydırılır. 100dvh kullanılıyor —
     100vh mobil adres çubuğunu saymadığı için alt sıraları yine kesiyordu. */
  .ust-menu{max-height:calc(100dvh - 100%); overflow-y:auto; overscroll-behavior:contain}
  /* flex-shrink:0 şart: sütun yönlü esnek kutuda yükseklik sınırlanınca öğeler
     varsayılan olarak ezilip üst üste biniyor, menü kaydırılacağına içeriğini
     kırpıyordu (740x360'ta 490px'lik on satır 245px'e sıkışıyordu). */
  .ust-menu a{padding:14px var(--kenar); border-bottom:1px solid var(--cizgi2); font-size:13px;
    flex-shrink:0}
  .ust-iletisim{padding:14px var(--kenar) !important}
}

/* =====================================================================
   SAYFA BAŞLIĞI
   ===================================================================== */
.sayfa-basi{padding:40px var(--kenar) 20px; border-bottom:2px solid var(--murekkep)}
.sayfa-basi .etiket{font-family:var(--mono); font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--mavi)}
.sayfa-basi h1{font-size:clamp(38px,6.4vw,78px); margin-top:12px; text-transform:uppercase;
  overflow-wrap:anywhere}
.sayfa-basi .meta{font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; color:var(--soluk);
  margin-top:16px}
.sayfa-basi .ust-satir{display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  flex-wrap:wrap}

/* =====================================================================
   BUTON / ETİKET
   ===================================================================== */
.dugme{
  display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:13px 22px;
  min-height:44px;
  font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  background:var(--murekkep); color:var(--kagit); border:1.5px solid var(--murekkep); cursor:pointer;
}
.dugme:hover{background:var(--mavi); border-color:var(--mavi); color:#fff}
.dugme-bos{background:transparent; color:var(--murekkep)}
.dugme-bos:hover{background:var(--murekkep); color:var(--kagit)}
.rozet{display:inline-block; font-family:var(--mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; padding:4px 9px; background:var(--murekkep); color:var(--kagit)}
.rozet-mavi{background:var(--mavi)}
.rozet-bos{background:transparent; color:var(--mavi); border:1px solid var(--mavi)}

/* =====================================================================
   ANASAYFA
   ===================================================================== */
.hero{display:grid; grid-template-columns:2fr 1fr; border-bottom:2px solid var(--murekkep)}
.hero-metin{padding:40px var(--kenar); border-right:1px solid var(--cizgi)}
.hero-etiket{display:flex; gap:20px; flex-wrap:wrap; font-family:var(--mono); font-size:11.5px;
  letter-spacing:.13em; text-transform:uppercase; color:var(--mavi)}
.hero h1{font-size:clamp(52px,10vw,148px); margin-top:22px; text-transform:uppercase; line-height:.79}
.hero-alt{display:flex; align-items:flex-end; justify-content:space-between; gap:28px;
  margin-top:34px; flex-wrap:wrap}
.hero-alt p{font-family:var(--serif); font-size:18px; line-height:1.6; max-width:44ch; margin:0;
  color:#3B4650}
/* PORTRE: eskiden mavi zemin üzerine `mix-blend-mode:multiply` ile duotone
   uygulanıyordu; sonuç yapay, sert bir mavi maskeydi ve yüzü okunmaz
   kılıyordu. Klasik gazete portresine dönüldü: siyah-beyaz, hafif kontrast,
   altta yalnızca künyenin okunması için koyu bir geçiş. Mavi vurgu olarak
   üstteki ince kuralda kalır. */
.hero-gorsel{position:relative; background:var(--yuzey2); min-height:520px; overflow:hidden;
  border-top:3px solid var(--mavi)}
.hero-gorsel img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center 12%; filter:grayscale(1) contrast(1.06) brightness(1.02)}
.hero-gorsel::after{content:""; position:absolute; left:0; right:0; bottom:0; height:46%;
  background:linear-gradient(to bottom, rgba(12,34,51,0) 0%, rgba(12,34,51,.82) 72%, rgba(12,34,51,.95) 100%);
  pointer-events:none}
.hero-son{position:absolute; left:0; right:0; bottom:0; color:var(--kagit);
  padding:13px 20px; z-index:1}
.hero-son .mono{color:#67B4DC}
.hero-son a{color:var(--kagit); font-size:14.5px; font-weight:500; line-height:1.35; display:block;
  margin-top:5px}
.hero-son a:hover{color:#67B4DC}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-metin{border-right:none; border-bottom:1px solid var(--cizgi)}
  .hero-gorsel{min-height:340px}
}

.sayi-serit{display:grid; grid-template-columns:repeat(var(--sutun,6),minmax(0,1fr)); border-bottom:2px solid var(--murekkep)}
.sayi-kutu{padding:22px 26px 20px; border-right:1px solid var(--cizgi2); border-bottom:1px solid var(--cizgi2)}
.sayi-kutu:first-child{padding-left:var(--kenar)}
.sayi-kutu:last-child{border-right:none}
.sayi-kutu .n{font-size:clamp(28px,3.2vw,44px); font-weight:900; letter-spacing:-.04em; line-height:.92;
  font-variant-numeric:tabular-nums}
.sayi-kutu .ad{font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--soluk); margin-top:5px}
@media(max-width:1180px){.sayi-serit{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sayi-kutu:nth-child(3n){border-right:none}}
@media(max-width:600px){.sayi-serit{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sayi-kutu{padding:16px var(--kenar)}
  .sayi-kutu:nth-child(3n){border-right:1px solid var(--cizgi2)}
  .sayi-kutu:nth-child(2n){border-right:none}}

/* --- meclis bandı --- */
.meclis-bant{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  background:var(--koyu); color:var(--kagit); border-bottom:2px solid var(--murekkep)}
/* minmax(0,..) ŞART: çıplak `fr` alt sınırı `auto`dur, yani sütun kendi
   min-content'inden küçülmez. Yan boşluk `--kenar` geniş ekranda 530px'e
   çıkınca 5fr/7fr payı yetmiyor, sütun payını aşıyor ve sayfa 226px
   yatay kayıyordu (2560px'te ölçüldü). min-width:0 aynı kilidi açar. */
.meclis-bant .sol{padding:38px var(--kenar) 34px; min-width:0}
.meclis-bant .sag{padding:38px var(--kenar) 34px; min-width:0; display:flex; flex-direction:column;
  justify-content:center; gap:20px}
.meclis-bant h2{font-size:clamp(34px,5vw,58px); text-transform:uppercase; margin-top:14px}
.meclis-bant p{font-family:var(--serif); font-size:17px; line-height:1.6; color:#9DB0BE; max-width:42ch}
.meclis-bant strong{color:var(--kagit)}
.meclis-oran{display:flex; align-items:baseline; gap:12px; margin-top:20px}
.meclis-oran .n{font-size:clamp(48px,7vw,76px); font-weight:900; letter-spacing:-.05em; line-height:1;
  color:#4FA9D6}
/* 5 istatistik: bölümün konusu olan "Yazılı soru önergesi" (ilk kutu) tam
   genişlikte ÖNE ÇIKAR — sayı solda büyük, etiket sağda; altında kalan 4
   ölçüm temiz 2×2 ızgara. Böylece ne boş göz ne de ölü alan kalır. */
.meclis-kutular{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#22384A}
.meclis-kutular div{background:var(--koyu); padding:18px 20px}
.meclis-kutular .n{font-size:32px; font-weight:900; letter-spacing:-.04em; line-height:.92;
  color:var(--kagit)}
.meclis-kutular .ad{font-size:12.5px; font-weight:600; color:#9DB0BE; margin-top:5px; line-height:1.3}
.meclis-kutular > .one-cikan{grid-column:1 / -1; display:flex; align-items:baseline; gap:18px}
.meclis-kutular > .one-cikan .n{font-size:clamp(46px,6vw,64px); line-height:.9; color:#4FA9D6}
.meclis-kutular > .one-cikan .ad{margin-top:0; font-size:14px; align-self:center}
.durum-cubuk{display:flex; height:14px; width:100%}
.durum-cubuk span{display:block}
@media(max-width:900px){.meclis-bant{grid-template-columns:minmax(0,1fr)}
  .meclis-kutular{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================================
   İÇERİK LİSTELERİ
   ===================================================================== */
.bolum{padding:40px var(--kenar) 0}
.bolum-basi{display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  border-bottom:2px solid var(--murekkep); padding-bottom:13px; flex-wrap:wrap}
.bolum-basi h2{font-size:clamp(30px,4.6vw,56px); text-transform:uppercase}

.satir-liste{display:flex; flex-direction:column}
.satir{display:grid; grid-template-columns:52px 104px minmax(0,1fr) auto;
  gap:18px; align-items:center; padding:20px 0; border-bottom:1px solid var(--cizgi)}
.satir:hover{background:var(--yuzey2)}
.satir .no{font-family:var(--mono); font-size:12px; color:#616E78}
.satir .tarih{font-family:var(--mono); font-size:11.5px; color:var(--soluk); white-space:nowrap}
.satir .baslik{font-size:clamp(17px,2vw,24px); font-weight:600; line-height:1.24;
  letter-spacing:-.015em; color:var(--murekkep); overflow-wrap:anywhere}
.satir .etiket{font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--mavi); text-align:right}
@media(max-width:900px){
  .satir{grid-template-columns:minmax(0,1fr); gap:6px; padding:16px 0}
  .satir .no{display:none}
  .satir .etiket{text-align:left}
}

.kart-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:28px;
  margin-top:24px}
.kart{display:flex; flex-direction:column; background:var(--yuzey); border:1px solid var(--cizgi)}
.kart-gorsel{aspect-ratio:16/10; overflow:hidden; background:var(--yuzey2); position:relative; display:flex; align-items:center; justify-content:center}
.kart-gorsel img{width:100%; height:100%; object-fit:cover}
.kart-govde{padding:14px 16px 18px; display:flex; flex-direction:column; gap:8px; flex-grow:1}
.kart-meta{display:flex; gap:10px; font-family:var(--mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--soluk); flex-wrap:wrap}
.kart-meta .mavi{color:var(--mavi)}
.kart h3{font-size:17px; font-weight:600; line-height:1.3; letter-spacing:-.012em; overflow-wrap:anywhere}

/* =====================================================================
   OKUMA SAYFASI
   ===================================================================== */
.okuma{display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:0}
.okuma-ana{padding:22px 40px 0 var(--kenar); border-right:1px solid var(--cizgi); min-width:0}
.okuma-yan{padding:22px var(--kenar) 0 30px}
.kirinti{font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--soluk); padding:18px var(--kenar) 0}
.kirinti a{color:var(--soluk)}
.okuma h1{font-size:clamp(30px,4.4vw,58px); line-height:.98; margin-top:18px}
.okuma-meta{display:flex; gap:12px; align-items:center; font-family:var(--mono); font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--soluk); flex-wrap:wrap}
.okuma-kapak{margin-top:26px; background:var(--yuzey2)}
/* Gövde metni yayıncıdan geldiği gibi duruyor: 78 kayıtta kırılmayan çıplak URL,
   14 kayıtta width="560" yazan YouTube iframe'i var. İkisi de 390px'te sayfayı
   yatay kaydırıyordu (ölçülen: haber detayında 194px). anywhere uzun adresi
   kırar; iframe kuralı sabit genişliği ezip 16/9 oranına oturtur. */
.okuma-govde{font-family:var(--serif); font-size:19px; line-height:1.72; color:#18212A; margin-top:28px;
  overflow-wrap:anywhere}
.okuma-govde > *{max-width:100%}
.okuma-govde iframe{width:100%; max-width:100%; aspect-ratio:16/9; height:auto; border:0;
  display:block; margin:26px 0}
/* Tablo ve <pre> kırılamaz; kendi kutusunda kaysınlar, sayfayı kaydırmasınlar. */
.okuma-govde table,.okuma-govde pre{display:block; max-width:100%; overflow-x:auto}
.okuma-govde p{margin:0 0 20px}
.okuma-govde h2,.okuma-govde h3{font-family:var(--sans); letter-spacing:-.02em; margin:32px 0 12px}
.okuma-govde h2{font-size:28px} .okuma-govde h3{font-size:22px}
.okuma-govde img{margin:26px 0; background:var(--yuzey2)}
/* Interpress'ten gelen çok parçalı kupürün sonraki parçaları (kapağın altında). */
.okuma-govde figure.kupur-parca{margin:26px 0 0}
.okuma-govde figure.kupur-parca img{display:block; width:100%; height:auto; margin:0}
.okuma-govde blockquote{border-left:3px solid var(--mavi); margin:28px 0; padding:2px 0 2px 22px;
  font-size:25px; font-weight:600; line-height:1.38; letter-spacing:-.015em; color:var(--murekkep)}
.okuma-govde a{text-decoration:underline; text-underline-offset:3px}
.okuma-govde ul,.okuma-govde ol{padding-left:24px; margin:0 0 20px}
.okuma-govde li{margin-bottom:8px}

.komsu{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--cizgi);
  border-top:2px solid var(--murekkep); margin-top:34px}
.komsu a{background:var(--kagit); padding:20px 0; display:block}
.komsu a:last-child{text-align:right}
.komsu .yon{font-family:var(--mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk)}
.komsu .b{font-size:16px; font-weight:600; line-height:1.3; margin-top:7px; color:var(--murekkep);
  overflow-wrap:anywhere}

.yan-kutu{border:2px solid var(--murekkep); padding:20px; margin-bottom:24px}
.yan-kutu .b{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--mavi)}
.yan-liste{border-top:2px solid var(--murekkep); padding-top:4px; margin-bottom:26px}
.yan-liste:last-child{margin-bottom:0}
/* Kapaklı satır: küçük görsel + metin. Görseli olmayan kayıtta ızgara
   tek sütuna iner, boş kutu bırakmaz. */
.yan-liste a{display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:12px;
  padding:14px 0; border-bottom:1px solid var(--cizgi)}
.yan-liste a:has(.m:only-child){grid-template-columns:minmax(0,1fr)}
.yan-liste .g{display:block; width:76px}
.yan-liste .g img{width:76px; height:56px; object-fit:cover; display:block}
.yan-liste .m{display:block; min-width:0}
.yan-liste .t{display:block; font-family:var(--mono); font-size:10.5px; color:var(--soluk)}
.yan-liste .b{display:block; font-size:15px; font-weight:600; line-height:1.3; margin-top:4px;
  color:var(--murekkep); overflow-wrap:anywhere}
.yan-liste a:hover .b{color:var(--mavi)}
/* .okuma'nın daraltması 900px'e taşındı; .ikili-* bloğuyla aynı yerde
   (site.css sonundaki DUYARLI IZGARA bölümü). 901-980px'te iki kuralın
   çakışıp yarım daralmış düzen üretmesi böyle bitti. */

/* =====================================================================
   FİLTRE ÇUBUĞU
   ===================================================================== */
.filtre{padding:20px var(--kenar); background:var(--yuzey2); border-bottom:1px solid var(--cizgi);
  display:flex; flex-direction:column; gap:14px}
.filtre-satir{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.arama{flex-grow:1; min-width:280px; display:flex; align-items:center; gap:11px; background:var(--yuzey);
  border:1.5px solid var(--murekkep); padding:2px 16px}
.arama input{border:0; background:none; font:inherit; font-size:15px; width:100%; color:var(--murekkep);
  min-height:44px; padding:0}
.arama input::placeholder{color:#616E78}
/* 17x17'lik ikon dokunma hedefi olarak çok küçüktü. Negatif kenar boşluğu
   alanı 44x44'e büyütürken görsel hizayı olduğu yerde tutar. */
.arama button{border:0; background:none; cursor:pointer; padding:0;
  display:flex; align-items:center; justify-content:center;
  width:44px; height:44px; margin:0 -10px 0 0; flex-shrink:0}
/* nowrap, uzun TBMM durum etiketlerini tek satırda 381px'e şişirip
   /soru-onergeleri sayfasını 390px'te kaydırıyordu. Artık kırılabilir.
   Yükseklik padding yerine min-height ile 44px'e çıkarıldı ki çip
   genişlikleri — dolayısıyla filtre satırının dizilişi — değişmesin. */
.cip{font-family:var(--mono); font-size:11px; letter-spacing:.05em; padding:9px 14px;
  border:1px solid var(--cizgi); color:var(--soluk); background:var(--yuzey);
  min-height:44px; display:inline-flex; align-items:center;
  max-width:100%; overflow-wrap:anywhere}
.cip:hover{border-color:var(--murekkep); color:var(--murekkep)}
.cip[aria-pressed="true"],.cip.aktif{background:var(--murekkep); color:var(--kagit);
  border-color:var(--murekkep)}
.filtre-ad{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--soluk)}

/* =====================================================================
   KUPÜR DUVARI (basın arşivi)
   ===================================================================== */
.kupur-duvar{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr)); gap:20px;
  padding:26px var(--kenar) 0}
.kupur{display:flex; flex-direction:column; background:var(--yuzey); border:1px solid var(--cizgi)}
.kupur:hover{border-color:var(--murekkep)}
.kupur-gorsel{height:230px; overflow:hidden; background:var(--yuzey2); position:relative;
  border-bottom:1px solid var(--cizgi)}
.kupur-gorsel img{width:100%; height:100%; object-fit:cover; object-position:top center}
.kupur-kaynak{position:absolute; top:9px; right:9px; background:var(--koyu); color:var(--kagit);
  font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; padding:4px 8px}
.kupur figcaption{padding:13px 15px 15px; display:flex; flex-direction:column; gap:6px}
.kupur .t{font-family:var(--mono); font-size:10.5px; letter-spacing:.05em; color:var(--soluk)}
.kupur .b{font-size:14.5px; font-weight:600; line-height:1.3; letter-spacing:-.008em;
  color:var(--murekkep); overflow-wrap:anywhere}

.zaman-cizgi{padding:18px var(--kenar); border-bottom:1px solid var(--cizgi);
  display:flex; align-items:flex-end; gap:24px; flex-wrap:wrap}
.zaman-cubuklar{display:flex; align-items:flex-end; gap:4px; flex-grow:1; min-width:280px}
.zaman-cubuk{display:flex; flex-direction:column; align-items:center; gap:5px; flex-grow:1;
  min-width:0; background:none; border:0; padding:0; cursor:pointer}
.zaman-cubuk .n{font-family:var(--mono); font-size:9.5px; color:var(--soluk);
  font-variant-numeric:tabular-nums}
.zaman-cubuk .c{width:100%; height:70px; display:flex; align-items:flex-end}
.zaman-cubuk .c i{width:100%; background:var(--gri); display:block}
.zaman-cubuk:hover .c i,.zaman-cubuk.aktif .c i{background:var(--mavi)}
.zaman-cubuk .y{font-family:var(--mono); font-size:9.5px; color:var(--soluk)}

/* =====================================================================
   SAHA HARİTASI
   ===================================================================== */
.harita-sayfa{display:grid; grid-template-columns:minmax(0,9fr) minmax(0,3fr)}
.harita-kutu{padding:24px 30px; border-right:1px solid var(--cizgi); min-width:0}
.harita-kutu svg{width:100%; height:auto; display:block}
.harita-kutu path{stroke:var(--kagit); stroke-width:.8; stroke-linejoin:round; cursor:pointer;
  transition:fill .18s}
.harita-kutu path.secili{fill:var(--mavi) !important; stroke:var(--murekkep); stroke-width:1.4}
.harita-yan{padding:24px var(--kenar) 24px 26px}
.harita-olcek{display:flex; align-items:center; gap:10px; margin-top:14px}
.harita-olcek .band{width:150px; height:6px;
  background:linear-gradient(90deg,#D6DDE4 0%,var(--mavi) 62%,#00374F 100%)}
.il-panel .ad{font-size:40px; font-weight:900; letter-spacing:-.04em; text-transform:uppercase;
  margin-top:10px}
.il-panel .adet{font-size:34px; font-weight:900; color:var(--mavi); letter-spacing:-.03em}
@media(max-width:900px){
  .harita-sayfa{grid-template-columns:minmax(0,1fr)}
  .harita-kutu{border-right:none; border-bottom:1px solid var(--cizgi)}
  .harita-yan{padding-left:var(--kenar)}
}

/* =====================================================================
   SAYFALAMA
   ===================================================================== */
.sayfalama{display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:28px var(--kenar) 0; flex-wrap:wrap}
.sayfalama .bilgi{font-family:var(--mono); font-size:11.5px; color:var(--soluk)}
.sayfalama nav{display:flex; gap:8px; flex-wrap:wrap}
.sayfalama a,.sayfalama span{font-family:var(--mono); font-size:12px; padding:9px 13px;
  border:1px solid var(--cizgi); color:var(--soluk)}
/* Sayfa numaraları 30x36'ydı; parmakla ıskalanıyordu. Yalnızca nav içindekiler
   büyür — kayıt sayısını yazan .bilgi etiketi tıklanmıyor, olduğu gibi kalsın. */
.sayfalama nav a,.sayfalama nav span{padding:12px 15px; min-width:44px; min-height:44px;
  display:inline-flex; align-items:center; justify-content:center}
.sayfalama a:hover{border-color:var(--murekkep); color:var(--murekkep)}
.sayfalama [aria-current]{background:var(--murekkep); color:var(--kagit); border-color:var(--murekkep)}

/* =====================================================================
   FORM
   ===================================================================== */
.alan{display:flex; flex-direction:column; gap:7px; margin-bottom:18px}
.alan label{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--soluk)}
.alan input,.alan textarea,.alan select{
  border:1.5px solid var(--murekkep); background:var(--yuzey); padding:13px 15px;
  font:inherit; font-size:15px; color:var(--murekkep); width:100%;
}
.alan textarea{min-height:170px; resize:vertical}
.uyari{background:var(--mavi-sis); border-left:3px solid var(--mavi); padding:14px 18px; margin-bottom:20px}
.uyari-hata{background:#FDECEA; border-left-color:#B3271E}

/* =====================================================================
   ALT
   ===================================================================== */
.alt{margin-top:56px; background:var(--koyu); color:var(--kagit)}
.alt-ic{padding:44px var(--kenar) 26px; display:flex; align-items:flex-end;
  justify-content:space-between; gap:36px; flex-wrap:wrap}
.alt-imza{font-size:clamp(52px,8vw,96px); font-weight:900; letter-spacing:-.055em; line-height:.78;
  text-transform:uppercase}
.alt-sutunlar{display:flex; gap:44px; flex-wrap:wrap}
.alt-sutunlar div{display:flex; flex-direction:column; gap:8px}
.alt-baslik{font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  color:#8095A6}
.alt-sutunlar a{font-size:13px; color:#9DB0BE}
.alt-sutunlar a:hover{color:var(--kagit)}
.alt-sosyal{flex-direction:row !important; flex-wrap:wrap; gap:8px 13px !important; font-size:12.5px}
.alt-sosyal a{white-space:nowrap}
.alt-son{padding:16px var(--kenar) 24px; border-top:1px solid #193347; display:flex;
  justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-family:var(--mono); font-size:11px; letter-spacing:.05em; color:#8095A6}
.alt-son a{color:#8095A6}

@media(prefers-reduced-motion:reduce){*{animation:none !important; transition:none !important}}

/* =====================================================================
   VİDEO
   ===================================================================== */
.video-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:26px}
.video-kart{display:flex; flex-direction:column; background:var(--yuzey); border:1px solid var(--cizgi);
  color:var(--murekkep)}
.video-kart h3{color:var(--murekkep)}
.video-kart:hover h3{color:var(--mavi)}
.video-kart:hover{border-color:var(--murekkep)}
.video-kapak{position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--koyu);
  border-bottom:1px solid var(--cizgi)}
.video-kapak img{width:100%; height:100%; object-fit:cover}
.video-sure{position:absolute; right:8px; bottom:8px; background:rgba(12,34,51,.9); color:var(--kagit);
  font-family:var(--mono); font-size:11px; padding:3px 7px; font-variant-numeric:tabular-nums}
.video-kisa{background:var(--mavi)}
.video-oynat{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .18s; background:rgba(12,34,51,.35)}
.video-kart:hover .video-oynat{opacity:1}
.video-govde{padding:13px 15px 16px; display:flex; flex-direction:column; gap:8px; flex-grow:1}
.video-govde h3{font-size:16px; font-weight:600; line-height:1.32; letter-spacing:-.01em}
.video-meta{display:flex; gap:10px; flex-wrap:wrap; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.06em; color:var(--soluk); margin-top:auto}
.video-meta .mavi{color:var(--mavi)}
.video-oynatici{position:relative; aspect-ratio:16/9; background:var(--koyu); margin-top:18px}
.video-oynatici iframe{position:absolute; inset:0; width:100%; height:100%; border:0}

/* =====================================================================
   DUYARLI IZGARA YARDIMCILARI
   Şablonlarda `style="grid-template-columns:…"` yazıldığında satır içi stil
   medya sorgusunu eziyor ve sayfa mobilde masaüstü düzeninde sıkışıp
   kalıyordu. Bu sınıflar aynı işi yapar ama kırılma noktasına uyar.
   ===================================================================== */
.iki-sutun{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px}
.ikili-5-7{display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.ikili-7-5{display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ikili-3-9{display:grid; grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.esnek-kart{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:14px}
.esnek-genis{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:38px}
@media(max-width:900px){
  .iki-sutun,.ikili-5-7,.ikili-7-5,.ikili-3-9,.okuma{grid-template-columns:minmax(0,1fr)}
  .ikili-5-7 > *,.ikili-7-5 > *,.ikili-3-9 > *{border-right:none !important}
  .okuma-ana{border-right:none; padding-right:var(--kenar)}
  .okuma-yan{padding-left:var(--kenar); padding-top:34px}
}

/* Satır içi `grid-template-columns` taşıyan öğeler dar ekranda tek sütuna
   düşsün. Satır içi stil normalde medya sorgusunu yendiği için burada
   `!important` gerekiyor — kuralın tek meşru kullanımı bu. */
@media(max-width:900px){
  .satir[style*="grid-template-columns"],
  .zaman-satir[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important; gap:6px !important}
  .satir[style*="grid-template-columns"] .no{display:none}
  .ozgecmis-satir{grid-template-columns:minmax(0,1fr) !important; gap:4px !important}
}
.harita-kutu path:focus-visible{outline:3px solid var(--murekkep); outline-offset:2px}

/* =====================================================================
   YATAY ŞERİT
   Anasayfada on kaydı üç ekran uzatmadan göstermek için. Kaydırma
   çubuğu gizli değil — yalnızca inceltilmiş; kaydırılabilir olduğu
   kenardaki solma ve oklarla belli oluyor.
   ===================================================================== */
.serit-sarmal{position:relative; margin-top:24px}
.serit{
  display:grid; grid-auto-flow:column; grid-auto-columns:var(--serit-kart, 300px);
  gap:20px; overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x proximity; scroll-padding-left:var(--kenar);
  padding:2px var(--kenar) 18px;
  /* Negatif kenar boşluğu `--kenar`ın TAMAMI olmak ZORUNDA: böylece şeridin
     kutusu tam görünür alan kadar olur (parent içi + 2×kenar = 100vw) ve
     soldaki `padding:var(--kenar)` ilk kartı sayfa ızgarasıyla hizalar.
     Bir kez `max(..., -52px)` ile kelepçelenmişti: kutu 52px geri gelirken
     padding 530px kaldığı için ilk kart 478px sağa kayıyor, videolar /
     haberler / basında şeritleri ekranın ortasından başlıyordu. Sayfayı
     yatayda kaydıran bu şerit değil, `.meclis-bant`ın `fr` sütunlarıydı. */
  margin:0 calc(var(--kenar) * -1);
  scrollbar-width:thin; scrollbar-color:var(--cizgi) transparent;
}
.serit::-webkit-scrollbar{height:6px}
.serit::-webkit-scrollbar-thumb{background:var(--cizgi)}
.serit::-webkit-scrollbar-track{background:transparent}
.serit:focus-visible{outline:2px solid var(--mavi); outline-offset:-2px}
.serit-oge{scroll-snap-align:start; min-width:0; display:flex}
.serit-oge > *{width:100%}

.serit-ok{
  position:absolute; top:calc(50% - 30px); transform:translateY(-50%);
  width:44px; height:44px; display:none; align-items:center; justify-content:center;
  background:var(--murekkep); color:var(--kagit); border:none; cursor:pointer;
  z-index:2; transition:background .15s ease;
}
.serit-ok:hover{background:var(--mavi)}
.serit-ok:focus-visible{outline:2px solid var(--mavi); outline-offset:3px}
.serit-ok[hidden]{display:none}
.serit-ok-sol{left:-22px}
.serit-ok-sag{right:-22px}
/* Oklar yalnızca imleçli, geniş ekranlarda. Dokunmatikte parmak yeter. */
@media (hover:hover) and (min-width:900px){
  .serit-ok:not([hidden]){display:flex}
}
@media(max-width:600px){
  .serit{gap:14px; grid-auto-columns:min(78vw, var(--serit-kart, 300px))}
}
@media(prefers-reduced-motion:reduce){ .serit{scroll-behavior:auto} }


/* =====================================================================
   MOBİL: DOKUNMA HEDEFLERİ VE DİZGİ
   Kırılma noktaları üçe indirildi: 600 / 900 / 1180.
   ===================================================================== */

/* Yıl çubukları dar ekranda 35x39'a düşüyordu; parmak ucu 44px ister.
   Ama /basin-arsivi'nde dokuz yıl var: 9x44 + boşluklar 342px'lik gövdeye
   sığmıyor, çubuklara min-width vermek sayfayı 95px kaydırıyordu (ölçüldü).
   Bu yüzden şeridin kendisi kayar; çubuk 44px'in altına inmez, yer varsa
   (meclis sayfasında dört yıl) yayılıp şeridi doldurur. */
@media(max-width:900px){
  .zaman-cubuklar{gap:8px; overflow-x:auto; overscroll-behavior-x:contain;
    scrollbar-width:thin; scrollbar-color:var(--cizgi) transparent; padding-bottom:4px}
  .zaman-cubuk{flex:1 0 44px; min-height:44px; padding:2px 0}
  .zaman-cubuk .c{height:54px}
}

/* =====================================================================
   YASAMA SATIRI
   teklifler.php iki yerde satır içi `style="display:grid; …"` taşıyordu;
   satır içi stil medya sorgusunu ezdiği için site.css'te `[style*=…]`
   seçicili bir `!important` yaması gerekiyordu. Sınıfa çevrildi, yama silindi.
   ===================================================================== */
.teklif-satir{display:grid; grid-template-columns:92px minmax(0,1fr) 104px; gap:20px;
  align-items:center; padding:18px 0; border-bottom:1px solid var(--cizgi)}
.teklif-satir .b{font-size:clamp(16px,1.6vw,18px); font-weight:600; line-height:1.32;
  color:var(--murekkep); overflow-wrap:anywhere}
.teklif-satir .t{text-align:right}
/* İkincil liste (imzası bulunan) aynı ızgarayı daha sakin dizgiyle kullanır. */
.teklif-satir-ikincil{padding:13px 0}
.teklif-satir-ikincil .b{font-size:clamp(14px,1.4vw,15px); font-weight:500; line-height:1.35; color:#44515B}
@media(max-width:900px){
  /* Tek sütuna inince tarih sağa yaslı kalırsa satırın altında yalnız başına
     asılı duruyordu; sola alınıp esas no ile aynı hizaya geliyor. */
  .teklif-satir{grid-template-columns:minmax(0,1fr); gap:5px; min-height:44px; align-content:center}
  .teklif-satir .t{text-align:left}
}

/* Teklif listesinin sağ sütunu satır içi `padding:14px 46px 0 34px` taşıyordu;
   dar ekranda sayfanın geri kalanının --kenar boşluğuyla hizalanmıyordu. */
.teklif-liste{padding:14px 46px 0 34px}
@media(max-width:900px){ .teklif-liste{padding:14px var(--kenar) 0} }

/* Yıl ayracı — teklifler.php'de satır içi 32px/26px yazıyordu. */
.yil-ayrac{display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  border-bottom:2px solid var(--murekkep); padding-bottom:10px}
.yil-ayrac .y{font-size:clamp(24px,3.4vw,32px); font-weight:900; letter-spacing:-.035em}
.yil-ayrac .y-kucuk{font-size:clamp(20px,2.8vw,26px); font-weight:900; letter-spacing:-.03em}

/* Sayı kutusu — meclis.php'de satır içi 40px yazıyordu, dar ekranda
   iki haneli sayıların yanındaki etiketi kırıyordu. */
.sayi-kart{background:var(--yuzey); border:1px solid var(--cizgi); padding:20px 22px;
  display:flex; flex-direction:column; gap:4px; min-height:44px}
.sayi-kart .n{font-size:clamp(30px,4.4vw,40px); font-weight:900; letter-spacing:-.04em; line-height:.92}
.sayi-kart .n-mavi{color:var(--mavi)}
.sayi-kart .ad{font-size:14px; font-weight:600; line-height:1.3; color:var(--murekkep);
  overflow-wrap:anywhere}
.oran-n{font-size:clamp(38px,6vw,52px); font-weight:900; letter-spacing:-.045em; line-height:1}

/* Yasama listesi bağlantıları (durum dökümü) 292x21'di. */
.durum-dokum a{display:flex; align-items:center; gap:9px; font-size:13.5px; color:#44515B;
  min-height:44px}
.durum-dokum a span{flex-grow:1; overflow-wrap:anywhere}

/* İletişim yan sütunundaki sosyal bağlantılar zaten 44px'e yakındı;
   eşiği garantiye alır. */
.iletisim-baglanti{display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:14px 0; border-bottom:1px solid var(--cizgi); min-height:44px; flex-wrap:wrap}
.iletisim-baglanti .u{overflow-wrap:anywhere}

/* Gezinme bağlantıları 14-22px yükseklikteydi; parmakla ıskalanıyordu.
   min-height satırı yükseltir, yazı boyutuna ve hizaya dokunmaz. */
.ust-logo{min-height:44px; align-content:center}
.kirinti a{display:inline-flex; align-items:center; min-height:44px}
/* a.mono her yerde tek başına duran "tümünü gör" bağlantısı (11 kullanım,
   hiçbiri paragraf içi değil), dolayısıyla satırı yükseltmek metni bozmuyor.
   min-height ayrıca satır içi stille display'i ezilmiş olanları da yakalar. */
.bolum-basi a,a.mono,.hero-son a{display:inline-flex; align-items:center; min-height:44px}

/* =====================================================================
   TBMM DETAY SAYFALARI
   Teklif/önerge/konuşma detayları bomboş açılıyordu — bütün alanlar NULL'dı.
   Bot artık dolduruyor; bu kurallar o alanları taşır.
   ===================================================================== */
.kunye{margin-top:30px; border-top:2px solid var(--murekkep)}
.kunye-satir{display:grid; grid-template-columns:minmax(0,180px) minmax(0,1fr); gap:18px;
  padding:12px 0; border-bottom:1px solid var(--cizgi)}
.kunye-satir .mono{color:var(--soluk); padding-top:2px}
.kunye-satir .deger{font-size:16px; font-weight:600; line-height:1.4; overflow-wrap:anywhere}

/* Cevap gecikmesi şeridi — sitenin en güçlü verisi, o yüzden koyu yüzeyde.
   286 önergenin 218'i cevaplanmış, medyanı 78 gün, %99'u yasal 15 günü aşmış. */
.cevap-serit{margin-top:26px; background:var(--koyu); color:var(--kagit); padding:24px 26px;
  display:grid; grid-template-columns:minmax(0,auto) minmax(0,1fr); gap:26px; align-items:center}
.cevap-serit .n{font-size:clamp(46px,7vw,72px); font-weight:900; letter-spacing:-.05em; line-height:.9;
  font-variant-numeric:tabular-nums}
.cevap-serit .n.gecikmis{color:var(--kagit)}
.cevap-serit .n.suresinde{color:#67B4DC}
.cevap-serit .mono{color:#9DB0BE; margin-top:6px}
.cevap-serit p{font-family:var(--serif); font-size:17px; line-height:1.6; color:#9DB0BE; margin:0}
.cevap-serit strong{color:var(--kagit)}

/* Konuşma tam metni: ortalama 4.154 karakter — uzun okuma tipografisi. */
.konusma-metin{max-width:68ch}
.konusma-metin p{margin:0 0 22px; overflow-wrap:anywhere}
.konusma-metin p:first-child{font-size:21px; line-height:1.62}

@media (max-width:700px){
  .kunye-satir{grid-template-columns:minmax(0,1fr); gap:4px}
  .cevap-serit{grid-template-columns:minmax(0,1fr); gap:16px}
}

/* ---------------------------------------------------------------------
   ALT BİLGİ DOKUNMA HEDEFLERİ
   Sitenin geri kalanı 44px'e çıkarıldı ama alt bilgideki 18 bağlantı
   20px ve 14px yükseklikte kaldı (menü sütunları, sosyal hesaplar,
   yasal bağlantılar). Alt bilgide 44px satırlar sütunu gereksiz uzatır;
   burada geçerli eşik WCAG 2.5.8'in 24 pikselidir, parmakla kullanılan
   ekranlarda 44'e çıkar.
   --------------------------------------------------------------------- */
.alt a{display:inline-flex; align-items:center; min-height:24px; min-width:24px;
  justify-content:flex-start}
@media (pointer:coarse){ .alt a{min-height:44px} }

/* Onay kutusu/etiket satırları ve harita yan sütunundaki il bağlantıları
   da aynı eşiğin altındaydı. */
.yer a{display:inline-flex; align-items:center; min-height:24px}
label > input[type=checkbox],label > input[type=radio]{min-width:24px; min-height:24px}
.iletisim-form label{min-height:24px}

/* =====================================================================
   GENİŞ EKRAN
   `--olcu:1440px` tanımlıydı ama hiçbir yerde kullanılmıyordu: 2560px'lik
   bir ekranda gövde 2560px'e yayılıyor, manşet görseli 1628x916'ya
   çıkıyor, üç sütunluk bloklar altıya bölünüyordu (ölçüldü).
   Çözüm tek değişkende: geniş ekranda kenar boşluğu büyür, içerik
   ortalanır — koyu bantlar yine ekranı baştan başa keser.
   ===================================================================== */
@media (min-width: 1620px){
  :root{ --kenar: calc((100vw - var(--ic-olcu)) / 2); }
}

/* Bu bloklar tam genişlikte ama İÇLERİ `--kenar` ile sınırlanmıyor:
   ya tek bir çocuğunda dolgu var (sayı şeritlerinde yalnızca ilk kutu),
   ya da bir sütunu görsel olduğu için hiç dolgu almıyor (hero, kürsü).
   2560px'te hero fotoğrafı 853px'e, sayı şeridi altı kutuya yayılıyordu. */
/* DİKKAT — YÜKLEME SIRASI: liste.css ve harita.css bu dosyadan SONRA
   yükleniyor. Onların sınıflarını buradan ezmeye çalışmak işe yaramaz;
   her dosyanın geniş ekran düzeltmesi KENDİ dosyasında durur.
   Burada yalnızca site.css'in kendi sınıfları var. */
@media (min-width: 1620px){
  .hero,.sayi-serit{max-width:var(--ic-olcu); margin-left:auto; margin-right:auto}
  /* ŞERİT GENİŞ EKRANDA TAŞMAZ. Dar ekranda kartların ekran kenarına kadar
     akması doğru; ama 1500px'lik sütunun yanında 530px'lik boş kenar varken
     kartların oraya kayması hata gibi duruyor — kaydırma, okunan alanın
     dışına çıkıyordu. Bu genişlikten sonra şerit sütunun içinde kalır. */
  .serit{margin-left:0; margin-right:0; padding-left:0; padding-right:0;
    scroll-padding-left:0}

  /* Bandın dış payı sayfa ızgarasıyla hizalı kalır, İÇ oluk normale döner. */
  .meclis-bant .sol{padding-right:var(--a6)}
  .meclis-bant .sag{padding-left:var(--a6)}
  .hero-metin{padding-left:0; padding-right:var(--a6)}
  .sayi-kutu:first-child{padding-left:22px}
}

/* Üst banttaki parti adı: görev satırının içinde ama vurgulu. */
.ust-parti{color:var(--mavi); font-weight:600}

/* DOKUNMA HEDEFİ ASGARİSİ (WCAG 2.5.8, 24px).
   Denetimde iki yerde 17px yüksekliğinde bağlantı çıktı: yan sütundaki konu
   bağı ve TBMM detayındaki künye değeri. Metin satırı oldukları için
   yükseklikleri yazı boyuna eşitti; tıklama alanı yazının kendisi kadardı. */
@media (pointer: coarse) {
  a.yan-konu,
  .yan-liste a { min-height: 24px }
  /* Künye değeri içindeki bağlantı satır içi metindi; yüksekliği yazı boyu
     kadardı (17px). inline-flex olmadan min-height işlemez. */
  .kunye dd.deger a { display: inline-flex; align-items: center; min-height: 24px }
}

/* ============ GALERİ ============ */
/* Video kartı oynat rozeti (galeri + video kartları) */
.kart-gorsel .kart-oynat{position:absolute; inset:0; margin:auto; width:54px; height:54px; border-radius:50%;
  background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; pointer-events:none;
  transition:background .2s ease, transform .2s ease}
.kart-gorsel .kart-oynat svg{margin-left:3px}
.kart:hover .kart-oynat{background:var(--mavi); transform:scale(1.08)}

/* Albüm detayı — düzgün kare ızgara + lightbox */
.galeri-izgara{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr)); gap:12px;
  padding:24px var(--kenar) 0}
.galeri-foto{display:block; position:relative; aspect-ratio:1/1; overflow:hidden; background:var(--yuzey2);
  border:1px solid var(--cizgi); cursor:zoom-in}
.galeri-foto img{width:100%; height:100%; object-fit:cover; transition:transform .45s ease}
.galeri-foto:hover img{transform:scale(1.06)}

.lightbox{position:fixed; inset:0; z-index:300; background:rgba(8,11,14,.95); display:none;
  align-items:center; justify-content:center; padding:24px}
.lightbox.acik{display:flex}
.lightbox-resim{max-width:95vw; max-height:90vh; object-fit:contain; box-shadow:0 12px 70px rgba(0,0,0,.6)}
.lightbox button{position:absolute; border:0; background:rgba(255,255,255,.13); color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .2s}
.lightbox button:hover{background:rgba(255,255,255,.26)}
.lightbox-kapat{top:16px; right:18px; width:46px; height:46px; border-radius:50%; font-size:24px}
.lightbox-ok{top:50%; transform:translateY(-50%); width:54px; height:54px; border-radius:50%; font-size:30px}
.lightbox-onceki{left:16px} .lightbox-sonraki{right:16px}
.lightbox-sayac{position:absolute; bottom:18px; left:0; right:0; text-align:center; color:#cbd3d9;
  font-family:var(--mono); font-size:12px; letter-spacing:.12em}
@media (max-width:640px){
  .galeri-izgara{grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr)); gap:8px}
  .lightbox-ok{width:42px; height:42px; font-size:24px}
}

/* ===================== /cekim — TBMM veri güncelleme ===================== */
.cekim{max-width:980px; padding-bottom:60px}
.cekim-hal{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; padding:18px 20px;
  background:var(--yuzey); border:1px solid var(--cizgi); border-left:4px solid var(--soluk)}
.cekim-hal strong{font-family:var(--mono); font-size:12px; letter-spacing:.12em; text-transform:uppercase}
.cekim-hal span:last-child{flex:1 1 320px; font-family:var(--serif); font-size:17px; line-height:1.55; color:#33404A}
.cekim-isik{width:10px; height:10px; border-radius:50%; background:var(--soluk); flex:none}
.cekim-hal--suruyor{border-left-color:var(--mavi)}
.cekim-hal--suruyor .cekim-isik{background:var(--mavi); animation:cekim-nabiz 1.2s ease-in-out infinite}
.cekim-hal--tamam{border-left-color:#1F7A4D}
.cekim-hal--tamam .cekim-isik{background:#1F7A4D}
.cekim-hal--yarim{border-left-color:#B5541B}
.cekim-hal--yarim .cekim-isik{background:#B5541B}
@keyframes cekim-nabiz{0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.35; transform:scale(.7)}}
@media (prefers-reduced-motion: reduce){.cekim-hal--suruyor .cekim-isik{animation:none}}

.cekim-sayilar{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:1px; margin-top:18px;
  background:var(--cizgi); border:1px solid var(--cizgi)}
.cekim-sayilar > div{background:var(--yuzey); padding:16px 18px; display:flex; flex-direction:column; gap:4px}
.cekim-sayilar .n{font-size:30px; font-weight:600; line-height:1.1; font-variant-numeric:tabular-nums}
.cekim-sayilar .ad{font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--soluk)}

.cekim-baslik{font-size:22px; margin:34px 0 12px; text-wrap:balance}
.cekim-yeniler{list-style:none; margin:0; padding:0; border-top:2px solid var(--murekkep)}
.cekim-yeniler li{display:flex; flex-direction:column; gap:4px; padding:12px 0; border-bottom:1px solid var(--cizgi2)}
.cekim-yeniler .tur{font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mavi)}
.cekim-yeniler a{font-family:var(--serif); font-size:17px; line-height:1.45; color:var(--murekkep)}
.cekim-yeniler a:hover{color:var(--mavi)}
.cekim-bos{font-family:var(--serif); font-size:17px; color:#33404A; margin:24px 0 0}

.cekim-tablo-kap{overflow-x:auto; border-top:2px solid var(--murekkep)}
.cekim-tablo{width:100%; border-collapse:collapse; font-size:14.5px}
.cekim-tablo th{font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk); font-weight:500; text-align:right; padding:10px 8px; border-bottom:1px solid var(--cizgi)}
.cekim-tablo th:first-child, .cekim-tablo td:first-child{text-align:left; padding-left:0}
.cekim-tablo td{padding:10px 8px; border-bottom:1px solid var(--cizgi2); text-align:right; font-variant-numeric:tabular-nums}
.cekim-tablo td small{display:block; color:#B5541B; font-size:12px; margin-top:3px}
.cekim-tablo tr.hata td:first-child{color:#B5541B}

.cekim-gunluk{margin-top:30px}
.cekim-gunluk summary{cursor:pointer; font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--soluk); padding:8px 0}
.cekim-gunluk summary:focus-visible{outline:2px solid var(--mavi); outline-offset:3px}
.cekim-gunluk pre{margin:8px 0 0; max-height:320px; overflow:auto; padding:16px 18px; background:var(--murekkep); color:#CFE0EC;
  font-family:var(--mono); font-size:12.5px; line-height:1.6; white-space:pre-wrap; word-break:break-word}

.cekim-alt{display:flex; flex-wrap:wrap; align-items:flex-start; gap:18px 28px; margin-top:34px; padding-top:24px; border-top:1px solid var(--cizgi)}
.cekim-alt p{flex:1 1 360px; margin:0; font-size:14px; line-height:1.6; color:var(--soluk)}

@media (max-width:640px){
  .cekim-sayilar{grid-template-columns:repeat(2, minmax(0,1fr))}
  .cekim-sayilar .n{font-size:24px}
  .cekim-hal span:last-child{font-size:16px}
}

/* Görseli olmayan kupür — kırık görsel değil, bilinen bir boşluk.
   Gazete sütunu dokusu (ince yatay çizgiler) "kupür yeri" olduğunu,
   ortadaki not da görselin neden olmadığını söyler. */
.kupur-bos{display:flex; align-items:center; justify-content:center; position:relative;
  background:repeating-linear-gradient(to bottom, transparent 0 11px, var(--cizgi2) 11px 12px) var(--yuzey2)}
.kupur-duvar .kupur-bos{height:auto}
.kupur-bos-not{font-family:var(--mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--soluk); text-align:center; line-height:1.6; background:var(--yuzey2); padding:6px 10px}
.kupur-bos--detay{margin:26px 0 0; height:170px; flex:none; align-self:stretch; border:1px solid var(--cizgi)}
.kupur-bos--detay .kupur-bos-not{text-transform:none; letter-spacing:.02em; font-size:12.5px; max-width:52ch}

/* Panel önizlemesi — yalnız giriş yapmış editörün açtığı taslak sayfada. */
.onizleme-bandi{position:sticky; top:0; z-index:100; background:#8A5C0F; color:#fff; padding:10px var(--kenar);
  font-family:var(--mono); font-size:12px; letter-spacing:.04em; display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center}
.onizleme-bandi strong{text-transform:uppercase; letter-spacing:.14em}
.onizleme-bandi a{color:#fff; text-decoration:underline; margin-left:auto}
/* Son (ya da ilk) kayıtta komşu bağlantısı yok; boş yer tutucu gri bir blok
   gibi görünüyordu. */
.komsu > span:empty{background:var(--kagit)}