/* Üretilen alt sayfalar: ilçe, icraat, komite.
   scripts/sayfa_uret.py bu sınıfları kullanır — elle sayfa yazılmaz. */

.sayfa-alt{background:var(--mavi-derin);min-height:100svh}
/* Header altındaki parlak mavi şerit kaldırıldı (istek): düz lacivert zemin. */
.sayfa-alt::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:var(--mavi-derin);
}
/* (7) main padding kaldırıldı — başlık banner'ı header'ın hemen altına otursun,
   iç bölümler kendi boşluğunu yönetir. */
.sayfa-alt main{width:var(--olcu);margin:0 auto;padding:0}

/* --------------------------------------------------------- kırıntı yolu
   2026-09-14: düz bir "bant" satırıydı (tam genişlik) — artık içerik
   genişliğinde camsı (glassmorphism) bir rozet, sayfa başlığının
   (alt_baslik) üstüne biniyor. Negatif alt margin bir sonraki kardeş
   öğeyi (.alt-bas / .alt-bas--gorsel) yukarı çekiyor; z-index kırıntıyı
   onun ÜSTÜNDE tutuyor. */
/* Kırıntı — glassmorphism rozet (eskisi gibi), sayfa başlığının ÜSTÜNDE ve
   ORTALI. .alt-bas__ic içinde, inline-flex olduğu için otomatik ortalanır. */
.kirinti{
  position:relative;z-index:5;
  display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center;
  margin:0 auto clamp(.9rem,2vw,1.35rem);
  /* 12 pikselin altına inmiyor: 0,66rem ölçümde 9,6px'e denk geliyordu
     (scripts/mobil-olcum.sh "12px altı metin") ve kırıntı, sayfanın
     nerede olduğunu söyleyen tek satır. */
  font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sonuk);
  background:rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.2);border-radius:999px;
  padding:.35rem .85rem;
}
/* Dokunma hedefi en az 24px olmalı (WCAG 2.5.8). Yazı .8rem olduğu için
   bağlantılar 20px kalıyordu; inline-block + dikey dolgu kutuyu büyütür,
   satır düzenini bozmaz. */
.kirinti a{color:var(--nokta);text-decoration:none;font-weight:700;
  display:inline-block;padding-block:.2rem}
.kirinti a:hover{color:var(--turuncu-parlak)}
.kirinti span[aria-hidden]{opacity:.4}
.kirinti span[aria-current]{color:var(--beyaz);font-weight:700}

/* --------------------------------------------------------- sayfa başlığı
   TEK ORTALI BİLEŞEN: kırıntı + kicker + h1 dikey/yatay ortalı. */
.alt-bas{margin:0 0 clamp(1.8rem,4vw,2.8rem);padding:clamp(1.4rem,3.5vw,2.4rem) 0}
.alt-bas h1{color:var(--beyaz)}
.alt-bas .kicker{justify-content:center}
.alt-bas__alt{margin:1rem auto 0;color:var(--acik);max-width:60ch}
.alt-bas__alt--kucuk{font-size:.92rem;color:var(--sonuk)}
.alt-bas__durum{margin:1rem 0 0}

/* Arka plan görseli (ops., alt_baslik() $s['gorsel']) — "perde, açık"
   varyantı: fotoğraf solda/altta lacivert gradyanla eritiliyor, sağda
   neredeyse çıplak kalıyor. Görsel yalnızca $s['gorsel'] verilen TEK
   sayfayı etkiler, diğer ~155 sayfa .alt-bas'ın düz haliyle kalır.
   2026-09-14 düzeltmesi: önceki sürüm .alt-bas'ın kendi dar sütununa
   sıkışıyordu ("boxed" görünüm) ve yüksekliği birkaç satır metinle
   sınırlı kaldığı için fotoğraf neredeyse görünmüyordu. Artık header
   tam viewport genişliğine kırılıyor (100vw), metin ayrı bir .alt-bas__ic
   sarmalayıcıda --olcu ile ortalanıyor, minimum yükseklik banner gibi. */
.alt-bas--gorsel{
  position:relative;overflow:hidden;isolation:isolate;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  min-height:clamp(300px,42vw,480px);
  display:flex;align-items:center;justify-content:center;   /* dikey+yatay orta */
  padding:clamp(2rem,5vw,3.5rem) 0;
  margin-bottom:clamp(1.8rem,4vw,2.8rem);
}
.alt-bas__bg{position:absolute;inset:0;z-index:-1;
  background-size:cover;background-position:center}
/* CSP (style-src 'self') satır-içi background-image'ı reddediyor —
   6 sabit görsel burada sınıf olarak tanımlı, alt_baslik() slug'a göre
   sınıf seçiyor (bkz. parcalar/bilesenler.php). */
.alt-bas__bg--hastane{background-image:url(../img/baslik/hastane.webp)}
.alt-bas__bg--havalimani{background-image:url(../img/baslik/havalimani.webp)}
.alt-bas__bg--elektrik{background-image:url(../img/baslik/elektrik.webp)}
.alt-bas__bg--dogalgaz{background-image:url(../img/baslik/dogalgaz.webp)}
.alt-bas__bg--fiber{background-image:url(../img/baslik/fiber.webp)}
.alt-bas__bg--otoyol{background-image:url(../img/baslik/otoyol.webp)}
/* SİTE GENELİ BAŞLIK BANNER'I (2026-09-15 · seçildi).
   Altı projenin eğik panellerden oluşan kolajı, "geniş panel · çizgisiz"
   varyantı. Kaynak 8000×4500 / ~21 MB; burada 2560 genişlikte 396 KB avif,
   dar ekranlar için 1280 genişlikte 124 KB.

   İki biçim birden yazılıyor: önce webp (her tarayıcı anlar), sonra
   image-set ile avif — destekleyen tarayıcı ikincisini seçer, desteklemeyen
   birincide kalır.

   Diğer üç kolaj varyantı (dar/çizgili kombinasyonları) ve denenen altı
   perde, karar verildiği için CSS'ten çıkarıldı; kaynak dosyalar
   assets/img/baslik/grid/ altında ve yedekte duruyor. */
.alt-bas__bg--grid-genis-cizgisiz{background-image:url(../img/baslik/grid/grid-genis-cizgisiz.webp)}
.alt-bas__bg--grid-genis-cizgisiz{background-image:image-set(
  url(../img/baslik/grid/grid-genis-cizgisiz.avif) type("image/avif"),
  url(../img/baslik/grid/grid-genis-cizgisiz.webp) type("image/webp"))}
/* Dar ekranda 2560 piksellik bir banner israf: telefonda görünen genişlik
   ~390 piksel. 1280'lik sürüm aynı kadrajı üçte bir ağırlıkla veriyor. */
