/* ==========================================================================
   RNK WebOS — pencere sistemli okuyucu (HRN WebOS tasarim dili)
   ========================================================================== */
/* --- gomulu fontlar (fonts/, yerel; CDN yok) --- */
/* ?v=2: fontlara FE85(izole ؤ)+FEED(izole vav) glifleri aşılandı; fontlar
   immutable önbellekli olduğundan URL sürümü değişmeli yoksa eski font kalır */
@font-face{font-family:"RNK Taha";src:url("../fonts/osmantaha.ttf?v=2");font-weight:400;font-display:swap}
@font-face{font-family:"RNK Taha";src:url("../fonts/osmantahabd.ttf?v=2");font-weight:700;font-display:swap}
@font-face{font-family:"RNK Mumtaz";src:url("../fonts/mumtaz.ttf?v=2");font-display:swap}
@font-face{font-family:"RNK Souvenir";src:url("../fonts/souvenir.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Souvenir";src:url("../fonts/souvenirbd.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Souvenir";src:url("../fonts/souveniri.ttf");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Souvenir";src:url("../fonts/souvenirbi.ttf");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Times";src:url("../fonts/times.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Times";src:url("../fonts/timesbd.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Times";src:url("../fonts/timesi.ttf");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Times";src:url("../fonts/timesbi.ttf");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Arial";src:url("../fonts/arial.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Arial";src:url("../fonts/arialbd.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Arial";src:url("../fonts/ariali.ttf");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Arial";src:url("../fonts/arialbi.ttf");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Verdana";src:url("../fonts/verdana.ttf");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Verdana";src:url("../fonts/verdanabd.ttf");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"RNK Verdana";src:url("../fonts/verdanai.ttf");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Verdana";src:url("../fonts/verdanabi.ttf");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"RNK Corsiva";src:url("../fonts/corsiva.ttf");font-display:swap}
/* kitap ana başlıkları (Birinci Söz...) — eski rnk.tr görünümü (Old English Text MT) */
/* Liva Nur ("Barla") — rnk.tr'nin konu başlığı fontu (assets/fonts/liva_nur.ttf,
   21.07.2026 kullanıcı isteğiyle Old English yerine). Türkçe kapsama tam
   (yalnız büyük Ğ yok — serif'e düşer). */
@font-face{font-family:"RNK Baslik";src:url("../fonts/liva_nur.ttf");font-display:swap}
/* ayet numarasi madalyonlari (gul icinde rakam, U+C739..C856 = 1..286) */
@font-face{font-family:"RNK Ayet";src:url("../fonts/ayetrakam.ttf");font-display:swap}

:root{
  --masa:#e9ecf3;         --masa2:#dfe4ee;
  --yzey:#ffffff;         --yzey2:#f6f8fb;
  --cizgi:#e2e7f0;        --cizgi2:#cdd5e3;
  --metin:#1c2433;        --metin2:#6b7690;
  --pri:#4f63d2;          --pri-acik:#eef1fd;   --pri-koyu:#3b4cb0;
  --kagit:#fbf7ee;        --kagit-cizgi:#e6dcc2;--kagit-metin:#241c0e;
  --kagit-baslik:#6e4610;
  --syf:#b8a878;          --syf-cizgi:#dcd0b2;
  --isaret:#ffe9a8;
  --vurgu:#b98a2f;
  --hypr-a:#3bc9ff;       --hypr-b:#a066ff;   /* Hyprland aktif pencere gradyanı */
  --cam:rgba(255,255,255,.72);   /* tepe bar + dock buzlu cami : js yzey'den turetir */
  --golge:0 4px 18px rgba(30,40,70,.10);
  --golge2:0 18px 50px rgba(30,40,70,.25);
  --okuma-punto:15pt;
  --metin-font:"RNK Souvenir","Segoe UI",system-ui,serif;
  --ar-font:"RNK Taha","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:"Segoe UI",system-ui,Arial,sans-serif;
  background:linear-gradient(160deg,var(--masa),var(--masa2));
  color:var(--metin);
  overflow:hidden;
  font-size:14px;
}
.gizli{display:none !important}
button{font-family:inherit}

/* ================= tepe bar ================= */
.tepe{
  position:fixed;top:0;left:0;right:0;height:40px;z-index:900;
  display:flex;align-items:center;gap:16px;padding:0 14px;
  background:var(--cam);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cizgi);
}
/* üst bar markası: Arapça besmele + "Risale-i Nur Külliyatı" (21.07.2026) */
.tepe-marka{display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap}
.tepe-marka b{letter-spacing:.3px;font-weight:700}
.tepe-marka .marka-ar{
  font-family:var(--ar-font);font-size:19px;line-height:1;color:var(--pri-koyu);
}
.tepe-ara{position:relative}
.tepe-ara input{
  width:280px;padding:6px 14px;font-size:13px;outline:none;
  border:1px solid var(--cizgi2);border-radius:999px;background:var(--yzey);
}
.tepe-ara input:focus{border-color:var(--pri)}
.ara-acilir{
  position:absolute;top:36px;left:0;width:340px;max-height:50vh;overflow-y:auto;
  background:var(--yzey);border:1px solid var(--cizgi);border-radius:12px;
  box-shadow:var(--golge2);padding:6px;
}
.ara-acilir .oge{
  display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;
}
.ara-acilir .oge:hover{background:var(--pri-acik)}
.ara-acilir .oge img{width:26px;height:38px;object-fit:cover;border-radius:4px}
.ara-acilir .oge .k{font-size:11px;color:var(--metin2)}
.tepe-sag{margin-left:auto;color:var(--metin2);font-size:12.5px}

/* ================= masaustu ================= */
#masaustu{position:fixed;inset:40px 0 0 0}

/* ================= dock ================= */
/* dis kap seffaf ve kirpmasiz -> etiket ve buyuyen ikonlar tepsinin
   ustune tasabilir (onceden overflow-x etiketleri kirpiyordu) */
.dock{
  position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:950;
  max-width:96vw;
}
.dock-tepsi{
  position:relative;
  display:flex;gap:6px;align-items:flex-end;
  background:var(--cam);backdrop-filter:blur(14px);
  border:1px solid var(--cizgi);border-radius:20px;
  padding:8px 12px;box-shadow:var(--golge2);
  max-width:2000px;transition:max-width .32s cubic-bezier(.2,.8,.2,1);
}
/* 30 sn boşta: ilk butonun üzerine daral (yatay başlat menüsü gibi).
   hover/tık ile açılır (JS .dock-gizli'yi kaldırır; CSS hover anlık genişletir). */
/* daralınca: ilk buton yerine belirgin "başlat/menü" ızgara ikonu görünür */
.dock-baslat{
  position:absolute;left:0;top:0;bottom:0;width:64px;z-index:3;
  display:none;align-items:center;justify-content:center;
  border:none;background:var(--cam);backdrop-filter:blur(14px);
  border:1px solid var(--cizgi);border-radius:20px;box-shadow:var(--golge2);
  color:var(--pri);cursor:pointer;
}
.dock-baslat:hover{color:var(--pri-koyu)}
.dock.dock-gizli .dock-tepsi{max-width:64px;overflow:hidden}
.dock.dock-gizli .dock-oge{opacity:0;pointer-events:none}
.dock.dock-gizli .dock-baslat{display:flex}
.dock.dock-gizli:hover .dock-tepsi{max-width:2000px;overflow:visible}
.dock.dock-gizli:hover .dock-oge{opacity:1;pointer-events:auto}
.dock.dock-gizli:hover .dock-baslat{display:none}
.dock.dock-gizli .dock-oge button{transform:none !important}
.dock-oge{position:relative;display:flex;flex-direction:column;align-items:center}
.dock-oge button{
  width:52px;height:52px;border-radius:14px;border:none;cursor:pointer;
  background:var(--yzey2);font-size:26px;line-height:1;
  transition:transform .09s ease-out,background .12s;
  transform-origin:50% 100%;
  display:flex;align-items:center;justify-content:center;
}
.dock-oge button:hover{background:var(--pri-acik)}
.dock-oge .etiket{
  position:absolute;bottom:104px;left:50%;
  transform:translateX(-50%) translateY(6px);
  background:#20283a;color:#fff;font-size:11.5px;font-weight:600;
  padding:4px 10px;border-radius:8px;white-space:nowrap;
  opacity:0;pointer-events:none;
  transition:opacity .15s,transform .15s;
  z-index:5;
}
.dock-oge:hover .etiket{opacity:1;transform:translateX(-50%) translateY(0)}
.dock-oge .nokta{
  width:4px;height:4px;border-radius:50%;background:var(--pri);
  margin-top:3px;opacity:0;
}
.dock-oge.acik .nokta{opacity:1}
@media (max-width:760px){
  /* mobilde üst bar (marka + arama kutusu) GİZLİ: arama dock 🔍 ile yapılır,
     masaüstü tam yükseklik alır (2026-07-24 kullanıcı isteği) */
  .tepe{display:none}
  #masaustu{inset:0}
  /* dar ekranda tepsi kaydirilabilir; buyutec animasyonu js'te kapali kalir */
  .dock-tepsi{overflow-x:auto}
  .dock.dock-gizli:hover .dock-tepsi{overflow-x:auto}
  .dock-oge .etiket{display:none}
  /* mobilde pencere düğmelerinden yüzer(❐) ve tam ekran(□) gizli; yalnız kapat(✕)
     kalır (döşeme/yüzer mobilde anlamsız, yer kazandırır — 2026-07-24) */
  .p-toplar .sari,.p-toplar .yesil{display:none}
  /* sayfa göstergesi kitap adının yanında kompakt dursun */
  .p-ad .sayfa-rozet{font-size:11.5px;color:var(--metin2);white-space:nowrap}
}

/* ================= pencere (Hyprland tarzı döşeme) ================= */
/* gradyan kenarlık : cift arka plan hilesi (padding-box gövde + border-box
   gradyan) -> yuvarlak köşeli gradyan çerçeve, overflow:hidden ile uyumlu */
.pencere{
  position:absolute;display:flex;flex-direction:column;
  min-width:190px;min-height:130px;
  border:2px solid transparent;border-radius:12px;
  background:
    linear-gradient(var(--yzey),var(--yzey)) padding-box,
    linear-gradient(130deg,var(--cizgi2),var(--cizgi2)) border-box;
  box-shadow:var(--golge);
  overflow:hidden;
  /* YALNIZ konum animasyonlu; width/height ANLIK (tek reflow).
     Aksi halde büyük okuyucular (Kur'an ~27bin DOM) tam ekran/döşeme
     boyutlanırken her karede yeniden akıp tarayıcıyı çökertiyordu. */
  transition:left .2s cubic-bezier(.2,.85,.25,1),
             top .2s cubic-bezier(.2,.85,.25,1),
             box-shadow .18s, background .3s;
}
.pencere.aktif{
  background:
    linear-gradient(var(--yzey),var(--yzey)) padding-box,
    linear-gradient(130deg,var(--hypr-a),var(--hypr-b)) border-box;
  box-shadow:var(--golge2);
}
.pencere.kayan{transition:none}                 /* serbest sürükleme sırasında */
.wm-boyut .pencere{transition:none}             /* döşeme boyutlandırma sırasında */
.pencere.serbest{resize:both;box-shadow:var(--golge2)}
.pencere.tamekran{border-radius:0;border-width:0}  /* tam ekranda çerçeve çizgisi yok (2026-07-24) */
.pencere.suruklenen{opacity:.9;box-shadow:var(--golge2)}
.pencere.hedef{outline:3px solid var(--hypr-a);outline-offset:-3px}

@keyframes wm-acilis{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes wm-kapanis{to{opacity:0;transform:scale(.9)}}
.pencere.acilis{animation:wm-acilis .18s ease-out}
.pencere.kapanis{animation:wm-kapanis .16s ease-in forwards;pointer-events:none}

/* döşeme boyutlandırma tutamakları (boşlukta durur) */
.rz-r,.rz-b{position:absolute;z-index:6}
.rz-r{top:10px;bottom:10px;right:-6px;width:12px;cursor:col-resize}
.rz-b{left:10px;right:10px;bottom:-6px;height:12px;cursor:row-resize}
.pencere.serbest .rz-r,.pencere.serbest .rz-b,
.pencere.tamekran .rz-r,.pencere.tamekran .rz-b{display:none}
.p-bas{
  flex:0 0 auto;display:flex;align-items:center;gap:10px;
  height:40px;padding:0 12px;
  background:var(--yzey2);border-bottom:1px solid var(--cizgi);
  cursor:grab;user-select:none;
}
.p-bas:active{cursor:grabbing}
/* Windows standardı pencere düğmeleri: başlık solda, düğmeler sağda.
   Eskiden mac trafik ışıklarıydı (12px renkli daireler) — anlaşılmıyor ve
   tıklaması zordu; ikonlu + geniş vuruş alanlı düğmelere çevrildi. */
.p-toplar{display:flex;gap:2px;margin-left:auto;flex:0 0 auto}
.p-top{
  width:38px;height:30px;border-radius:7px;border:none;cursor:pointer;padding:0;
  background:transparent;color:var(--metin2);
  font-size:13px;line-height:1;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  touch-action:manipulation;   /* dokunmada 300ms bekleme/zoom jesti olmasın */
  position:relative;
}
/* KAPAT butonunun dokunma alanı görünenden BÜYÜK: her yönde +12px görünmez
   hit alanı (parmakla ıskalanıyordu — 2026-07-24). Görsel boyut değişmez. */
.p-top.kirmizi::after{content:"";position:absolute;inset:-12px}
.p-top.kirmizi{font-size:15px}
.p-top:hover{background:var(--pri-acik);color:var(--pri-koyu)}
.p-top.kirmizi:hover{background:#e81123;color:#fff}
.p-ad{
  font-weight:700;font-size:13.5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  display:flex;align-items:center;gap:8px;min-width:0;flex:1;
}
/* OKUYUCUDA TEK SATIR: arac cubugu (.oku-arac) app.js tarafindan p-bas'a
   tasinir -> baslik + araclar + pencere dugmeleri ayni satirda (kucuk ekranda
   dikey israfi onler; dar ekranda kendiliginden alt satira sarar). */
.p-bas{height:auto;min-height:40px;flex-wrap:wrap;row-gap:2px;padding:3px 8px 3px 12px}
.p-bas .p-ad{flex:0 1 auto;max-width:34%}
.p-bas .oku-arac{
  flex:1 1 auto;justify-content:flex-end;min-width:0;
  border-bottom:none;background:transparent;padding:0 4px;
}
.p-bas .oku-arac > span[style*="flex"]{display:none}  /* eski esnek boslugu iptal */
/* dar ekran: araclar kompaktlasir ki tek (en fazla iki) satirda kalsin */
@media (max-width: 700px){
  .p-bas{padding:2px 6px;column-gap:6px}
  .p-bas .p-ad{max-width:calc(100% - 130px)}
  .p-bas .oku-arac{gap:4px;padding:0}
  .p-bas .oku-arac .btn{padding:4px 7px;font-size:11.5px}
  .p-bas .sayfa-rozet{font-size:11px}
  .p-bas .sayfa-git input{width:40px}
  /* mobilde yalnız ✕ görünür (❐/□ gizli) -> dokunma alanı BÜYÜK olabilir.
     32x28 parmak için duyarsızdı; 48x38 de yetmedi -> 56x44 + ::after hit
     genişletmesi (2026-07-24 kullanıcı raporu x2). */
  .p-top{width:56px;height:44px;font-size:18px}
  .p-top.kirmizi{font-size:21px}
}
.p-ad .pikon{font-size:15px}
.p-govde{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}

/* ================= kategori penceresi ================= */
.kitap-izgara{
  flex:1;overflow-y:auto;padding:16px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;
  align-content:start;
}
.kitap{cursor:pointer;text-align:center;transition:transform .1s}
.kitap:hover{transform:translateY(-3px)}
.kitap .kapak{
  width:96px;height:137px;border-radius:8px;object-fit:cover;
  border:1px solid var(--cizgi);box-shadow:var(--golge);background:var(--kagit);
}
.kitap .kapak-yok{
  width:96px;height:137px;margin:0 auto;border-radius:8px;
  background:linear-gradient(160deg,#f8f0dd,#eadfc4);
  border:1px solid var(--kagit-cizgi);box-shadow:var(--golge);
  display:flex;align-items:center;justify-content:center;
  padding:8px;font-size:11.5px;font-weight:600;color:#6e4610;line-height:1.35;
}
.kitap .ad{
  margin-top:6px;font-size:11px;color:var(--metin2);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.liste-bos{padding:34px;text-align:center;color:var(--metin2);font-size:13px}
.raf-bos{display:flex;align-items:center;justify-content:center;height:100%;min-height:220px;
  padding:34px;text-align:center;color:var(--metin2);font-size:17px}

/* liste satiri (son okunanlar vb) */
.kitap-liste{flex:1;overflow-y:auto;padding:10px 12px}
.kl-satir{
  display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;cursor:pointer;
}
.kl-satir:hover{background:var(--pri-acik)}
.kl-satir img,.kl-satir .kapak-yok{width:34px;height:48px;border-radius:5px;object-fit:cover;flex:0 0 auto}
.kl-satir .kapak-yok{font-size:0;padding:0}
.kl-satir .b{flex:1;min-width:0}
.kl-satir .b .a{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kl-satir .b .k{font-size:11.5px;color:var(--metin2)}
.kl-satir .sag{color:var(--metin2);font-size:11.5px;flex:0 0 auto}

/* ================= okuyucu penceresi ================= */
.oku-arac{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:7px 10px;border-bottom:1px solid var(--cizgi);background:var(--yzey);
}
.btn{
  border:1px solid var(--cizgi2);background:var(--yzey);color:var(--pri-koyu);
  padding:5px 11px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;
  white-space:nowrap;
}
.btn:hover{background:var(--pri-acik)}
.btn.aktif{background:var(--pri);color:#fff;border-color:var(--pri)}
.sayfa-rozet{
  background:var(--pri-acik);border:1px solid var(--cizgi);
  padding:4px 11px;border-radius:999px;font-size:12px;color:var(--pri-koyu);white-space:nowrap;
}
.sayfa-git{display:flex;align-items:center;gap:4px}
.sayfa-git input{
  width:52px;padding:5px 7px;border:1px solid var(--cizgi2);border-radius:8px;
  font-size:12.5px;text-align:center;outline:none;
}
.sayfa-git input.hata,.fh-git-satir input.hata{background:#fde8e0;border-color:#e2a48c}
/* Fihrist paneli "sayfaya git" satırı (araç çubuğundan taşındı, 2026-07-24) */
.fh-git-satir{display:flex;align-items:center;gap:6px;padding:8px 12px;
  border-bottom:1px solid var(--cizgi);font-size:12.5px;color:var(--metin2)}
.fh-git-satir input{width:64px;padding:5px 7px;border:1px solid var(--cizgi2);
  border-radius:8px;font-size:12.5px;text-align:center;outline:none}
.fh-git-satir .btn{padding:5px 12px}
.fh-git-satir .fh-git-tavan{color:var(--metin2)}

.oku-govde{flex:1;display:flex;overflow:hidden;position:relative}
.oku-kap{flex:1;overflow-y:auto;background:var(--kagit)}
.icerik{
  max-width:56em;margin:0 auto;padding:26px 30px 60px;
  font-family:var(--metin-font);
  font-size:var(--okuma-punto);line-height:1.95;color:var(--kagit-metin);
}
/* NATIVE SANALLAŞTIRMA: ekran-dışı paragraf/başlıkların layout+paint'i atlanır.
   Okuyucu tüm kitabı tek DOM'a bastığı için (Kur'an ~27bin eleman) tam ekran/
   boyutlanma bunları toptan işleyip Chrome'u çökertiyordu. contain-intrinsic-size
   'auto' son ölçülen boyu hatırlar -> kaydırma konumu isabetli kalır. */
.icerik > p,.icerik > h2,.icerik > h3,.icerik > h4{
  content-visibility:auto;
  contain-intrinsic-size:auto 2.2em;
}
.icerik p{text-align:justify;text-indent:1.5em;margin:0 0 .5em}
.icerik p.devam{text-indent:0;margin-top:0}
.icerik h2,.icerik h3,.icerik h4{text-align:center;margin:.9em 0 .6em;color:var(--kagit-baslik)}
/* ANA başlıklar (h2, "Birinci Söz"...): süslü başlık fontu + büyük punto
   (21.07.2026 — eski rnk.tr görünümüne dönüş). Arapça kısımlar .ar kuralıyla
   kendi fontunda kalır; Kur'an'ın küçük-punto başlıkları aşağıda geri alınır. */
.icerik h2{font-family:"RNK Baslik",serif;font-size:2.5em;font-weight:400;line-height:1.25}
.icerik.kuran h2.sure-bas,.icerik.kuran h2.cuz-bas{font-family:inherit;font-weight:700}
.icerik.osmanlica h2{font-family:inherit;font-size:1.5em;font-weight:700}
.icerik h3{font-size:1.15em}
.icerik h4{font-size:1.05em}
.icerik .syf{
  display:flex;align-items:center;gap:10px;
  color:var(--syf);font-size:.65em;margin:1.1em 0 .7em;user-select:none;
}
.icerik .syf::before,.icerik .syf::after{content:"";flex:1;border-top:1px dotted var(--syf-cizgi)}
.icerik .ar{font-family:var(--ar-font);font-size:1.55em;line-height:1.5}
/* Kur'an âyet metni ayrı font ölçeği + satır aralığı (Ayarlar > Kur'an-ı Kerim:
   --kuran-olcek yazı boyu, --kuran-satir satır aralığı çarpanı).
   ÖLÇEK PARAGRAFA uygulanır, .ar'a DEĞİL: yalnız .ar küçülünce satır kutusunun
   tabanını p'nin kendi (normal boy) strut'u belirlemeye devam ediyordu ->
   %40-50 fontta satır aralığı ayarı ETKİSİZ kalıyordu (2026-07-24 raporu). */
.icerik.kuran p{font-size:calc(1em * var(--kuran-olcek, 1));
  line-height:calc(1.5 * var(--kuran-satir, 1))}
.icerik.kuran .ar{font-size:1.55em;line-height:inherit}
/* aramadan gelen isaret : bulunan kelimeler secili gorunur */
.icerik mark.bulgu{
  background:var(--isaret);color:inherit;border-radius:4px;padding:0 2px;
  animation:bulgu-parla 1s ease-out 2;
}
@keyframes bulgu-parla{
  0%{box-shadow:0 0 0 6px var(--isaret)}
  100%{box-shadow:0 0 0 0 transparent}
}
.sonuc .ar,.fh .ar{font-family:var(--ar-font)}
/* ayet numarasi : madalyon (varsayilan) / duz ﴾١٧﴿ (rozetsiz modda) */
.icerik .ayet-m{font-family:"RNK Ayet";font-size:1.6em;line-height:1;color:var(--vurgu);padding:0 .08em;vertical-align:-.12em}
.icerik .ayet-d{display:none}
html.rozetsiz .icerik .ayet-m{display:none}
/* ﴾١٤٠﴿ RTL akışta ters dönüyordu — ﴾/﴿ bidi-AYNALANMAZ (normal parantezin
   aksine), RTL'de yer değiştirip ")(" gibi dışa bakıyordu. LTR izole ile
   parantezler numarayı doğru kuşatır; karakterler DEĞİŞMEZ (2026-07-24). */
html.rozetsiz .icerik .ayet-d{display:inline;direction:ltr;unicode-bidi:isolate}
/* âyet numarasını GİZLE + yerine KOMPAKT ayırıcı (yalnız Kur'an, 2026-07-24).
   Amaç âyet arası boşluğu AZALTMAK -> küçük punto + dar pay. Ayırıcı glifleri
   KENDİ fontlarımızdan (RNK Ayet C738 madalyonu + hat fontundaki ۝ ٭ ﴾﴿):
   telefonda sistem sembol fontu yok, dışarıdan glif tofu oluyordu. */
.icerik.kuran .ayet-ayirici{display:none}
html.ayet-gizli .icerik.kuran .ayet-m,
html.ayet-gizli .icerik.kuran .ayet-d{display:none}
html.ayet-gizli .icerik.kuran .ayet-ayirici{display:inline;color:var(--vurgu);
  font-size:.8em;padding:0 .15em;opacity:.8;
  font-family:"RNK Ayet",var(--ar-font)}
html.ayet-gizli .icerik.kuran .ayet-ayirici::before{content:var(--ayet-ayirici,"٭");
  font-family:inherit}
.icerik.osmanlica p,.icerik.osmanlica h2,.icerik.osmanlica h3,.icerik.osmanlica h4{direction:rtl}
.icerik.osmanlica p{text-indent:0}
/* Kur'an görünüm süsleri (kuran_susle): sûre başlığı = Türkçe + Arapça ad TEK
   SATIRDA (Arapça ad gövdeden başlığa taşınır); Türkçe sûre adı ve cüz
   başlıkları küçük punto, besmele ayrı satırda ortalı (2026-07-20) */
.icerik.kuran h2.cuz-bas,.icerik.kuran h3.cuz-bas{font-size:.72em;opacity:.6;margin:1em 0 .2em}
.icerik.kuran h2.sure-bas,.icerik.kuran h3.sure-bas{font-size:.78em;opacity:.85;margin:.9em 0 .15em}
.icerik.kuran h2.sure-bas .sure-ar,.icerik.kuran h3.sure-bas .sure-ar{
  font-size:1.5em;opacity:1;font-weight:400;margin:0 .6em;
}
.icerik.kuran .sure-ar{font-size:.6em;opacity:.9}
/* kısa sûre gövdesi .ind'de başlık işaretli -> h2 basılır; başlık puntosu
   değil NORMAL gövde puntosu alır (Kevser/İhlas aşırı büyüktü, 21.07.2026).
   Kur'an ölçek/satır ayarları p gibi buna da uygulanır. */
.icerik.kuran .ayet-gov{font-family:inherit;font-weight:inherit;margin:.2em 0;
  font-size:calc(1em * var(--kuran-olcek, 1));
  line-height:calc(1.5 * var(--kuran-satir, 1))}
/* TECVİD renklendirme: span'ler hep enjekte, renkler yalnız .tecvid-acik'ta;
   renkler ayarlardan --tj-* değişkenleriyle (tecvid_uygula) */
.icerik.kuran.tecvid-acik .tj-gunne{color:var(--tj-gunne)}
.icerik.kuran.tecvid-acik .tj-ihfa{color:var(--tj-ihfa)}
.icerik.kuran.tecvid-acik .tj-iklab{color:var(--tj-iklab)}
.icerik.kuran.tecvid-acik .tj-idgam{color:var(--tj-idgam)}
.icerik.kuran.tecvid-acik .tj-kalkale{color:var(--tj-kalkale)}
.icerik.kuran.tecvid-acik .tj-medd{color:var(--tj-medd)}
/* ayarlarda tecvid renk örneği: uygulanan renk KÂĞIT zemininde gösterilir */
.renk-satir .tj-ornek{background:var(--kagit);padding:1px 10px;border-radius:6px;
  border:1px solid var(--sinir,rgba(128,128,128,.25));white-space:nowrap}
/* besmele HER kitapta ayrı satırda ortalı (Kur'an + bölüm başı âyet blokları) */
.icerik .besmele{display:block;text-align:center;margin:.05em 0 .15em}
/* bölüm başındaki besmele+âyet bloğu: Türkçe metinden AYRI satır(lar) —
   orijinal dizgide besmele bir satır, âyet ayrı satır, metin yeni satırdan */
.icerik .ar-blok{display:block;text-align:center;margin:.2em 0 .45em}

/* okuyucu yan paneli (fihrist/arama) */
.yan{
  position:absolute;top:0;right:0;bottom:0;width:340px;max-width:85%;
  background:var(--yzey);border-left:1px solid var(--cizgi);
  display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(30,40,70,.12);
  z-index:5;animation:kayar .16s ease-out;
}
@keyframes kayar{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.yan-bas{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;
  padding:9px 12px;border-bottom:1px solid var(--cizgi);background:var(--yzey2);
}
.yan-bas b{flex:1;font-size:13.5px;color:var(--pri-koyu)}
.yan-bas input{
  flex:1;padding:6px 10px;border:1px solid var(--cizgi2);border-radius:8px;
  font-size:12.5px;outline:none;
}
.yan-icerik{flex:1;overflow-y:auto;padding:8px 12px 24px}
.yan-durum{padding:6px 12px;font-size:11.5px;color:var(--metin2);border-bottom:1px solid var(--cizgi)}

.fh{display:flex;align-items:baseline;gap:6px;padding:4px 4px;border-radius:6px;cursor:pointer;font-size:13px}
.fh:hover{background:var(--pri-acik)}
.fh .fs{margin-left:auto;color:var(--vurgu);font-size:11px;flex:0 0 auto;padding-left:8px}
.fh-ac{flex:0 0 auto;width:13px;color:var(--vurgu);font-size:10px;cursor:pointer;
  transition:transform .15s;user-select:none;text-align:center}
.fh-ac.acik{transform:rotate(90deg)}
.fh-ac.bos{cursor:default;color:transparent}
.fh-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.fh-cocuk{margin-left:11px;border-left:1px solid var(--cizgi);padding-left:2px}
.fh1{font-weight:700;margin-top:6px}
.fh2{font-size:12.5px}
.fh3{font-size:11.5px;color:var(--metin2)}

.sonuc{
  padding:8px 10px;margin:8px 0;border:1px solid var(--cizgi);border-radius:9px;
  background:var(--kagit);cursor:pointer;font-size:12.5px;line-height:1.55;color:var(--kagit-metin);
}
.sonuc:hover{border-color:var(--vurgu)}
.sonuc:focus,.sonuc:focus-visible{outline:2px solid var(--pri);outline-offset:1px;border-color:var(--pri)}
.sonuc.baslikta{border-color:var(--vurgu);background:linear-gradient(0deg,var(--kagit),var(--pri-acik))}
.sonuc .s-syf{
  display:inline-block;background:var(--pri-acik);color:var(--pri-koyu);
  border-radius:6px;padding:1px 7px;font-weight:700;font-size:11px;margin-right:7px;
}
.sonuc .s-baslik{color:var(--vurgu);font-size:11px;margin-right:6px}
/* renk-DIŞI işaretleme de (a11y): vurgu hem zeminli hem altı çizili */
.sonuc mark,.icerik mark.bulgu{
  background:var(--isaret);color:inherit;padding:0 2px;border-radius:3px;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;
}

/* ================= kulliyat arama penceresi ================= */
.ara-buyuk{
  flex:1;padding:8px 14px;font-size:14px;outline:none;
  border:1px solid var(--cizgi2);border-radius:10px;background:var(--yzey);color:var(--metin);
}
.ara-buyuk:focus{border-color:var(--pri)}
/* flex-column + order: bloklar akış sırasında gelir ama ilgi puanına göre dizilir */
.ara-govde{flex:1;overflow-y:auto;padding:10px 14px 24px;display:flex;flex-direction:column}
.ara-ozet{font-size:12px;color:var(--metin2);padding:4px 0 8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ara-kelime{
  background:var(--pri-acik);color:var(--pri-koyu);border:1px solid var(--cizgi);
  border-radius:999px;padding:2px 9px;font-weight:600;font-size:11.5px;white-space:nowrap;
}
.ara-kelime.secilebilir{cursor:pointer;user-select:none}
.ara-kelime.secilebilir:hover{border-color:var(--pri)}
.ara-kelime.secili{background:var(--pri);color:#fff;border-color:var(--pri)}
/* çok kelimeli aramada her kelimenin aday rozetleri ayrı grupta */
.ara-kgrup{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.ara-ayrac{color:var(--metin2);font-weight:800;padding:0 2px}
/* sonuç gezgini: aktif sonuç işareti + okuyucudaki n/M göstergesi */
.j-sonuclar .sonuc.aktif{box-shadow:inset 0 0 0 2px var(--pri);border-radius:8px}
.gez-say{font-size:11.5px;color:var(--metin2);font-weight:700;white-space:nowrap}
/* kapsam tercihleri (nerelerde aranacak) */
.ara-kapsam{
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;
  padding:8px 12px 0;font-size:12px;
}
.ara-kapsam .kapsam-ad{color:var(--metin2);font-weight:700}
.ara-kelime.kapsam{background:var(--yzey2);color:var(--metin2)}
.ara-kelime.kapsam.secili{background:var(--pri);color:#fff;border-color:var(--pri)}
/* Ayarlar > Hesap: "Gelişmiş" katlanır bölümü — .ayar-satir'ın display:flex
   kuralı kapalı details içeriğini görünür bırakıyordu */
details.j-gelismis:not([open]) > *:not(summary){display:none}
details.j-gelismis > summary{margin:6px 0 2px}
.ara-kitap{margin-bottom:14px}
.ara-kitap-bas{
  display:flex;align-items:center;gap:10px;
  padding:6px 8px;border-radius:9px;background:var(--yzey2);
  border:1px solid var(--cizgi);position:sticky;top:0;z-index:2;
}
.ara-kitap-bas img,.ara-kitap-bas .kapak-yok{width:26px;height:36px;border-radius:4px;object-fit:cover;font-size:0;padding:0}
.ara-kitap-bas b{flex:1;font-size:13px}
.ara-adet{font-size:11.5px;color:var(--metin2);white-space:nowrap}
.ara-kitap-bas .j-ed{padding:2px 8px;font-size:11px;flex:0 0 auto}
.s-puan{
  display:inline-block;background:#f3e2c2;color:#7a5410;
  border-radius:6px;padding:1px 6px;font-weight:700;font-size:10.5px;margin-right:6px;
}
.j-devam{display:block;margin:8px auto 20px}

/* ================= osmanlıca lügat balonu ================= */
.lgt-balon{
  position:fixed;z-index:1200;max-width:320px;
  background:var(--yzey);color:var(--metin);border:1px solid var(--cizgi2);
  border-radius:10px;box-shadow:var(--golge2);padding:8px 11px;
  font-family:var(--metin-font);font-size:12.5px;line-height:1.5;
}
.lgt-giris + .lgt-giris{margin-top:7px;border-top:1px solid var(--cizgi);padding-top:7px}
.lgt-giris b{color:var(--pri-koyu);font-size:12px;letter-spacing:.3px}
.lgt-ar{font-family:var(--ar-font);font-size:1.35em;margin-right:4px;direction:rtl;unicode-bidi:isolate}
.lgt-anlam{color:var(--metin);margin-top:2px}

/* ================= not defteri ================= */
.not-govde{flex:1;display:flex;overflow:hidden}
.not-liste{
  width:200px;flex:0 0 auto;overflow-y:auto;
  border-right:1px solid var(--cizgi);background:var(--yzey2);
}
.not-oge{padding:9px 12px;border-bottom:1px solid var(--cizgi);cursor:pointer}
.not-oge:hover{background:var(--pri-acik)}
.not-oge.secili{background:var(--pri-acik);box-shadow:inset 3px 0 0 var(--pri)}
.not-bas{
  font-size:12.5px;font-weight:600;color:var(--metin);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.not-tar{font-size:10.5px;color:var(--metin2);margin-top:2px}
.not-bos{padding:22px 14px;text-align:center;color:var(--metin2);font-size:12px}
.not-alan{
  flex:1;border:none;outline:none;resize:none;padding:16px 22px;
  font-family:var(--metin-font);font-size:14.5px;line-height:1.75;
  background:var(--kagit);color:var(--kagit-metin);
}

/* ================= ayarlar ================= */
.ayarlar{flex:1;overflow-y:auto;padding:18px 20px}
/* bölümlü ayarlar (2026-07-24): katlanabilir <details>; Hesap en dışta düz */
.ayar-bolum{border:1px solid var(--cizgi);border-radius:12px;margin:0 0 10px;
  background:var(--yzey2)}
.ayar-bolum > summary{cursor:pointer;padding:11px 14px;font-weight:700;
  font-size:13.5px;color:var(--pri-koyu);user-select:none;list-style:none;
  display:flex;align-items:center;gap:8px}
.ayar-bolum > summary::-webkit-details-marker{display:none}
.ayar-bolum > summary::after{content:"▸";margin-left:auto;color:var(--metin2);
  transition:transform .15s}
.ayar-bolum[open] > summary::after{transform:rotate(90deg)}
.ayar-bolum > :not(summary){margin-left:14px;margin-right:14px}
.ayar-bolum > :last-child{margin-bottom:12px}
.ayar-hesap{padding:4px 0 8px}
.ayar-grup{margin-bottom:20px}
.ayar-grup h3{font-size:13.5px;margin-bottom:10px;color:var(--pri-koyu)}
.ayar-satir{display:flex;align-items:center;gap:12px;padding:6px 0;font-size:13px}
.ayar-satir input[type=range]{flex:1}
.ayar-satir select{max-width:200px}
.ayar-deger{min-width:44px;text-align:right;color:var(--metin2)}
.ayar-ornek{
  margin-top:6px;padding:10px 14px;border:1px dashed var(--kagit-cizgi);
  border-radius:10px;background:var(--kagit);color:var(--kagit-metin);
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.ayar-ornek .mo{font-family:var(--metin-font);font-size:15px}
.ayar-ornek .ao{font-family:var(--ar-font);font-size:21px;direction:rtl}

/* tema secimi */
.tema-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 10px}
.tema-kart{
  border:1px solid var(--cizgi2);border-radius:10px;padding:7px 9px;cursor:pointer;
  background:var(--yzey);display:flex;align-items:center;gap:7px;font-size:12px;
  color:var(--metin);
}
.tema-kart:hover{border-color:var(--pri)}
.tema-kart.secili{border-color:var(--pri);background:var(--pri-acik)}
.tema-kart{position:relative}
.tema-sil{
  position:absolute;top:-6px;right:-6px;width:17px;height:17px;border-radius:50%;
  border:none;background:#ff5f57;color:#fff;font-size:12px;line-height:1;cursor:pointer;
  padding:0;display:none;
}
.tema-kart:hover .tema-sil{display:block}
.tema-renkler{display:flex;gap:3px;flex:0 0 auto}
.tema-renkler i{width:12px;height:12px;border-radius:50%;border:1px solid rgba(128,128,128,.35)}
details.renkler{margin-top:4px}
details.renkler summary{cursor:pointer;font-size:12.5px;color:var(--pri-koyu);padding:4px 0;user-select:none}
.renk-satir{display:flex;align-items:center;gap:10px;padding:2px 0;font-size:12.5px}
.renk-satir span{flex:1}
.renk-satir code{color:var(--metin2);font-size:11px;min-width:62px;text-align:right}
.renk-satir input[type=color]{
  width:44px;height:26px;border:1px solid var(--cizgi2);border-radius:6px;
  background:var(--yzey);padding:1px;cursor:pointer;
}

/* hesap / esitleme */
.hesap-durum{font-size:12.5px;color:var(--metin2);padding:4px 0;line-height:1.5}
.hesap-durum b{color:var(--metin)}
.ayar-satir input[type=text]{
  flex:1;padding:6px 9px;border:1px solid var(--cizgi2);border-radius:8px;
  font-size:12px;outline:none;background:var(--yzey);color:var(--metin);
}

/* ================= yukleniyor ================= */
.yukleniyor{
  position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(240,243,248,.6);z-index:990;
}
.spin{
  width:44px;height:44px;border-radius:50%;
  border:4px solid var(--cizgi2);border-top-color:var(--pri);
  animation:don .8s linear infinite;
}
@keyframes don{to{transform:rotate(360deg)}}

@media (max-width:700px){
  .pencere{min-width:0;left:1vw !important;right:1vw !important;width:98vw !important}
  /* okuyucuda yatay boşluk israfı: dar ekranda kenar payı asgariye iner
     (tam 0 değil — harfler kenara yapışmasın; 2026-07-24 kullanıcı isteği) */
  .icerik{padding-left:5px;padding-right:5px}
  /* Döşeme boyut tutamaçları mobilde GİZLİ: .rz-r sağ kenarda tam boy 12px
     şerit, parmak (özellikle sağ başparmak) kaydırırken ona basıp
     preventDefault+pointer-capture ile jesti resize'a çeviriyordu -> içerik
     kaydırılamıyordu. Resize masaüstü içindir (2026-07-24). */
  .rz-r,.rz-b{display:none !important}
  /* İçerik PARMAKLA kaysın: flex scroll bölgesi (min-height:0) + iOS momentum */
  .p-govde,.oku-govde,.not-govde{min-height:0}
  .ara-govde,.oku-kap,.yan-icerik,.kitap-liste,.ayarlar,.ses-pnl,.krs{
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}

/* ---------- ilk açılış karşılama penceresi (og.png ile aynı görsel kimlik) ---------- */
.krs{
  height:100%; display:flex; flex-direction:column; gap:12px; padding:16px 22px 18px;
  color:#fbf7ee; overflow:auto;
  background:
    radial-gradient(760px 440px at 78% 8%, rgba(255,255,255,.16), transparent 62%),
    radial-gradient(520px 360px at 6% 98%, rgba(0,0,0,.22), transparent 60%),
    linear-gradient(135deg,#5468da 0%,#4f63d2 42%,#34449e 100%);
}
/* Baslik blogu KOMPAKT: asil is kitap linkleri, onlar hemen gorunmeli */
.krs-ust{display:flex; align-items:center; gap:16px}
.krs-kitap{width:62px; height:62px; flex:0 0 62px;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.krs-yazi{min-width:0}
.krs-ar{font-family:"RNK Taha",serif; font-size:19px; line-height:1.25;
  color:#e9c67f; direction:rtl; text-align:left; margin-bottom:1px}
.krs h1{font-family:"RNK Souvenir",Georgia,serif; font-weight:700;
  font-size:clamp(19px,3vw,25px); line-height:1.15; margin:0;
  text-shadow:0 3px 14px rgba(0,0,0,.28)}
.krs p{margin:3px 0 0; font-size:13px; line-height:1.5; color:#dfe0f4;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.krs p b{color:#fbf7ee}
.krs-baslik2{
  font:600 13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.4px; text-transform:uppercase; color:#e9c67f; margin-bottom:-4px;
}
.krs-liste{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:10px}
/* Kitap butonlari OPAK ve koyu yazili: mavi zemin uzerinde yari saydam beyaz
   kullanilinca goze carpmiyor, tiklanabilir durmuyordu. */
.krs-kitap-btn{
  text-align:left; padding:13px 15px; border-radius:10px; cursor:pointer;
  font:700 14.5px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#2c3a86; background:#fbf7ee; border:0;
  box-shadow:0 3px 10px rgba(0,0,0,.22);
  transition:transform .15s, box-shadow .15s, background .15s;
}
.krs-kitap-btn:hover{background:#fff; transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(0,0,0,.3)}
/* cevirmen notu: kitap listesinin altinda, mutevazi ve okunur */
.krs-not{
  margin:2px 0 0; padding:11px 14px; border-radius:10px;
  background:rgba(0,0,0,.16); border:1px solid rgba(255,255,255,.14);
  font:400 12.5px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#dcdcf0; text-align:justify;
}
.krs-alt{margin-top:auto; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding-top:6px}
.krs-alt .btn{background:#fbf7ee; color:#34449e; font-weight:700; border:0}
.krs-alt .btn:hover{background:#fff}
.krs-link{color:#e9c67f; text-decoration:none; font-size:14px;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.krs-link:hover{text-decoration:underline}

/* karşılama içeriği çok geniş pencerede yayılmasın (tiling WM 1100px+ açabiliyor) */
.krs > *{max-width:860px; width:100%}
.krs-link{background:none; border:0; cursor:pointer; padding:0}

/* ---------- dock tanıtım balonu (Türkçe/diğer diller) ---------- */
.ipucu{
  position:fixed; z-index:60; transform:translateX(-50%);
  max-width:260px; padding:12px 15px; border-radius:12px; cursor:pointer;
  background:linear-gradient(135deg,#5468da,#34449e); color:#fbf7ee;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  animation:ipucu-gel .35s ease-out both;
}
.ipucu b{display:block; font-size:14.5px; margin-bottom:3px}
.ipucu span{display:block; font-size:12.5px; line-height:1.45; color:#dfe0f4}
.ipucu-ok{
  position:absolute; left:50%; bottom:-8px; width:16px; height:16px;
  margin-left:-8px; transform:rotate(45deg); border-radius:3px;
  background:#34449e;
}
.ipucu.git{animation:ipucu-git .3s ease-in both}
@keyframes ipucu-gel{from{opacity:0; transform:translateX(-50%) translateY(10px)}
                     to{opacity:1; transform:translateX(-50%) translateY(0)}}
@keyframes ipucu-git{to{opacity:0; transform:translateX(-50%) translateY(8px)}}

/* ---------- üst bar: kalıcı "Külliyatta Ara" kısayolu ---------- */
.tepe-btn{
  display:flex; align-items:center; gap:6px; cursor:pointer;
  padding:6px 14px; border-radius:999px; white-space:nowrap;
  border:1px solid var(--pri); background:var(--pri-acik); color:var(--pri-koyu);
  font:600 12.5px/1 "Segoe UI",system-ui,sans-serif;
  transition:background .14s,color .14s;
}
.tepe-btn:hover{background:var(--pri); color:#fff}
/* açılır listedeki "Külliyatta ara" maddesi ayırt edilsin */
.ara-acilir .oge-kulliyat{
  border-top:1px solid var(--cizgi); margin-top:4px; padding-top:9px;
  color:var(--pri-koyu); font-weight:600;
}

/* ---------- sesli kitaplar penceresi (Endonezce) ---------- */
.ses-pnl{padding:16px 18px; height:100%; overflow:auto}
.ses-ust{font-size:13px; color:var(--metin2); margin-bottom:12px;
  font-family:"Segoe UI",system-ui,sans-serif}
.ses-yukleniyor{color:var(--metin2); font-size:14px; padding:20px 0; text-align:center}
.ses-oge{padding:12px 0; border-bottom:1px solid var(--cizgi)}
.ses-oge h3{font-size:15px; margin:0 0 2px; color:var(--metin)}
.ses-sure{font-size:12px; color:var(--metin2); margin:0 0 8px}
.ses-p{display:flex; align-items:center; gap:10px; margin:6px 0; flex-wrap:wrap}
.ses-p span{font-size:12px; color:var(--metin2); min-width:66px}
.ses-p audio{flex:1; min-width:230px; height:34px}
.ses-alt{margin-top:16px}
/* karşılamadaki ses butonu ana butondan ayrılsın */
.krs-alt .btn-ses{background:rgba(255,255,255,.16); color:#fbf7ee;
  border:1px solid rgba(255,255,255,.34)}
.krs-alt .btn-ses:hover{background:rgba(255,255,255,.28)}

/* listedeki sesli kitaplar maddesi: kitaplardan ayirt edilsin ama ayni izgarada */
.krs-liste .krs-ses-btn{
  background:rgba(233,198,127,.95); color:#3a2c07;
  box-shadow:0 3px 10px rgba(0,0,0,.22);
}
.krs-liste .krs-ses-btn:hover{background:#f0d089}
/* dil geçiş butonları (Basa Sunda / Basa Jawa): tüm satırı kaplar, koyu vurgulu
   -> yerel dil okuru hemen görsün (2026-07-24) */
.krs-liste .krs-dil-btn{
  grid-column:1/-1; text-align:center; background:rgba(255,255,255,.16);
  color:#fff; border:1.5px solid rgba(255,255,255,.5); font-weight:700;
}
.krs-liste .krs-dil-btn:hover{background:rgba(255,255,255,.28)}
/* yerel dil karşılamasında GERİ tuşu: pencerenin en üstünde belirgin */
.krs-geri{
  align-self:flex-start; padding:8px 16px; border-radius:999px; cursor:pointer;
  font:700 13.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#fff; background:rgba(255,255,255,.18); border:1.5px solid rgba(255,255,255,.55);
  transition:background .15s;
}
.krs-geri:hover{background:rgba(255,255,255,.32)}

/* kitap içi arama: durum satırındaki "benzer bulunanlar" özeti + skor rozeti */
.yan-durum .ara-ozet-ic{margin-top:6px; font-size:11.5px; line-height:1.9; color:var(--metin2)}
.yan-icerik .s-puan{
  display:inline-block; margin-left:6px; padding:1px 7px; border-radius:999px;
  background:var(--pri-acik); color:var(--pri-koyu); font-size:11px; font-weight:700;
}