/* ═══════════════════════════════════════════════════════════════════════
   İÇ SAYFALAR · haber detay + kategori              yeni3/ic-sayfa.css
   stil.css'ten SONRA yüklenir.
   ═══════════════════════════════════════════════════════════════════════ */
.ic-sayfa{grid-template-columns:minmax(0,72fr) minmax(0,28fr)}

/* ── Okuma ilerleme çubuğu ── */
.okuma-cubugu{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent}
.okuma-cubugu span{display:block;height:100%;width:0;background:var(--z);transition:width .1s linear}

/* ── Kırıntı ── */
.kirinti{display:flex;gap:8px;align-items:center;font-size:.74rem;color:var(--soluk);margin-bottom:12px}
.kirinti a{text-decoration:none}
.kirinti a:hover{color:var(--z)}

/* ── Haber başlığı ve spot ── */
/* ═══ HABER/MAKALE BLOĞU ═══
   Müşteri örneği: başlık, tarih, görsel, araçlar ve metin TEK ÇERÇEVEDE,
   sayfa zemininden (#fff1e5) farklı kâğıt tonunda (#ece8dd). */
.hd{background:var(--kagit);border:1px solid var(--kagitc);border-radius:14px;
  padding:30px 32px 34px}
.hd-bas{margin:0;font:800 clamp(1.5rem,2.7vw,2.15rem)/1.22 var(--d);color:var(--murekkep)}

/* Üst satır: tarih · yazdır · yazar · okunma */
.hd-ust{display:flex;flex-wrap:wrap;gap:16px;align-items:center;
  margin:16px 0 0;padding-bottom:16px;border-bottom:1px solid var(--kagitc);
  font-size:.8rem;color:var(--soluk)}
.hd-yazdir{color:var(--z);text-decoration:none;font-weight:600}
.hd-yazdir:hover{text-decoration:underline}
.hd-hit{margin-left:auto}

.hd-spot{margin:20px 0 0;font:italic 400 1.06rem/1.6 var(--d);color:var(--murekkep2)}

.hd-kunye{display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  margin:18px 0 0;padding:13px 0;border-top:1px solid var(--kagitc);border-bottom:1px solid var(--kagitc)}
.hd-kunye-sol{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.74rem;color:var(--soluk)}
.hd-yazar{font:700 .8rem/1 var(--m);color:var(--z)}

/* ── Okuma araçları ── */
.araclar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-left:auto}
.arac,.arac-grup{border:1px solid var(--kagitc);background:var(--beyaz);
  font:600 .72rem/1 var(--m);color:var(--murekkep2)}
.arac{padding:8px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.arac:hover{border-color:var(--z);color:var(--z)}
.arac-grup{display:inline-flex;align-items:stretch;overflow:hidden}
.arac-grup button{border:none;background:none;cursor:pointer;padding:8px 10px;
  font:700 .74rem/1 var(--m);color:var(--murekkep2)}
.arac-grup button:hover:not(:disabled){background:var(--kagit);color:var(--z)}
.arac-grup button:disabled{opacity:.35;cursor:default}
.arac-grup span{display:inline-flex;align-items:center;padding:0 4px;font-size:.68rem;
  color:var(--soluk);border-left:1px solid var(--kagitc);border-right:1px solid var(--kagitc);
  min-width:42px;justify-content:center}
.arac-paylas{position:relative}
.paylas-menu{position:absolute;top:calc(100% + 5px);right:0;z-index:40;min-width:190px;
  background:var(--beyaz);border:1px solid var(--kagitc);border-top:2px solid var(--z);
  box-shadow:0 8px 22px rgba(0,0,0,.15);padding:5px 0;display:none}
.paylas-menu.acik{display:block}
.paylas-menu a,.paylas-menu button{display:block;width:100%;text-align:left;padding:9px 14px;
  border:none;background:none;cursor:pointer;font:600 .8rem/1 var(--m);color:var(--murekkep2);
  text-decoration:none}
.paylas-menu a:hover,.paylas-menu button:hover{background:var(--kagit);color:var(--z)}

/* ── Sesli dinleme çubuğu ── */
.sesli-cubuk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;
  padding:11px 14px;background:var(--kagit);border-left:4px solid var(--z);font-size:.78rem}