@media (max-width:900px){
  .alt-bas__bg--grid-genis-cizgisiz{background-image:url(../img/baslik/grid/grid-genis-cizgisiz-mobil.webp)}
  .alt-bas__bg--grid-genis-cizgisiz{background-image:image-set(
    url(../img/baslik/grid/grid-genis-cizgisiz-mobil.avif) type("image/avif"),
    url(../img/baslik/grid/grid-genis-cizgisiz-mobil.webp) type("image/webp"))}
}

/* Ortalı beyaz başlık her fotoğrafta okunsun: dengeli merkez + alt/üst scrim. */
.alt-bas__bg::after{content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(0,10,32,.42) 0%,rgba(0,10,32,.1) 38%,rgba(0,10,32,.58) 100%),
    radial-gradient(120% 92% at 50% 50%,rgba(0,10,32,0) 38%,rgba(0,10,32,.5) 100%);
}
/* İçerik sarmalayıcı — dikey/yatay ortalı (kırıntı+kicker+h1 stack). */
.alt-bas__ic{
  width:var(--olcu);margin:0 auto;position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
@media(max-width:640px){
  /* Mobil page title: banner kısalır, kırıntı ve başlık ölçeklenir. */
  .alt-bas--gorsel{min-height:clamp(240px,64vw,340px);padding:1.6rem 0}
  .alt-bas{padding:1.2rem 0}
  /* Dar ekranda da 12 pikselin altına inmiyor (ölçüldü: 9,6px). */
  .kirinti{font-size:.75rem;padding:.3rem .7rem;gap:.3rem;letter-spacing:.06em}
  .alt-bas__alt{font-size:.95rem}
}

.ozet-serit{
  display:flex;flex-wrap:wrap;gap:clamp(1rem,3vw,2.4rem);justify-content:center;
  list-style:none;margin:1.4rem auto 0;padding:1.1rem 0 0;
  border-top:1px solid rgba(255,255,255,.18);
}
.ozet-serit li{color:var(--sonuk);font-size:.92rem;
  letter-spacing:.04em;text-transform:uppercase}
.ozet-serit strong{
  display:block;font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-weight:400;
  font-size:clamp(1.6rem,3vw,2.2rem);line-height:1;color:var(--turuncu-parlak);
  transform:skewX(var(--egim));transform-origin:left bottom;margin-bottom:.25rem;
}

.kunye--koyu{border-top-color:rgba(255,255,255,.18)}
.kunye--koyu dd a{color:var(--turuncu-parlak);text-decoration:none}
.kunye--koyu dd a:hover{text-decoration:underline}

/* --------------------------------------------------------- bloklar */
.blok{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  padding:clamp(1.2rem,2.4vw,1.8rem);margin:0 0 1rem;
}
.blok__bas{
  font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-weight:400;
  font-size:clamp(1.05rem,2vw,1.3rem);text-transform:uppercase;
  color:var(--beyaz);margin:0 0 1rem;display:flex;align-items:center;gap:.7rem;
}
.blok__adet{
  font-family:'Montserrat',sans-serif;font-size:.75rem;font-weight:700;
  background:var(--turuncu-metin);color:#fff;padding:.2rem .55rem;letter-spacing:.08em;
}
.blok__daha{margin:1rem 0 0}
.blok__daha a{color:var(--turuncu-parlak);font-weight:700;text-decoration:none}
.blok__daha a:hover{text-decoration:underline}
.blok__aksiyon{
  margin-left:auto;font-family:'Montserrat',sans-serif;
  font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:none;
  color:var(--turuncu-parlak);text-decoration:none;white-space:nowrap;
}
.blok__aksiyon:hover{text-decoration:underline}
.blok__aksiyonlar{margin-left:auto;display:flex;gap:1rem;flex-wrap:wrap}
.blok__aksiyonlar .blok__aksiyon{margin-left:0}

/* -------------------------------------------------------- eser araç çubuğu
   ÜST SÜZGEÇ (2026-09-15): kategori · ilçe · durum tek bir şeritte.
   Sayfa ilk açıldığında sticky duruyor — 147 kalemlik listede süzgeç
   yukarıda kalmazsa, aşağı inen okuyucu seçimi değiştirmek için her
   seferinde başa dönmek zorunda. */
.eser-arac{
  position:sticky;top:var(--menu-ust,64px);z-index:6;
  margin:0 0 1.4rem;padding:1rem 1.2rem;
  background:rgba(8,26,60,.94);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);
}
.eser-arac__satir{
  display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:flex-end;
}
.eser-arac__alan{display:flex;flex-direction:column;gap:.4rem;min-width:0;flex:1 1 15rem}
.eser-arac__alan--durum{flex:0 0 auto}
.eser-arac__etiket{
  /* 12px eşiği (ölçüldü: 10,9px). */
  font:700 .75rem/1 'Montserrat',sans-serif;letter-spacing:.14em;
  text-transform:uppercase;color:var(--sonuk);
}
/* Yerel <select>: tarayıcının kendi açılır listesi mobilde en iyi çalışan
   şey — kendi yaptığımız bir menü dokunmatikte hep daha kötü. Yalnızca
   kabuğu siteye uyduruluyor. */
