/* HUB SAYFALARI STILI — hub-sayfa.mjs icindeki HUB_STIL sabitinden cikarildi.
   Neden: CSP style-src 'unsafe-inline' kaldirildi (2026-08-23). HASH KULLANILMADI
   (sablon uretilen bir dosyada hash her icerik degisiminde elle bakim demek).
   static/ altinda: prepare-public.mjs bu klasoru oldugu gibi kopyaliyor,
   hub sayfalari /kategori/<slug>/ gibi alt yollarda oldugu icin MUTLAK yol kullanilir. */
:root {
  --bg: #F8F9FA; --card-bg: #FFFFFF; --text: #1A1A2E; --text-muted: #6B7280;
  --border: #E5E7EB; --primary: #0E4938; --link: #0E4938; --accent: #E8DCC4;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14181B; --card-bg: #1C2226; --text: #E8DCC4; --text-muted: #9CA3AF;
    --border: #2A3236; --primary: #1D9E75; --link: #4FD8A6; --accent: #E8DCC4;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--text);
  font: 16px/1.6 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
header, main, footer { max-width: 860px; margin: 0 auto; padding: 16px 20px; }
header { border-bottom: 1px solid var(--border); }
header a { color: var(--primary); font-weight: 700; text-decoration: none; font-size: 1.1em; }
h1 { font-size: 1.6em; line-height: 1.35; margin: 8px 0 12px; }
h2 { font-size: 1.2em; margin: 28px 0 10px; color: var(--primary); }
p, li { color: var(--text); }
.tablo-sarmalayici { overflow-x: auto; border: 1px solid var(--border); border-radius: 8px; }
table { border-collapse: collapse; width: 100%; min-width: 480px; }
th, td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); white-space: nowrap; }
th { background: var(--accent); color: var(--primary); }
tbody tr:last-child td { border-bottom: none; }
.kirpma-notu { color: var(--text-muted); font-size: 0.9em; margin-top: 6px; }
footer { border-top: 1px solid var(--border); color: var(--text-muted); font-size: 0.95em; }
footer nav a, footer p a { color: var(--link); }
footer ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 12px 20px; }

/* BELGE SAYFALARI (/gizlilik/) — hub iskeletini AYNEN kullanir, yalniz iki
   kural ekler. Hub sayfalari fiyat tablosu basiyor ve th/td'de white-space:
   nowrap DOGRU (sayi sutunu bolunmesin); belge sayfasinda hucreler duz METIN,
   nowrap orada sayfayi yatay kaydirtir. Kapsam .metin-tablo ile sinirli ->
   mevcut hub sayfalarinin hicbiri etkilenmez. */
.metin-tablo { min-width: 0; }
.metin-tablo th, .metin-tablo td { white-space: normal; vertical-align: top; }
/* DAR EKRANDA TABLONUN KENDI KUTUSUNDA KAYMASI: BILINCLI, kusur degil.
   390px'te uc sutunlu metin tablosu ~384px istiyor, sarmalayici 350px ->
   .tablo-sarmalayici'nin overflow-x:auto'su devreye giriyor. SAYFANIN
   KENDISINDE yatay tasma YOK (CDP olcumu: scrollWidth == clientWidth,
   360/390/1440'ta ucu de).
   IKI DUZELTME DENENDI, IKISI DE OLCULUP GERI ALINDI:
     1) overflow-wrap:anywhere -> tasmayi bitirdi ama kelimeleri ORTADAN
        boldu ("GoatCo/unter"); kusuru daha gorunur bir kusurla degistirdi.
     2) dar ekranda dolgu kisaltma + hyphens -> tablo 384px'ten 391px'e
        CIKTI, yani daha kotu oldu.
   Kalan tek kural white-space:normal ve o ZORUNLU: hub varsayilani nowrap
   ve bu tabloda hucreler cumle -- nowrap'la tablo binlerce px olurdu. */
/* Uzun hukuki metinde satir uzunlugunu okunabilir bantta tut (~70 karakter).
   Tablolar ve basliklar disarida -- onlar tam genisligi kullanmali. */
.belge main p, .belge main li { max-width: 68ch; }

/* GOVDE ICINDEKI LINKLER -- koyu temada OKUNMUYORDU (canlida olculdu 2026-08-31).
   Yukaridaki `footer nav a, footer p a` kurali yalnizca FOOTER'i renklendiriyor;
   main icindeki link hicbir renk kurali almiyor ve tarayici varsayilani
   #0000EE'ye dusuyordu. Acik temada zarar yok (8,92) ama koyu temada
   #0000EE / #14181B => kontrast 1,90 -- AA esigi 4,5. Yani KVKK basvuru
   adresleri (kvkk@ / iletisim@) koyu temada fiilen okunamiyordu.
   Olcum: kural yokken 1,90 -> kuralla 9,95 (koyu), 8,92 -> 9,82 (acik).

   KAPSAM -- 2026-09-01'de BUTUN SAYFALARA acildi (`.belge ` oneki kaldirildi).
   Once yalniz /gizlilik/ duzeltilmisti; gerekce "hub sayfalarinin gorunumunu
   degistirmek o turun kapsami disi" idi. Sonra butun sayfalar SAYILDI ve
   kusurun boyutu ortaya cikti: 18 sayfada 525 govde linki
     /zam/*      65 link x 2 sayfa
     /market/*   48 link x 7 sayfa
     /kategori/*  7 link x 8 sayfa
     /gizlilik/   3 link
     /hal/ ve ana sayfa: 0
   Ilk taramada ornek olarak /hal/ secilmisti ve o, main'inde link OLMAYAN
   IKI sayfadan biriydi -- "bu kusur yalniz belge sayfasinda" diye yanlis
   genelleme tam buradan dogdu. TEK ORNEKLE KAPSAM BELIRLEME.

   Footer linkleri zaten --link aliyordu; bu kural yalnizca main icindekileri
   AYNI tokene bagliyor, yani yeni bir renk dili getirmiyor.
   Yeni renk YOK: zaten tanimli --link tokeni (koyu #4FD8A6, acik #0E4938). */
main a { color: var(--link); }