.sesli-cubuk button{border:1px solid var(--kagitc);background:var(--beyaz);cursor:pointer;
  padding:7px 11px;font:600 .74rem/1 var(--m);color:var(--murekkep2)}
.sesli-cubuk button:hover{border-color:var(--z);color:var(--z)}
.sesli-cubuk select{border:1px solid var(--kagitc);padding:6px;font:inherit;font-size:.74rem;
  background:var(--beyaz)}
.sesli-cubuk label{display:inline-flex;align-items:center;gap:6px;color:var(--soluk)}
.sesli-cubuk [data-sesli-durum]{margin-left:auto;color:var(--soluk)}
/* Okunan cümle vurgusu */
.sesli-c.okunan{background:#f6e2b8;box-shadow:0 0 0 2px #f6e2b8}

/* ── Kapak ve gövde ── */
.hd-kapak{margin:22px 0 0;background:var(--beyaz);border:1px solid var(--kagitc);
  border-radius:10px;padding:8px}
.hd-kapak img{width:100%;display:block;border-radius:6px}
.hd-kapak figcaption{margin:10px 4px 2px;padding-left:11px;
  border-left:3px solid var(--z);font-size:.76rem;color:var(--murekkep2)}
.hd-kapak figcaption b{font-weight:600;color:var(--murekkep)}
.hd-kapak figcaption span{color:var(--soluk);margin-left:6px}
/* Haber metni ZEMİNİ farklı — müşteri isteği: gövde kâğıt bloğunda dursun,
   sayfanın geri kalanından ayrışsın. */
/* Gövde artık kâğıt bloğun içinde; kendi kutusuna gerek yok */
.hd-govde{margin-top:20px;font-size:1.06rem;line-height:1.78;color:var(--murekkep)}
.hd-govde p{margin:0 0 1.15em}
.hd-govde img{height:auto;margin:14px 0}
.hd-govde h2,.hd-govde h3{font-family:var(--d);line-height:1.3;margin:1.5em 0 .5em}
.hd-govde a{color:var(--z)}
.hd-govde blockquote{margin:1.3em 0;padding:14px 18px;background:var(--kagit);
  border-left:4px solid var(--z);font-style:italic}
/* Temanın genel ul kuralı gövdedeki listeleri bozuyordu — kapsamlı ezme */
.hd-govde ul,.hd-govde ol{float:none;height:auto;white-space:normal;
  margin:0 0 1.15em;padding-left:1.4em;list-style:revert}
.hd-govde li{float:none;height:auto;white-space:normal;margin:0 0 .4em;list-style:inherit}

/* ── İlgili haberler ── */
.hd-ilgili{margin-top:34px}
.ilgili-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.il-oge{display:block;text-decoration:none}
.il-im{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.il-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.il-oge:hover .il-im img{transform:scale(1.06)}
.il-bas{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:9px;font:700 .88rem/1.32 var(--d);color:var(--murekkep)}
.il-oge:hover .il-bas{color:var(--z)}
.il-tar{display:block;margin-top:5px;font-size:.65rem;color:var(--soluk)}

/* ── Yukarı çık ── */
.yukari{position:fixed;right:20px;bottom:22px;z-index:50;width:44px;height:44px;border:none;
  cursor:pointer;background:var(--z);color:#fff;font:700 20px/1 var(--m);
  opacity:0;pointer-events:none;transition:opacity .2s ease,background .15s ease;
  box-shadow:0 3px 12px rgba(0,0,0,.25)}
.yukari.gorunur{opacity:1;pointer-events:auto}
.yukari:hover{background:var(--zk)}

/* ═══ KATEGORİ ═══ */
.kt-adet{margin-left:14px;font-size:.72rem;color:var(--soluk)}
.gorunum-sec{margin-left:auto;display:flex;gap:4px;padding-bottom:5px}
.gorunum-sec a{padding:6px 11px;border:1px solid var(--kagitc);background:var(--beyaz);
  font:600 .7rem/1 var(--m);color:var(--murekkep2);text-decoration:none}
.gorunum-sec a:hover{border-color:var(--z);color:var(--z)}
.gorunum-sec a.on{background:var(--z);border-color:var(--z);color:#fff}

.kt-izgara{display:grid;gap:20px}
.kt-izgara.g-uclu{grid-template-columns:repeat(3,minmax(0,1fr))}
.kt-izgara.g-ikili{grid-template-columns:repeat(2,minmax(0,1fr))}
.kt-izgara.g-liste{grid-template-columns:minmax(0,1fr)}
.kt-kart{display:block;text-decoration:none}
.kt-im{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.kt-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.kt-kart:hover .kt-im img{transform:scale(1.05)}
.kt-ic{display:block}
.kt-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;font-size:.66rem;color:var(--soluk)}
.kt-kat{color:var(--z);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kt-bas{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:6px;font:700 1rem/1.32 var(--d);color:var(--murekkep)}
.kt-kart:hover .kt-bas{color:var(--z)}
.kt-ozet{display:none;margin-top:7px;font-size:.86rem;line-height:1.55;color:var(--murekkep2)}
/* Liste görünümü: görsel solda, metin sağda, özet açık */
.kt-izgara.g-liste .kt-kart{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;
  padding-bottom:20px;border-bottom:1px solid var(--kagitc)}
.kt-izgara.g-liste .kt-meta{margin-top:0}
.kt-izgara.g-liste .kt-bas{font-size:1.18rem;-webkit-line-clamp:2}
.kt-izgara.g-liste .kt-ozet{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kt-izgara.g-ikili .kt-ozet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── Sayfalama ── */
.sayfalama{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:26px;
  padding-top:18px;border-top:1px solid var(--kagitc)}
.sayfalama a{padding:8px 13px;border:1px solid var(--kagitc);background:var(--beyaz);
  font:600 .8rem/1 var(--m);color:var(--murekkep2);text-decoration:none}
.sayfalama a:hover{border-color:var(--z);color:var(--z)}
.sayfalama a.on{background:var(--z);border-color:var(--z);color:#fff}
.sayfalama-bilgi{margin-left:auto;font-size:.72rem;color:var(--soluk)}
.etiketler a.on{background:var(--z);border-color:var(--z);color:#fff}

@media (max-width:1080px){
  .ic-sayfa{grid-template-columns:minmax(0,1fr)}
  .ilgili-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kt-izgara.g-uclu{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .araclar{margin-left:0;width:100%}
  .kt-izgara.g-uclu,.kt-izgara.g-ikili{grid-template-columns:minmax(0,1fr)}
  .kt-izgara.g-liste .kt-kart{grid-template-columns:minmax(0,1fr);gap:10px}
  .ilgili-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gorunum-sec{margin-left:0;width:100%;padding-top:8px}
  .bant{flex-wrap:wrap}
  .yukari{right:12px;bottom:14px;width:40px;height:40px}
}

/* Yazdırırken araçlar, raylar, menü çıkmasın */
@media print{
  .oz-uyari,.ust,.menu,.araclar,.sesli-cubuk,.okuma-cubugu,.yukari,
  .sag,.altlik,.kunye-rk,.hd-ilgili{display:none !important}
  .kap{box-shadow:none;max-width:none}
  .ic-sayfa{grid-template-columns:minmax(0,1fr);padding:0}
}

/* ── Yazar kartı (makale altı) ── */
.yazar-kart{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;
  margin-top:32px;padding:20px;background:var(--kagit);border:1px solid var(--kagitc);
  border-left:5px solid var(--z)}
.yazar-kart .yz-foto{width:96px;height:96px;box-shadow:0 0 0 3px var(--beyaz),0 0 0 5px var(--z)}
.yazar-kart-ad{display:block;font:800 1.12rem/1.2 var(--d);color:var(--murekkep);text-decoration:none}
.yazar-kart-ad:hover{color:var(--z)}
.yazar-kart-ozet{margin:8px 0 0;font-size:.88rem;line-height:1.6;color:var(--murekkep2)}
.yazar-kart-tum{display:inline-block;margin-top:10px;font:700 .7rem/1 var(--m);letter-spacing:.08em;
  text-transform:uppercase;color:var(--z);text-decoration:none;border-bottom:2px solid var(--z);
  padding-bottom:3px}

/* ── Yazar profili tepesi ── */
.yazar-tepe{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:start;
  margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--kagitc)}
.yazar-tepe .yz-foto{width:120px;height:120px;box-shadow:0 0 0 3px var(--beyaz),0 0 0 5px var(--z)}
.yazar-tepe-ad{margin:0;font:800 1.7rem/1.2 var(--d);color:var(--murekkep)}
.yazar-tepe-adet{margin:6px 0 0;font:700 .7rem/1 var(--m);letter-spacing:.1em;
  text-transform:uppercase;color:var(--z)}
.yazar-tepe-ozet{margin:12px 0 0;font-size:.94rem;line-height:1.65;color:var(--murekkep2)}
.yazar-sosyal{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.yazar-sosyal a{padding:6px 11px;border:1px solid var(--kagitc);background:var(--beyaz);
  font:600 .7rem/1 var(--m);color:var(--murekkep2);text-decoration:none}
.yazar-sosyal a:hover{background:var(--z);border-color:var(--z);color:#fff}

/* ── Sade liste satırı (yazar yazıları, aynı yazardan) ── */
.sade-satir{display:block;text-decoration:none;padding:13px 0 13px 13px;
  border-bottom:1px solid var(--kagitc);border-left:3px solid transparent;
  transition:border-color .15s ease,background .15s ease}
.sade-satir:last-child{border-bottom:none}
.sade-satir:hover{border-left-color:var(--z);background:var(--kagit)}
.sade-bas{display:block;font:700 1rem/1.35 var(--d);color:var(--murekkep)}
.sade-satir:hover .sade-bas{color:var(--z)}
.sade-ozet{display:block;margin-top:5px;font-size:.86rem;color:var(--murekkep2)}
.sade-tar{display:block;margin-top:5px;font-size:.66rem;color:var(--soluk)}

/* ── Köşe yazısı kartında yazar vesikalığı (kapak yoksa) ── */
.kt-yazarli{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:var(--kagit)}
.kt-yazarli .yz-foto{width:78px;height:78px;box-shadow:0 0 0 3px var(--beyaz),0 0 0 5px var(--z)}

/* ── Arama kutusu ── */
.arama-kutu{display:flex;gap:0;margin-bottom:22px}
.arama-kutu input{flex:1 1 auto;min-width:0;border:1px solid var(--kagitc);border-right:none;
  padding:13px 15px;font:inherit;font-size:1rem;background:var(--beyaz);color:var(--murekkep)}
.arama-kutu input:focus{outline:none;border-color:var(--z)}
.arama-kutu button{border:none;background:var(--z);color:#fff;padding:0 26px;cursor:pointer;
  font:700 .82rem/1 var(--m);letter-spacing:.06em;text-transform:uppercase}
.arama-kutu button:hover{background:var(--zk)}

@media (max-width:760px){
  .yazar-kart,.yazar-tepe{grid-template-columns:minmax(0,1fr);gap:14px}
}

/* Tek sütunlu iç sayfa (kategori) — sağ ray kaldırıldı ama genişlik
   ana sayfayla AYNI kapsayıcıda kalır; içerik ölçüsü okunur sınırda durur. */
.ic-tek{grid-template-columns:minmax(0,1fr)}
.ic-tek .kt-izgara.g-liste .kt-bas{max-width:62ch}
.ic-tek .kt-izgara.g-liste .kt-ozet{max-width:78ch}

/* ═══════════════════════════════════════════════════════════════════════
   KÖŞE YAZILARI · blok yapısı canlı makaleler.php'den
   ═══════════════════════════════════════════════════════════════════════ */
.mo-tepe{display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  padding-bottom:16px;margin-bottom:24px;border-bottom:3px solid var(--z)}
.mo-baslik{margin:0;font:800 1.6rem/1 var(--d);color:var(--murekkep)}
.mo-ara{display:flex;margin-left:auto}
.mo-ara input{border:1px solid var(--kagitc);border-right:none;padding:10px 14px;
  font:inherit;font-size:.88rem;background:var(--beyaz);color:var(--murekkep);min-width:230px}
.mo-ara input:focus{outline:none;border-color:var(--z)}
.mo-ara button{border:none;background:var(--z);color:#fff;padding:0 20px;cursor:pointer;
  font:700 .74rem/1 var(--m);letter-spacing:.06em;text-transform:uppercase}
.mo-ara button:hover{background:var(--zk)}
.mo-sayi{font:600 .72rem/1 var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.mo-suzgec{margin:-10px 0 20px;font-size:.86rem;color:var(--murekkep2)}
.mo-suzgec a{margin-left:10px;color:var(--z);text-decoration:none;font-size:.78rem}

/* Ortak yazar rozeti */
.mo-yazar-bag{text-decoration:none;display:inline-block}
.mo-yazar{display:inline-flex;align-items:center;gap:9px}
.mo-foto{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--z);
  display:grid;place-items:center;flex:0 0 auto;
  box-shadow:0 0 0 2px var(--beyaz),0 0 0 3px var(--z)}
.mo-foto img{width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1);transition:filter .25s ease}
.mo-yazar-bag:hover .mo-foto img{filter:none}
.mo-harf{color:#fff;font:700 .95rem/1 var(--d)}
.mo-yazar-ad{font:700 .8rem/1.2 var(--m);color:var(--z)}
.mo-tarih{display:block;font-size:.68rem;color:var(--soluk)}

/* Kapak — paylaşım görseli yoksa harf rozeti */
.mo-kapak{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--kagit)}
.mo-kapak img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.mo-kapak:hover img{transform:scale(1.04)}
.mo-kapaksiz{display:grid;place-items:center;width:100%;height:100%;
  background:linear-gradient(135deg,var(--z),var(--zk));color:rgba(255,255,255,.55);
  font:800 3.4rem/1 var(--d)}

/* Öne çıkan */
.mo-one{display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:24px;
  align-items:center;margin-bottom:30px;padding-bottom:28px;
  border-bottom:1px solid var(--kagitc)}
.mo-one-ic{min-width:0}
.mo-etiket{display:inline-block;background:var(--z);color:#fff;padding:5px 10px;
  font:700 .62rem/1 var(--m);letter-spacing:.14em;text-transform:uppercase}
.mo-one-baslik{margin:12px 0 0;font:800 1.5rem/1.25 var(--d)}
.mo-one-baslik a{color:var(--murekkep);text-decoration:none}
.mo-one-baslik a:hover{color:var(--z)}
.mo-one-ozet{margin:11px 0 0;font-size:.96rem;line-height:1.6;color:var(--murekkep2)}
.mo-one-alt{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}
.mo-one-alt .mo-tarih{margin-left:auto}

/* ÜÇ sütunlu kart ızgarası (müşteri isteği; canlıda iki sütundu) */
.mo-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mo-kart{background:#f5ede4;border:1px solid var(--kagitc);padding:0 0 16px;
  transition:border-color .18s ease,transform .18s ease}
.mo-kart:hover{border-color:var(--z);transform:translateY(-2px)}
.mo-kart>.mo-yazar-bag{margin:13px 15px 0}
.mo-kart-baslik{margin:9px 15px 0;font:700 .98rem/1.34 var(--d)}
.mo-kart-baslik a{color:var(--murekkep);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mo-kart-baslik a:hover{color:var(--z)}
.mo-kart-ozet{margin:8px 15px 0;font-size:.82rem;line-height:1.55;color:var(--murekkep2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mo-kart .mo-tarih{margin:10px 15px 0}
.mo-izgara .mo-foto{width:32px;height:32px}
.mo-izgara .mo-yazar-ad{font-size:.74rem}
.mo-izgara .mo-harf{font-size:.85rem}

/* Yazar süzgeci — üstte ve altta aynı biçim */
.mo-yazarlar-ust{margin:0 0 26px}
.mo-yazarlar-alt{margin-top:34px}

@media (max-width:1000px){
  .mo-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media (max-width:900px){
  .mo-one{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .mo-izgara{grid-template-columns:minmax(0,1fr)}
  .mo-ara{margin-left:0;width:100%}
  .mo-ara input{min-width:0;flex:1 1 auto}
  .mo-one-alt .mo-tarih{margin-left:0}
}

/* ═══ KÜNYE ═══ */
.kunye-blok{margin-bottom:32px}
.kunye-metin{font-size:1rem;line-height:1.75;color:var(--murekkep)}
.kunye-metin p{margin:0 0 1em}
.kunye-metin strong{color:var(--murekkep)}
.kunye-liste{margin:0;display:grid;gap:1px;background:var(--kagitc);
  border:1px solid var(--kagitc)}
.kunye-liste > div{display:grid;grid-template-columns:130px minmax(0,1fr);
  background:var(--beyaz)}
.kunye-liste dt{padding:12px 15px;background:var(--kagit);font:700 .78rem/1.4 var(--m);
  color:var(--murekkep2);letter-spacing:.04em}
.kunye-liste dd{margin:0;padding:12px 15px;font-size:.92rem;color:var(--murekkep)}
.kunye-liste a{color:var(--z);text-decoration:none}
.kunye-liste a:hover{text-decoration:underline}
.kunye-dugme{display:inline-block;margin-top:14px;padding:10px 16px;background:var(--z);
  color:#fff;text-decoration:none;font:700 .74rem/1 var(--m);letter-spacing:.06em;
  text-transform:uppercase}
.kunye-dugme:hover{background:var(--zk)}
.kunye-harita{position:relative}
.kunye-harita iframe{width:100%;min-height:320px;border:1px solid var(--kagitc);display:block}

/* ═══ İLETİŞİM FORMU ═══ */
.il-form{margin-top:22px}
.il-ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.il-alan{display:block;margin-bottom:16px}
.il-alan > span{display:block;margin-bottom:6px;font:700 .76rem/1.3 var(--m);color:var(--murekkep2)}
.il-alan > span b{color:var(--z)}
.il-alan > span i{font-style:normal;font-weight:400;color:var(--soluk)}
.il-alan input,.il-alan select,.il-alan textarea{width:100%;border:1px solid var(--kagitc);
  background:var(--beyaz);padding:11px 13px;font:inherit;font-size:.94rem;
  color:var(--murekkep);border-radius:0}
.il-alan input:focus,.il-alan select:focus,.il-alan textarea:focus{outline:none;border-color:var(--z)}
.il-alan textarea{resize:vertical;line-height:1.6}
.il-gonder{border:none;background:var(--z);color:#fff;padding:13px 30px;cursor:pointer;
  font:700 .8rem/1 var(--m);letter-spacing:.08em;text-transform:uppercase}
.il-gonder:hover{background:var(--zk)}
/* Bot kapanı — ekranda görünmez ama display:none DEĞİL (bazı botlar onu atlar) */
.il-kapan{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.form-basari,.form-hata{margin-top:20px;padding:14px 16px;font-size:.92rem;line-height:1.55}
.form-basari{background:#e6f4ea;border-left:4px solid #2e7d4f;color:#1e5233}
.form-hata{background:#fdecea;border-left:4px solid #b3261e;color:#8c1d18;
  display:flex;flex-direction:column;gap:4px}

@media (max-width:640px){
  .il-ikili{grid-template-columns:minmax(0,1fr);gap:0}
  .kunye-liste > div{grid-template-columns:minmax(0,1fr)}
  .kunye-liste dt{padding-bottom:2px}
}


/* ── Paylaşım çubuğu — canlı sitedeki socializer ölçüleriyle ── */
.paylas-cubuk{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:22px}
.paylas-etiket{font:700 .72rem/1 var(--m);letter-spacing:.1em;text-transform:uppercase;
  color:var(--soluk);margin-right:4px}
.paylas-dg{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;
  background:#333;color:#fff;text-decoration:none;border:none;cursor:pointer;
  font:600 .76rem/1 var(--m);transition:background .15s ease}
.paylas-dg svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
.paylas-dg:hover{background:var(--z)}
.paylas-kopya{background:#555}

@media (max-width:520px){
  .paylas-dg span{display:none}       /* dar ekranda yalnız simge */
  .paylas-dg{padding:0 12px}
  .hd-govde{padding:18px 16px}
}

:root[data-tema="koyu"] .hd{background:#22262a}
:root[data-tema="koyu"] .hd-kapak{background:#1a1d21}


/* ── Okuma araçları şeridi — resmin ALTINDA, beyaz kutu ── */
.oku-serit{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;
  padding:12px 14px;background:var(--beyaz);border:1px solid var(--kagitc);border-radius:8px}
.oku-etiket{font-size:.78rem;color:var(--soluk)}
.oku-boyut{display:inline-flex;gap:6px}
.oku-boyut button{width:38px;height:34px;border:1px solid var(--kagitc);background:var(--beyaz);
  cursor:pointer;font:700 .82rem/1 var(--m);color:var(--murekkep2);border-radius:5px;
  transition:background .15s ease,color .15s ease,border-color .15s ease}
.oku-boyut button:hover:not(:disabled){border-color:var(--z);color:var(--z)}
.oku-boyut button.on{background:var(--z);border-color:var(--z);color:#fff}
.oku-boyut button:disabled{opacity:.4;cursor:default}

.oku-dinle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;
  border:none;border-radius:5px;cursor:pointer;background:var(--z);color:#fff;
  font:700 .82rem/1 var(--m)}
.oku-dinle:hover{background:var(--zk)}

.oku-sesli{display:inline-flex;align-items:center;gap:7px}
.oku-dur{height:34px;padding:0 13px;border:1px solid var(--kagitc);border-radius:5px;
  background:var(--kagit);cursor:pointer;font:600 .78rem/1 var(--m);color:var(--soluk)}
.oku-dur:hover:not(:disabled){border-color:var(--z);color:var(--z);background:var(--beyaz)}
.oku-dur:disabled{opacity:.5;cursor:default}
.oku-hiz{height:34px;border:1px solid var(--kagitc);border-radius:5px;background:var(--beyaz);
  padding:0 8px;font:inherit;font-size:.78rem;color:var(--murekkep2)}
.oku-durum{font-size:.74rem;color:var(--soluk)}
.oku-sure{margin-left:auto;font-size:.78rem;color:var(--soluk)}
.oku-gizli{display:none}

@media (max-width:760px){
  .hd{padding:20px 16px 24px;border-radius:10px}
  .oku-serit{gap:8px;padding:10px}
  .oku-etiket{width:100%}
  .oku-sure{margin-left:0;width:100%}
}