.eser-arac__secim{
  width:100%;min-height:44px;                     /* dokunma hedefi */
  font:700 .88rem/1.2 'Montserrat',sans-serif;
  color:#fff;background-color:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);border-radius:8px;
  padding:.6rem 2.2rem .6rem .8rem;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  /* Oku CSS ile çiziyoruz: satır içi style CSP'ye takılır, ayrı bir görsel
     de fazladan istek olurdu. */
  background-image:linear-gradient(45deg,transparent 50%,var(--turuncu-parlak) 50%),
                   linear-gradient(135deg,var(--turuncu-parlak) 50%,transparent 50%);
  background-position:calc(100% - 1.05rem) 50%,calc(100% - .68rem) 50%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.eser-arac__secim:hover{border-color:var(--turuncu)}
.eser-arac__secim:focus-visible{outline:2px solid var(--beyaz);outline-offset:2px}
/* AÇILIR LİSTE (2026-09-18 düzeltmesi).
   Listeyi işletim sistemi çiziyor. `option{background,color}` Windows/Linux
   Chrome ve Firefox'ta işe yarıyor ama macOS'ta (Safari ve Chrome) tamamen
   yok sayılıyor: orada popup sistem penceresi, yani site koyu temadayken
   bembeyaz bir liste açılıyordu — "stilsiz" görünen buydu.

   `color-scheme:dark` tam bu iş için: denetim öğesinin ve ONA BAĞLI sistem
   penceresinin koyu varyantını istiyor, macOS dahil. Marka rengi vermiyor
   (sistem penceresine CSS geçmiyor) ama liste artık sayfayla aynı
   aydınlıkta. Tam markalı bir liste ancak kendi açılır menümüzü yazmakla
   olur; yerel <select> bilerek duruyor (dokunmatikte en iyi çalışan şey o,
   bkz. yukarıdaki not). */
.eser-arac__secim{color-scheme:dark}
.eser-arac__secim option{background:#0a1c3d;color:#fff}
.eser-arac__secim option:checked{background:var(--turuncu);color:#fff}
/* ── MARKALI AÇILIR LİSTE (2026-09-19, istek: "açılan liste şekli") ──────
   Yerel <select>'in AÇILAN penceresini işletim sistemi çiziyor ve ona CSS
   geçmiyor — yukarıdaki nota bakın. Kendi listemizi assets/js/acilir-liste.js
   kuruyor; yerel <select> sayfada KALIYOR ve tek doğruluk kaynağı o.

   .acilir--hazir sınıfını BETİK ekliyor. Yani betik inmezse bu blok hiç
   devreye girmiyor ve ziyaretçi yerel listeyi görmeyi sürdürüyor: süzgeç
   JS'siz de çalışır. Gizleme display:none — görsel gizleme hileleri
   (clip/1px) öğeyi erişilebilirlik ağacında bırakır ve ekran okuyucu aynı
   listeyi iki kez okurdu. */
.acilir{position:relative}
.acilir--hazir > .eser-arac__secim{display:none}

.acilir__dugme{
  display:flex;align-items:center;gap:.6rem;width:100%;min-height:44px;
  font:700 .88rem/1.2 'Montserrat',sans-serif;text-align:left;
  color:#fff;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);border-radius:8px;
  padding:.6rem .8rem;cursor:pointer;
}
.acilir__metin{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Ok CSS ile çiziliyor: satır içi stil CSP'ye takılır, ayrı görsel fazladan
   istek olurdu — yerel <select>'te de aynı yol seçilmişti. */
.acilir__ok{
  flex:0 0 auto;width:8px;height:8px;margin-left:.2rem;
  border-right:2px solid var(--turuncu-parlak);
  border-bottom:2px solid var(--turuncu-parlak);
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .18s var(--yumusak);
}
.acilir.is-acik .acilir__ok{transform:rotate(-135deg) translate(-2px,-2px)}
.acilir__dugme:hover{border-color:var(--turuncu)}
.acilir__dugme:focus-visible{outline:2px solid var(--beyaz);outline-offset:2px}

.acilir__liste{
  position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;
  margin:0;padding:.3rem;list-style:none;
  max-height:min(340px,60vh);overflow:auto;overscroll-behavior:contain;
  background:#0A1C3D;border:1px solid rgba(255,255,255,.18);border-radius:10px;
  box-shadow:0 18px 40px rgba(0,8,24,.55);
}
.acilir__liste:focus-visible{outline:2px solid var(--beyaz);outline-offset:2px}
.acilir__oge{
  position:relative;isolation:isolate;
  display:flex;align-items:center;gap:.6rem;
  font:600 .86rem/1.25 'Montserrat',sans-serif;color:var(--acik);
  padding:.55rem .7rem;min-height:40px;cursor:pointer;
}
.acilir__ad{flex:1 1 auto}
/* Adet rozeti: mega menüdeki .mega__adet ile aynı dil. */
.acilir__adet{
  flex:0 0 auto;font:700 .72rem/1 'Montserrat',sans-serif;
  color:var(--sonuk);background:rgba(255,255,255,.08);
  border-radius:999px;padding:.22rem .5rem;
}
/* ETKİN SATIR = sitenin imza hareketi: eğik turuncu blok soldan açılıyor.
   Mega menü satırları ve üst çubuk aynı kalıbı kullanıyor (2026-09-18).
   z-index:-1 + isolation:isolate şart — yoksa blok yazının önüne geçiyor
   ya da listenin zeminine düşüp kayboluyor; aynı iki tuzak menüde yaşandı. */
.acilir__oge::before{
  content:"";position:absolute;z-index:-1;inset:0;
  background:var(--turuncu);transform:skewX(var(--egim)) scaleX(0);
  transform-origin:left;transition:transform .2s var(--yumusak);
}
.acilir__oge.is-etkin::before{transform:skewX(var(--egim)) scaleX(1)}
/* Turuncu blok üzerinde yazı LACİVERT: beyaz/#F26522 = 3,15 ve satır
   0,86rem, yani küçük metin (eşik 4,5). Lacivert/#F26522 = 5,55 — menüde
   ve rozetlerde yürürlükteki kararın aynısı. */
.acilir__oge.is-etkin{color:var(--mavi-derin)}
.acilir__oge.is-etkin .acilir__adet{background:rgba(0,22,69,.18);color:var(--mavi-derin)}
/* Seçili olan: sol turuncu çubuk. Etkin (imleç/klavye) ile seçili (gerçek
   değer) AYRI iki şey; ikisi aynı anda görünebilmeli. */
.acilir__oge.is-secili{color:#fff}
.acilir__oge.is-secili .acilir__ad{box-shadow:inset 3px 0 0 var(--turuncu-parlak);padding-left:.5rem}
.acilir__oge.is-secili.is-etkin{color:var(--mavi-derin)}

@media (prefers-reduced-motion:reduce){
  .acilir__ok,.acilir__oge::before{transition:none}
}
.eser-arac__filtre{display:flex;gap:.5rem;flex-wrap:wrap}
.eser-arac__buton{
  font:700 .8rem/1 'Montserrat',sans-serif;letter-spacing:.04em;text-transform:uppercase;
  color:var(--acik);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
  border-radius:8px;min-height:44px;padding:.55rem 1.1rem;cursor:pointer;
}
.eser-arac__buton:hover{border-color:var(--turuncu)}
.eser-arac__buton.is-secili{background:var(--turuncu-metin);border-color:var(--turuncu-metin);color:#fff}
.eser-arac__temizle{
  flex:0 0 auto;min-height:44px;padding:.55rem 1rem;cursor:pointer;
  font:700 .75rem/1 'Montserrat',sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--turuncu-parlak);background:none;
  border:1px solid rgba(255,255,255,.22);border-radius:8px;
}
.eser-arac__temizle:hover{background:var(--turuncu);border-color:var(--turuncu);color:#fff}
.eser-arac__ayak{
  display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;
  justify-content:space-between;
  margin-top:.9rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.12);
}
/* Sonuç cümlesi artık GÖRÜNÜR. Eskiden .gizli idi: satırlar ve kategori
   blokları gözle görülür biçimde kayboluyordu ama kaçının kaldığını
   yalnızca ekran okuyucu duyuyordu. */
.eser-arac__sonuc{
  margin:0;font-size:.85rem;color:var(--acik);font-weight:700;
}
.eser-arac__sonuc--bos{color:var(--turuncu-parlak)}
.eser-arac__pdf{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.85rem}
.eser-arac__pdf a{color:var(--turuncu-parlak);font-weight:700;text-decoration:none}
.eser-arac__pdf a:hover{text-decoration:underline}
@media(max-width:640px){
  /* Mobilde sticky süzgeç ekranın üçte birini yiyor; orada normal akışta. */
  .eser-arac{position:static;padding:.9rem 1rem}
  .eser-arac__alan{flex:1 1 100%}
  .eser-arac__alan--durum{flex:1 1 100%}
  .eser-arac__filtre{width:100%}
  .eser-arac__buton{flex:1 1 auto}
  .eser-arac__temizle{width:100%}
}
/* Süzgeç sonrası boşalan kategori bloğu gizlenir.
   ÖNCEDEN ".blok.is-bos-filtre" yazıyordu — eserler.php'de tek bir .blok
   yok, sarmalayıcı <section class="sektor-grup" data-grup>. Yani kural
   hiçbir şeyle eşleşmiyor, JS sınıfı koyuyor ve hiçbir şey olmuyordu:
   "Devam eden" seçilince Konut başlığı altında sıfır kalemle ekranda
   kalıyordu. Sınıf artık tek başına yeter, sarmalayıcı ne olursa olsun. */
.is-bos-filtre{display:none}
.metin{margin:0;color:var(--acik);line-height:1.65;max-width:68ch}
.vurgu-kutu{
  margin:1.2rem 0 0;padding:.8rem 1.1rem;background:rgba(255,136,0,.14);
  border-left:4px solid var(--turuncu);color:#FFD9BC;font-weight:700;
}

/* --------------------------------------------------- öğe listesi (KART) */
/* grid-template-columns:minmax(0,1fr) ŞART: ızgara sütunu varsayılan olarak
   içeriğinin MIN-CONTENT genişliğinin altına inmiyor. Ölçüldü (390px,
   2026-09-15): tek bir satırdaki "Boğaziçi, Güzelyurt, Dipkarpaz, Vadili,
   Minareliköy, Şirinevler" etiketi (white-space:nowrap) sütunu 510 piksele
   çıkarmış, o bölümdeki 24 satırın hepsi ekrandan 156 piksel taşıyordu.
   minmax(0,1fr) sütunun daralmasına izin veriyor, aşağıdaki sarmalama
   kuralları da metni satıra sığdırıyor. */
.oge-liste{list-style:none;margin:0;padding:0;display:grid;gap:.65rem;
  grid-template-columns:minmax(0,1fr)}
.oge{
  display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;min-width:0;
  padding:.95rem 1.15rem;border-radius:12px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);
  border-left:3px solid rgba(255,255,255,.22);
  transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;
}
/* Durum rengi sol şeritte: tamam=yeşil, devam=turuncu (:has ile içerikten) */
.oge:has(.rozet--tamam){border-left-color:#39C07E}
.oge:has(.rozet--devam){border-left-color:var(--turuncu-parlak)}
/* Planlanan: henüz başlamamış iş. Turuncu (süren) ve yeşil (biten)
   dışında NÖTR bir mavi — "iyi/kötü" demiyor, "daha başlamadı" diyor. */
.oge:has(.rozet--planlanan){border-left-color:#6E93C8}
.oge:hover{background:rgba(255,255,255,.075);border-color:rgba(242,101,34,.45);
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.oge[hidden]{display:none}
.oge__sim{flex:none;color:var(--turuncu-parlak);opacity:.9}
.oge__ad{color:var(--beyaz);font-weight:700;text-decoration:none;font-size:1.06rem;line-height:1.25}
a.oge__ad:hover{color:var(--turuncu-parlak)}
/* İlçe etiketi ARTIK SARMALANIYOR. nowrap, çok ilçeli eserlerde (altı ilçe
   adı yan yana) satırı ekrandan taşırıyordu; kısa etiketlerde davranış
   değişmiyor, yalnızca uzun olanlar alt satıra iniyor. */
.oge__tur{font-size:.75rem;color:var(--sonuk);text-transform:uppercase;
  letter-spacing:.06em;margin-left:auto;text-align:right;
  overflow-wrap:anywhere;min-width:0}
.oge__vurgu{
  font-size:.8rem;font-weight:600;color:#FFD9BC;
  background:rgba(255,136,0,.12);border-left:2px solid var(--turuncu-parlak);
  padding:.45rem .7rem;border-radius:6px;
  white-space:normal;flex-basis:100%;max-width:100%;line-height:1.45;
}

/* --------------------------------------------------------- komite içerik */
.konu-liste--alt li,.yerel-liste--alt li{color:var(--sonuk)}
.konu-liste--alt strong{color:var(--beyaz)}
.konu-liste--alt li{border-top-color:rgba(255,255,255,.1)}

/* --------------------------------------------------------- çağrı ve etiket */
.blok--cagri{background:rgba(255,136,0,.1);border-color:rgba(255,136,0,.35)}
.dugme{
  display:inline-block;margin-top:1.2rem;
  font:700 .95rem/1 'Montserrat',sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;background:var(--turuncu-metin);
  padding:.9rem 1.7rem;text-decoration:none;transform:skewX(var(--egim));
}
.dugme:hover{background:var(--turuncu-koyu)}

.blok--diger{background:none;border-style:dashed;border-color:rgba(255,255,255,.2)}
.etiket-liste{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.etiket-liste a{
  display:block;padding:.5rem 1rem;text-decoration:none;font-weight:700;
  font-size:.85rem;color:var(--acik);background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);transform:skewX(var(--egim));
}
.etiket-liste a:hover{background:var(--turuncu-metin);border-color:var(--turuncu);color:#fff}

/* --------------------------------------------------------- editoryal metin */
.blok--metin{background:none;border:0;padding:0;margin-bottom:1.6rem}
.blok--metin .metin + .metin{margin-top:1rem}
.blok--metin .metin{font-size:clamp(1rem,1.5vw,1.09rem);color:var(--acik)}
.vurgu-kutu--tek{margin:0 0 1.6rem}

.blok--kaynak{background:rgba(255,255,255,.04);border-style:dashed}
.kaynak-liste{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.kaynak-liste li{padding-left:1.1rem;position:relative}
.kaynak-liste li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:7px;height:7px;background:var(--turuncu);
}
.kaynak-liste a{color:var(--nokta);text-decoration:none;font-size:.92rem}
.kaynak-liste a:hover{color:var(--turuncu-parlak);text-decoration:underline}

/* --------------------------------------------------------- ilçe blokları */
.ilce-blok-liste{display:grid;gap:clamp(1rem,2vw,1.5rem)}
.ilce-blok{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  border-left:4px solid var(--turuncu);
  padding:clamp(1.2rem,2.4vw,1.8rem);
}
.ilce-blok__bas{
  display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;
  padding-bottom:.7rem;margin-bottom:.9rem;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.ilce-blok__ad{
  font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-weight:400;
  font-size:clamp(1.4rem,2.6vw,1.9rem);text-transform:uppercase;margin:0;
}
.ilce-blok__ad a{color:var(--beyaz);text-decoration:none}
.ilce-blok__ad a:hover{color:var(--turuncu-parlak)}
.ilce-blok__adet{
  font-size:.8rem;color:var(--turuncu-parlak);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;margin-left:auto;white-space:nowrap;
}
.ilce-blok .metin{margin:0 0 1rem;color:var(--sonuk);font-size:.98rem}
.ilce-blok .oge-liste{border-top:1px solid rgba(255,255,255,.1)}
.ilce-blok .oge{padding:.55rem 0}

/* Uzun satırlarda ad ile etiket arası çok açılmasın */
.oge__ad{max-width:min(100%,46ch);overflow-wrap:anywhere}

/* --------------------------------------------------------- ilçe görseli */
/* İlçe ve icraat sayfalarındaki harita görseli aynı davranır. */
.ilce-gorsel,.icraat-gorsel{margin:0 0 clamp(1.5rem,3vw,2.2rem);line-height:0}
.ilce-gorsel img,.icraat-gorsel img{
  /* Kapsayıcı 1440px'e kadar çıkıyor; görsel oradan büyütülmesin ve
     sayfayı da aşağı itmesin diye 1000px'te sabitlenir. */
  width:100%;max-width:1000px;height:auto;display:block;
  border:1px solid rgba(255,255,255,.16);
}

/* --------------------------------------------------------- rakamlar hub
   2026-09-14: sektör kutucukları rakamlar.php'den bakanlık başına ayrı
   sayfalara (bakanlik/*.php) taşındı; burada sadece yönlendirme kartları
   kalıyor. .mkart/.mkart-izgara mega menüden ödünç alındı (aynı "kart
   grid + isim + ok" paterni). */
.sektor-hub__baslik{
  font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-weight:400;
  font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--beyaz);
  margin:2.4rem 0 .5rem;
}
.sektor-hub__alt{color:var(--sonuk);margin:0 0 1.4rem;max-width:60ch}


/* ══════════════════════════════════════════════════════════════════════
   DEĞİŞİM — "FARK" TASARIMI (2026-09-17, üç alternatiften seçildi).

   Önceki hâlinde her satırda ad, "28 → 18" ve alt alta İKİ ÇUBUK vardı.
   Çubuklar kendi içinde oranlıydı ama okuyucu ikisini üst üste koyup farkı
   KENDİ çıkarmak zorundaydı; bölümün tezi ("değiştiği yön söyler") görselde
   karşılık bulmuyordu.

   Şimdi hiyerarşi tersine: MANŞET DEĞİŞİMİN KENDİSİ (8,7 katı / −10 /
   −39,81 puan), uç değerler dipnota indi. İfadeyi uretici.php'deki
   u_degisim_fark() kuruyor — yüzde/kat/mutlak ayrımının gerekçesi orada.

   Kutu yok: ayrım soldan sönen dikey çizgi, tıpkı "Ayrıca" ve "Öne çıkan
   rakamlar" bölümlerindeki gibi. Renk yönü söylüyor — turuncu arttı, açık
   mavi azaldı. "Düştü" ile "geriledi" aynı şey değil: azalışın hedef olduğu
   satır (belediye reformu, ek mesai personeli) turuncuyla zafer gibi
   boyanmıyor.

   Satır içi stil YOK: bu tasarım genişlik hesabı istemiyor, dolayısıyla
   .oran-* basamak sınıflarına da ihtiyaç kalmadı (CSP style-src 'self'
   yüzünden var olan o sınıflar bu bölümün son kullanıcısıydı).
   ══════════════════════════════════════════════════════════════════════ */
.degisim-liste{
  list-style:none;margin:0;padding:0;display:grid;gap:1.6rem 2.2rem;
  grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));
}
.degisim{position:relative;padding:1.4rem 0 1.4rem 1.2rem;min-width:0}
.degisim::before{content:"";position:absolute;left:0;top:.4rem;bottom:.4rem;width:3px}
.degisim--artis::before{background:linear-gradient(180deg,var(--turuncu),rgba(255,136,0,.2))}
.degisim--azalis::before{background:linear-gradient(180deg,var(--mavi-parlak),rgba(0,124,214,.15))}

.degisim__fark{margin:0;display:flex;align-items:baseline;gap:.45rem;line-height:.9}
.degisim__buyuk{
  font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-weight:400;
  font-size:clamp(2.8rem,5.5vw,4.2rem);letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}
.degisim--artis .degisim__buyuk{color:var(--turuncu-parlak);text-shadow:0 0 42px rgba(255,136,0,.3)}
.degisim--azalis .degisim__buyuk{color:var(--nokta)}
.degisim__kucuk{font-size:.9rem;font-weight:700;letter-spacing:.06em;color:var(--sonuk)}

.degisim__ad{margin:.8rem 0 0;font-size:.9rem;color:var(--acik);line-height:1.45;font-weight:600}
.degisim__uc{
  margin:.7rem 0 0;font-size:.79rem;color:#7f9ac2;font-variant-numeric:tabular-nums;
  display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;
}
.degisim__uc span{color:var(--sonuk)}
.degisim__uc i{font-style:normal;opacity:.5}
.degisim__not{margin:.3rem 0 0;font-size:.73rem;color:#6d84a8;line-height:1.5}


/* Bakanlık kartındaki simge — .mkart__ad'ın kardeşi, hover'da o da beyazlar. */

/* "?" işaretinin açıklaması — bakanlık sayfalarında da aynı sınıf,
   stili hiç yazılmamıştı (düz gövde metni gibi görünüyordu). */
.rakam-dipnot{
  margin:0 0 clamp(2rem,4vw,3rem);padding:.85rem 1.1rem;
  font-size:.84rem;color:var(--sonuk);line-height:1.6;
  background:rgba(255,255,255,.04);border-left:3px solid rgba(255,255,255,.2);
}


/* ------------------------------------------------------------- PERDE
   Başlık görselinin üzerindeki karartma. Varsayılan perde
   (.alt-bas__bg::after) TEK FOTOĞRAF için ayarlanmıştı: üstte ve altta
   gradyan, ortada neredeyse açık. Kolaj görselde kadrajın ortası da
   kalabalık olduğu için başlık orada kayboluyordu — ölçüldü: metin
   bölgesinin en parlak %5'inde beyaz yazı kontrastı 2,2:1 (WCAG eşiği
   4,5; büyük metin için bile 3).

   SEÇİLEN PERDE: örtü + doygunluk/parlaklık düşürme + alttan gradyan.
   Doygunluk düşünce kolajdaki altı ayrı fotoğrafın altı ayrı rengi tek bir
   lacivert dünyaya giriyor; alttan gradyan hem özet şeridinin ("109
   tamamlandı · 38 devam ediyor") oturduğu alt yarıyı koyulaştırıyor hem de
   üstte örtüyü hafiflettiği için gökyüzünü geri getiriyor.

   ÖLÇÜLDÜ (1440px, seçilen görsel): başlık 8,5:1 · özet şeridi 10,0:1.

   Denenen diğer perdeler (havuz, şerit, bulanık merkez, vinyet, düz örtü ve
   gradyanın iki hafif kademesi) karar verildiği için kaldırıldı; hepsi
   yedekte (2026-09-15 alt-sayfa.css) duruyor. */
.alt-bas__bg--perde-lacivert-cok::after{
  background:linear-gradient(180deg,
    rgba(0,22,69,.34) 0%, rgba(0,22,69,.52) 36%, rgba(0,22,69,.97) 100%);
  -webkit-backdrop-filter:saturate(.42) brightness(.74);
  backdrop-filter:saturate(.42) brightness(.74);
}

/* -------------------------------------------------------- BAŞLIK SÜSÜ
   Kicker'ın solundaki turuncu şerit (.kicker::before) sitenin imza
   çizgisi; site geneli seçim onu SAĞA DA ekliyor, kicker iki uçtan
   çerçevelenmiş oluyor (ayar.php BASLIK_SUS).

   ::after ile kuruluyor, ::before'un kopyası değil: .kicker bir flex
   kutusu, ikinci şerit metnin sağına düşen ayrı bir flex çocuğu.
   flex:none şart — yoksa kicker daraldığında şerit de büzülüyor ve iki
   yan simetrik durmuyor.

   Denenen alt çizgili varyantlar (sus-alt, sus-iki-alt) seçilmediği için
   kaldırıldı; yedekte duruyor. */
.alt-bas--sus-iki .kicker::after{
  content:"";width:26px;height:3px;flex:none;background:var(--turuncu-parlak);
}

/* ---------------------------------------------- yeni içerik modeli (2026-09-15)
   Kategori sayfası artık eserleri VE rakamları birlikte gösteriyor; aşağıdaki
   sınıflar o birleşmeyle geldi. */

/* Rakam kaleminin altındaki kaynak/ayrıntı notu. */
.sektor-kart__not{
  display:block;margin-top:.2rem;font-size:.82rem;line-height:1.5;
  color:var(--sonuk);opacity:.85;
}

/* ══════════════════════════════════════════════════════════════════════
   "AYRICA" BÖLÜMÜ — sayıyla anlatılmayan, tamamlanmış işler (2026-09-17).

   Eskiden 275 madde iki sütunlu bir kart ızgarasında düz <ul> olarak
   basılıyordu. Sağlık'ta 38 madde var ve bazıları 700 karakter: kartlar
   şişiyor, hepsi aynı ağırlıkta duruyor, gözün tutunacağı hiçbir şey
   kalmıyordu. Altı tur denendi; kazanan tur şu tezde:

       DRAMA KUTUDAN GELMİYOR — kutu onu çerçeveye hapsediyordu.

   Bu yüzden burada kart, kenarlık, köşe yuvarlaması YOK. Ayrım gradyan
   çizgiyle; öne çıkan satırlarda renk kapsayıcıdan taşıp ekranın kenarına
   kadar gidip sönüyor (.alt-bas--gorsel ile aynı tam genişlik kalıbı).

   Kademe SIRA TABANLI, uzunluk tabanlı değil: ilk 3 büyük, sonraki ~%32
   orta, kalanı sıkı. Sıra parcalar/olgu-cozumle.php'nin 'agir' puanından
   geliyor ve 11 kategori aynı ritimle açılıyor — bir kategoride 38, başka
   birinde 9 madde olması sayfanın karakterini değiştirmiyor.
   ══════════════════════════════════════════════════════════════════════ */
.olgu-alan{position:relative}

/* ── süzgeç şeridi ────────────────────────────────────────────────
   Sunucudan hidden geliyor, JS açıyor (assets/js/olgu-suzgec.js).
   YAPIŞKAN DEĞİL (istek, 2026-09-24: "olgu-alan filtre kısmı sticky
   olmasın"). Önce position:sticky + menü yüksekliği (--menu-ust) ile
   kaydırırken üstte duruyordu; iki üç satırlık şerit mobilde ekranın
   büyük kısmını kapatıyordu. Yapışkan olmayınca altına kayan içeriği
   örtmek için taşıdığı saydam zemin ve bulanıklık da gereksiz kaldı. */
.olgu-suz{
  position:relative;
  margin:0 0 .4rem;padding:.85rem 0;
}
.olgu-suz::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--turuncu),rgba(255,255,255,.14) 38%,transparent);
}
.olgu-sira{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.olgu-sira + .olgu-sira{margin-top:.45rem}
.olgu-sira__bas{
  font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sonuk);
  font-weight:700;min-width:3.4rem;
}
.olgu-pill{
  display:inline-flex;align-items:center;gap:.4rem;font-size:.81rem;font-weight:500;
  padding:.38rem .82rem;border-radius:999px;cursor:pointer;font-family:inherit;
  border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--acik);
  transition:background .16s var(--yumusak),border-color .16s,color .16s,box-shadow .16s;
}
.olgu-pill:hover{border-color:var(--turuncu-parlak);background:rgba(255,136,0,.09)}
.olgu-pill i{font-style:normal;font-size:.71rem;font-weight:700;opacity:.6}
.olgu-pill[aria-pressed="true"]{
  background:var(--turuncu);border-color:var(--turuncu);color:#fff;
  font-weight:700;box-shadow:0 0 22px rgba(242,101,34,.45);
}
.olgu-pill:focus-visible{outline:2px solid var(--turuncu-parlak);outline-offset:2px}
.olgu-pill--sifirla{border-style:dashed;color:var(--sonuk)}
.olgu-ara{
  flex:1 1 12rem;min-width:10rem;padding:.4rem .9rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.28);color:var(--acik);
  font:inherit;font-size:.81rem;
}
.olgu-ara::placeholder{color:rgba(185,216,247,.5)}
.olgu-durum{font-size:.79rem;color:var(--sonuk);margin:.55rem 0 0}
.olgu-durum b{color:var(--turuncu-parlak)}

/* ── liste ── */
.olgu-liste{list-style:none;margin:0;padding:0}
.olgu-sat{
  position:relative;display:grid;grid-template-columns:9rem minmax(0,1fr);
  gap:0 2.6rem;padding:1.5rem 0;
}
.olgu-sat[hidden]{display:none}
/* ayırıcı: düz çizgi değil, turuncudan sönen gradyan */
.olgu-sat::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,rgba(255,136,0,.5),rgba(255,255,255,.13) 26%,transparent 72%);
}
.olgu-sat:first-child::before{opacity:0}

.olgu-yan{position:relative;z-index:2;display:flex;flex-direction:column;gap:.4rem;padding-top:.3rem}
.olgu-konu{
  font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;
  color:var(--turuncu-parlak);line-height:1.4;
}
.olgu-yer,.olgu-yil{font-size:.74rem;color:var(--nokta);line-height:1.5}
.olgu-govde{position:relative;z-index:2;min-width:0}
.olgu-rozet{
  display:inline-flex;font-size:.65rem;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:#1a0d04;background:var(--turuncu-parlak);
  border-radius:999px;padding:.16rem .6rem;margin:0 .3rem .6rem 0;
  box-shadow:0 0 18px rgba(255,136,0,.4);
}
.olgu-govde h3{margin:0;color:var(--beyaz);font-weight:600;letter-spacing:-.006em}
.olgu-govde p{margin:.65rem 0 0;color:var(--sonuk);line-height:1.68;max-width:74ch}

/* ══ KADEME 1 · ÖNE ÇIKAN — kenara taşan ışık bandı ══
   Kutu değil: renk kapsayıcıdan taşıp ekranın kenarına kadar gidiyor ve
   orada sönüyor. Maske iki uçta yumuşatıyor, yoksa bant ekran kenarında
   bıçak gibi kesiliyor. */
.olgu-sat--one{padding:3.2rem 0 2.9rem}
.olgu-sat--one::after{
  content:"";position:absolute;z-index:0;top:0;bottom:0;
  left:calc(50% - 50vw);width:100vw;pointer-events:none;
  background:
    radial-gradient(120% 130% at 14% 50%, rgba(242,101,34,.28), transparent 58%),
    radial-gradient(90% 120% at 78% 40%, rgba(0,124,214,.2), transparent 62%);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);
}
.olgu-sat--one::before{
  background:linear-gradient(90deg,var(--turuncu),rgba(255,136,0,.35) 40%,transparent 78%);
  height:2px;
}
/* hayalet yıl: dev, çok soluk, metnin arkasında grafik öğe */
.olgu-hayalet{
  position:absolute;z-index:1;right:2%;top:50%;transform:translateY(-50%);
  font-size:clamp(5rem,15vw,11rem);font-weight:800;line-height:.8;letter-spacing:-.05em;
  color:transparent;-webkit-text-stroke:1px rgba(255,136,0,.16);
  font-variant-numeric:tabular-nums;pointer-events:none;user-select:none;
}
/* filigran simge: sağ kenardan taşıyor.

   ÇİZGİ KALINLIĞI ÖLÇEKLE TERS ORANTILI. Simgeler sprite'ta çizgiyle
   çiziliyor ve kalınlığı .sim veriyor: stroke-width:2 — ama bu KULLANICI
   BİRİMİ, yani 24'lük viewBox 15rem'e (240px) büyüyünce 20 piksele çıkıyor.
   Filigranın ince olması gerekiyor; 20 piksellik kontur filigran değil kalın
   bir çizim olurdu. */
.olgu-sat--one .olgu-sim{
  position:absolute;z-index:1;right:-2.5rem;bottom:-3rem;
  width:15rem;height:15rem;color:rgba(255,136,0,.1);pointer-events:none;
  stroke-width:.9;
}
.olgu-sat--one h3{
  font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.12;font-weight:700;
  letter-spacing:-.022em;max-width:20ch;text-shadow:0 2px 26px rgba(0,0,0,.45);
}
.olgu-sat--one p{font-size:1.02rem;color:var(--acik);max-width:66ch}
.olgu-sat--one .olgu-konu{font-size:.72rem}

/* ══ KADEME 2 · ORTA — hafif sol ışık, taşma yok ══ */
.olgu-sat--orta{padding:1.9rem 0}
.olgu-sat--orta::after{
  content:"";position:absolute;z-index:0;top:0;bottom:0;
  left:calc(50% - 50vw);width:100vw;pointer-events:none;
  background:radial-gradient(70% 100% at 10% 50%, rgba(242,101,34,.085), transparent 55%);
}
.olgu-sat--orta h3{font-size:clamp(1.08rem,1.9vw,1.36rem);line-height:1.32;max-width:32ch}
.olgu-sat--orta p{font-size:.93rem}
.olgu-sat--orta .olgu-sim{
  position:absolute;z-index:1;right:1rem;top:50%;transform:translateY(-50%);
  width:5.5rem;height:5.5rem;color:rgba(255,136,0,.07);pointer-events:none;
  stroke-width:1.5;
}

/* ══ KADEME 3 · KISA — sade, ama çizgi hâlâ gradyan ══ */
.olgu-sat--kisa{padding:1.05rem 0}
.olgu-sat--kisa h3{font-size:.98rem;line-height:1.46;font-weight:600;color:var(--acik);max-width:46ch}
.olgu-sat--kisa p{font-size:.875rem;margin-top:.4rem;max-width:78ch}
/* TAM GENİŞLİK (istek, 2026-09-24: "olgu-govde fullwidth yap, yarısı kesik
   gibi"). Başlık 20/32/46ch, paragraf 66/74/78ch ile sınırlıydı; geniş
   ekranda metin satırın ortasında bitiyor, sağ yarı boş kalıyordu. Sınır
   üç kademede de kalkıyor. Seçici (0,2,1): kademe kuralları (0,1,1) ezilsin. */
.olgu-sat .olgu-govde h3,.olgu-sat .olgu-govde p{max-width:none}
.olgu-sat--kisa::before{
  background:linear-gradient(90deg,rgba(255,136,0,.24),rgba(255,255,255,.09) 20%,transparent 60%);
}

.olgu-bos{color:var(--sonuk);font-size:.9rem;padding:2.5rem 0;text-align:center}

@media(max-width:820px){
  .olgu-sat{grid-template-columns:1fr;gap:.55rem}
  .olgu-yan{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.5rem}
  .olgu-hayalet{font-size:5.5rem;right:-.5rem;opacity:.7}
  .olgu-sat--one{padding:2.4rem 0 2.2rem}
  .olgu-sat--one .olgu-sim{width:9rem;height:9rem;right:-2rem;bottom:-2rem}
  .olgu-sira__bas{min-width:100%}
}


/* Kategori hub kartındaki sayı satırı. */
.kat-kart__say{
  display:block;margin-top:.25rem;font-size:.8rem;font-weight:500;
  letter-spacing:.02em;color:var(--sonuk);text-transform:none;
}

/* Kategori kartı = ilçe kartının aynısı (istek, 2026-09-15). Tek fark:
   ilçe kartının üst yarısında nokta haritası var, burada kategorinin
   simgesi ve kod numarası. Aynı yükseklikte bir blok, böylece iki sayfa
   yan yana konduğunda aynı ritmi taşıyor. */
.ilce-kart--kat{--gr:var(--turuncu-parlak)}
.ilce-kart__sim-alan{
  display:grid;place-items:center;gap:.5rem;position:relative;
  min-height:130px;
}
.ilce-kart__sim{
  display:grid;place-items:center;width:4.2rem;height:4.2rem;border-radius:14px;
  background:color-mix(in srgb, var(--gr) 20%, transparent);
  border:1px solid color-mix(in srgb, var(--gr) 42%, transparent);
  transition:background .22s,border-color .22s;
}
.ilce-kart__sim .sim{width:2.1rem;height:2.1rem;color:var(--gr)}
.ilce-kart--kat:hover .ilce-kart__sim{background:var(--gr);border-color:var(--gr)}
.ilce-kart--kat:hover .ilce-kart__sim .sim{color:#0a1c3d}
/* Kod numarası (01…09) filigran gibi köşede. */
.ilce-kart__kod{
  position:absolute;top:.6rem;right:.8rem;
  font-family:'Akzidenz Grotesk XBd Cn',sans-serif;font-size:1.6rem;font-style:italic;
  color:color-mix(in srgb, var(--gr) 28%, transparent);line-height:1;
}
/* Kategori renkleri — sektör bölümleriyle aynı palet. */
.ilce-kart[data-grup="turizm-kultur-genclik-cevre"]{--gr:#E8A33D}
.ilce-kart[data-grup="bayindirlik-ve-ulastirma"]{--gr:#4FA3F0}
.ilce-kart[data-grup="disisleri"]{--gr:#9B87F5}
.ilce-kart[data-grup="maliye"]{--gr:#43C9A0}
.ilce-kart[data-grup="icisleri"]{--gr:#C9A24B}
.ilce-kart[data-grup="milli-egitim"]{--gr:#5BC0DE}
.ilce-kart[data-grup="calisma-ve-sosyal-guvenlik"]{--gr:#F58C4F}
.ilce-kart[data-grup="tarim-ve-dogal-kaynaklar"]{--gr:#7BC24A}
.ilce-kart[data-grup="saglik"]{--gr:#F26A8D}
.ilce-kart--kat:hover{border-color:var(--gr)}
.ilce-kart--kat:hover .ilce-kart__ad,
.ilce-kart--kat .ilce-kart__git{color:var(--gr)}

/* Süzgeç satırındaki metin kutusu (eserler.php). Select'lerle aynı ölçü ve
   aynı yükseklik: dördü tek bir şerit gibi okunsun. */
.eser-arac__girdi{
  width:100%;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.18);border-radius:8px;
  color:var(--beyaz);font-family:'Montserrat',sans-serif;font-size:.92rem;
  padding:.55rem .7rem;
}
.eser-arac__girdi::placeholder{color:rgba(255,255,255,.45)}
.eser-arac__girdi:focus{outline:none;border-color:var(--turuncu-parlak)}
.eser-arac__alan--ara{min-width:min(100%,16rem);flex:1 1 16rem}

/* ------------------------------------------------------------------
   2026-09-22 gece denetimi, Faz 02 — dokunma hedefleri (WCAG 2.5.8, 24px).
   Ölçüldü (390px): .oge__ad 21px, .blok__daha a 19px yüksekliğinde.
   Görünüm değişmiyor: dikey dolgu eklenip aynı miktar negatif kenar
   boşluğuyla geri alınıyor; yalnızca dokunma kutusu büyüyor. */
.oge__ad,.blok__daha a{display:inline-block;padding-block:.2rem;margin-block:-.2rem}

/* 2026-09-22 gece denetimi, Faz 03 — 12 px altı metin (mobil okunabilirlik).
   Ölçüldü (390px): .olgu-konu 10.9, .olgu-rozet 10.4, .olgu-sira__bas 10.7,
   .olgu-pill i 11.4, .olgu-yer/.olgu-yil 11.8, .degisim__not 11.7 px.
   Alt sınır .76rem (12.16 px); harf aralığı ve büyük harf düzeni aynı. */
/* 2026-09-24 (istek): alt sınır .76rem → 1rem, aynı sekiz sınıf. */
.olgu-sira__bas,.olgu-konu,.olgu-sat--one .olgu-konu,.olgu-rozet,.olgu-pill i,
.olgu-yer,.olgu-yil,.degisim__not{font-size:1rem}
/* Faz 03 ek bulgu — kategori sayfalarında GİZLİ YATAY TAŞMA (16 px).
   Öne çıkan kalemin filigran simgesi mobilde right:-2rem ile karttan
   taşıyor; kapsayıcı payı 1rem olduğu için simge görüş alanını 16 px aşıyor.
   Chrome (Android) bu durumda düzen görüş alanını 406 px'e genişletip
   sayfayı %4 küçük çiziyor (ölçüldü: innerWidth 390 → 406; kategori/saglik).
   Simge kapsayıcı payı kadar taşıyor, görüş alanının dışına çıkmıyor. */
@media(max-width:820px){
  .olgu-sat--one .olgu-sim{right:-4vw}   /* kapsayıcı payı (100vw-92vw)/2 = 4vw */
}
/* 2026-09-22 Faz 11: yazdırmada süzgeç/arama formu ve dışa aktarma
   düğmeleri anlamsız (kâğıtta tıklanmaz); gizleniyor. */
@media print{.eser-arac,.olgu-suz,.ara-dugme,.sektor-grup__pdf,.sektor-grup__pdf{display:none !important}}

/* 2026-10-04 (istek): olgu satirlarinin sonundaki filigran simgeler kaldirildi.
   Simge HTML icinde duruyor (uretici basiyor); yalnizca gosterilmiyor. */
.olgu-sat .olgu-sim{display:none}