/* /yazma/ v2 bilesen kutuphanesi. Renkler YALNIZ sitenin token'lari. */
.yz-wrap{max-width:920px}
.yz-b{margin:42px 0}
.yz-b>h2{font-family:'Crimson Pro',Georgia,serif;font-size:26px;font-weight:600;
  line-height:1.25;margin:0 0 5px;color:var(--ink)}
.yz-b>.yz-alt{color:var(--muted);font-size:14.5px;margin:0 0 16px;line-height:1.6}
.yz-metin p{margin:0 0 12px;line-height:1.75}
.yz-metin ul,.yz-metin ol{margin:0 0 12px 20px}
.yz-metin li{margin:4px 0;line-height:1.7}
.yz-metin h3,.yz-metin h4{font-size:17px;margin:18px 0 6px;color:var(--ink)}
.yz-metin blockquote{margin:14px 0;padding:7px 0 7px 14px;border-left:3px solid var(--accent);
  font-style:italic;color:var(--ink-2)}
.yz-metin code{background:var(--paper-soft);padding:1px 5px;border-radius:3px;font-size:13px}
.yz-metin table{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0}
.yz-metin td,.yz-metin th{border-bottom:1px solid var(--border);padding:8px 10px;
  text-align:left;vertical-align:top}
.yz-meta{font-size:13px;color:var(--muted);line-height:1.55;margin:6px 0 0}
/* Uzun URL ve DOI kirilmadigi icin 768 px'te kart kabini tasiriyordu (olculdu,
   headless Brave). break-word yalniz sigmayan sozcugu kirar, duz metni bozmaz. */
.yz-metin,.yz-kart,.yz-meta,.yz-bag,.yz-ham,.yz-kapi,.yz-liste,.yz-det pre,.yz-t td{overflow-wrap:break-word}
.yz-kartlar>*,.yz-bakis>*,.yz-hamlar>*,.yz-kapilar>*{min-width:0}
.yz-kaynak{font-size:12.5px;color:var(--faint)}

/* dugmeler: ders sayfasindaki .empty .btn dilinin aynisi */
.yz-dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.yz-dug{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 18px;
  background:var(--accent);color:var(--paper);border:2px solid var(--accent);border-radius:8px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;font-weight:600;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:all .2s}
.yz-dug:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--paper)}
.yz-dug-hayalet{background:transparent;color:var(--accent)}
.yz-dug-hayalet:hover{background:var(--accent-soft);color:var(--accent)}

/* bir bakista: tek sayi + tek etiket */
.yz-bakis{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.yz-bakis>.yz-bk{flex:1 1 calc(100%/var(--yz-sut,3) - 10px);min-width:148px}
.yz-bk{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:13px 14px}
.yz-bk b{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:21px;
  font-weight:600;color:var(--accent);line-height:1.2;font-variant-numeric:tabular-nums}
.yz-bk span{display:block;font-size:13px;color:var(--ink-2);margin-top:3px}
.yz-bk i{display:block;font-style:normal;font-size:12px;color:var(--faint);margin-top:5px;line-height:1.45}

/* akis semasi: masaustunde yatay, telefonda dikey */
.yz-akis-kap{margin:16px 0}
.yz-akis{list-style:none;margin:0;padding:0 0 0 26px;border-left:2px solid var(--border);
  display:grid;gap:0}
.yz-akis li{position:relative;padding:0 0 20px 0}
.yz-akis li:last-child{padding-bottom:0}
.yz-akis li::before{content:"";position:absolute;left:-33px;top:4px;width:12px;height:12px;
  border-radius:50%;background:var(--paper);border:2px solid var(--border-strong)}
.yz-akis li:first-child::before{border-color:var(--accent);background:var(--accent)}
.yz-akis .yz-ak-no{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  color:var(--faint);letter-spacing:.06em}
.yz-akis b{display:block;font-size:15.5px;margin:3px 0 5px;line-height:1.35;color:var(--ink)}
.yz-akis .yz-ak-z{display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11.5px;color:var(--blue);background:var(--surface);border:1px solid var(--border);
  border-radius:5px;padding:1px 6px}
.yz-akis .yz-ak-t{display:block;font-size:13px;color:var(--ink-2);margin-top:5px;line-height:1.5}
.yz-akis i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5}

/* agirlik ve oruntu cubuklari */
.yz-ag,.yz-or{margin:0 0 14px}
.yz-ag-ust,.yz-or-ust{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.yz-ag-ad,.yz-or-ad{font-size:14.5px;color:var(--ink)}
.yz-ag-y,.yz-or-kac{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;
  color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.yz-cubuk{height:9px;border-radius:5px;background:var(--paper-edge);margin:5px 0 0;overflow:hidden}
.yz-cubuk>i{display:block;height:100%;background:var(--border-strong)}
.yz-ag-en .yz-ag-ad{font-weight:600}
.yz-ag-en .yz-ag-y{color:var(--accent)}
.yz-ag-en .yz-cubuk>i{background:var(--accent)}

/* tablo */
.yz-kap{overflow-x:auto;margin:14px 0}
.yz-t{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px}
.yz-t th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border-strong);
  font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}
.yz-t td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.6}
.yz-t-kayip td:first-child{font-weight:600}

/* sema */
.yz-sema-kap{overflow-x:auto}
.yz-sema{list-style:none;margin:14px 0;padding:0;counter-reset:s}
.yz-sema li{position:relative;padding:0 0 16px 44px;border-left:1px solid var(--border);margin-left:12px}
.yz-sema li:last-child{border-left-color:transparent}
.yz-sema .yz-s-no{position:absolute;left:-12px;top:0;width:25px;height:25px;border-radius:50%;
  background:var(--paper);border:1px solid var(--border-strong);color:var(--muted);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;display:flex;
  align-items:center;justify-content:center}
.yz-sema b{display:block;font-size:15.5px;color:var(--ink);line-height:1.35}
.yz-sema .yz-s-ne{display:block;font-size:14px;color:var(--ink-2);margin-top:3px;line-height:1.6}

/* kart */
.yz-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:12px;margin:14px 0}
.yz-kart{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}
.yz-kart h3{font-size:16px;margin:0 0 6px;color:var(--ink);line-height:1.35}
.yz-kart .yz-metin p{font-size:14.5px;margin:0 0 8px}
.yz-kart .yz-liste{font-size:13.5px}

/* liste ve baglanti */
.yz-liste{margin:12px 0 12px 20px}
.yz-liste li{margin:5px 0;line-height:1.65}
.yz-bag{list-style:none;margin:12px 0;padding:0;font-size:14.5px}
.yz-bag li{padding:7px 0;border-bottom:1px solid var(--border);line-height:1.55}
.yz-bag i{display:block;font-style:normal;font-size:12.5px;color:var(--faint)}

/* ornek: taslak -> final */
.yz-ornek{border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin:14px 0;
  background:var(--surface)}
.yz-o-kural{margin:0 0 10px;font-size:13px;color:var(--accent);font-weight:600}
.yz-o-iki{display:grid;grid-template-columns:1fr;gap:12px}
.yz-o-yan{border-left:2px solid var(--border-strong);padding-left:12px}
.yz-o-final{border-left-color:var(--emerald)}
.yz-etik{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.yz-o-final .yz-etik{color:var(--emerald)}
.yz-o-not{margin:10px 0 0;font-size:13.5px;color:var(--muted);line-height:1.6}

/* ham malzeme */
.yz-hamlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin:14px 0}
.yz-ham{display:block;text-decoration:none;border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;background:var(--paper-soft)}
.yz-ham:hover{border-color:var(--accent);background:var(--accent-soft)}
.yz-ham .yz-tur{display:inline-block;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--border-strong);border-radius:4px;padding:0 5px;margin-bottom:6px}
.yz-ham b{display:block;font-size:15px;color:var(--ink);line-height:1.35}
.yz-ham i{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}

/* kapilar */
.yz-kapilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px;margin:14px 0}
.yz-kapi{display:block;text-decoration:none;border:1px solid var(--border);border-radius:10px;
  padding:14px 16px;background:var(--surface)}
.yz-kapi:hover{border-color:var(--accent)}
.yz-kapi b{display:block;font-size:16px;color:var(--ink)}
.yz-kapi span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:3px;line-height:1.55}
.yz-kapi i{display:block;font-style:normal;font-size:12px;color:var(--faint);margin-top:5px}

/* detay ve istem */
.yz-det{border:1px solid var(--border);border-radius:10px;margin:12px 0;background:var(--surface)}
.yz-det>summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:15px;min-height:44px;
  display:flex;align-items:center}
.yz-det-ic{padding:0 14px 14px}
.yz-det pre{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;
  background:var(--paper-soft);border:1px solid var(--border);padding:12px;border-radius:8px;margin:10px 0}
.yz-uyari{font-size:14px;color:var(--ink-2);background:var(--paper-soft);
  border-left:3px solid var(--amber);border-radius:0 7px 7px 0;padding:10px 13px;margin:14px 0;line-height:1.6}

/* sayfa alti gezinme */
.yz-gez{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 0;padding-top:18px;
  border-top:1px solid var(--border);font-size:14px}
.yz-gez a{color:var(--muted)}
.yz-gez a:hover{color:var(--accent)}
.yz-dip{font-size:13.5px;color:var(--muted);line-height:1.6;margin:26px 0 0}

@media (min-width:700px){.yz-o-iki{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .yz-akis{padding-left:20px}
  .yz-akis li::before{left:-27px}
  .yz-b>h2{font-size:22px}
  .yz-t{min-width:0}
  .yz-t td,.yz-t th{padding:7px 6px;font-size:14px}
}

/* Dar ekranda tablo karta doner. Uc sutunlu tablo 390 px'te okunmuyordu. */
@media (max-width:560px){
  .yz-t,.yz-t tbody,.yz-t tr,.yz-t td{display:block;width:auto}
  .yz-t thead{position:absolute;left:-9999px}
  .yz-t tr{border:1px solid var(--border);border-radius:10px;background:var(--surface);
    padding:10px 12px;margin:0 0 10px}
  .yz-t td{border:0;padding:5px 0}
  .yz-t td:empty{display:none}
  .yz-t td::before{content:attr(data-b);display:block;font-size:11px;letter-spacing:.05em;
    text-transform:uppercase;color:var(--muted);margin-bottom:2px;
    font-family:'JetBrains Mono',ui-monospace,monospace}
  .yz-t td[data-b=""]::before{display:none}
  .yz-kap{overflow-x:visible}
}

/* ── yatay gezinme seridi ─────────────────────────────────────────────────
   NEDEN: alt sayfa baglantilari masaustunde 3351-3810 px, mobilde 4719-6600 px
   asagidaydi; bir sayfaya girdikten sonra kardes sayfalari gormenin yolu yoktu.
   Serit hero'nun hemen altinda, her sayfada ayni, bulundugun chip vurgulu. */
.yz-serit{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 30px}
.yz-serit a,.yz-serit span{display:inline-flex;align-items:center;min-height:34px;
  padding:5px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;letter-spacing:.03em;
  text-decoration:none;color:var(--ink-2);white-space:nowrap}
.yz-serit a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.yz-serit .yz-simdi{border-color:var(--border-strong);background:var(--paper-edge);
  color:var(--ink);font-weight:600}
.yz-serit .yz-vurgu{border-color:var(--accent);color:var(--accent)}

/* sayfa ici icindekiler: H2 sayisi 6'yi gecen alt sayfalarda */
.yz-ic{border:1px solid var(--border);border-radius:10px;background:var(--paper-soft);
  padding:13px 16px;margin:0 0 30px}
.yz-ic>b{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 7px;font-weight:600}
.yz-ic ol{margin:0;padding:0 0 0 20px;columns:2;column-gap:26px;font-size:13.5px}
.yz-ic li{margin:3px 0;line-height:1.5;break-inside:avoid}
.yz-ic a{color:var(--ink-2);text-decoration:none}
.yz-ic a:hover{color:var(--accent);text-decoration:underline}
@media (max-width:640px){.yz-ic ol{columns:1}}

/* hub karti: baslik linki + GERCEK alt linkler (eskiden dekoratif metindi) */
.yz-kapi-blok{border:1px solid var(--border);border-radius:10px;background:var(--surface);
  padding:14px 16px}
.yz-kapi-blok:hover{border-color:var(--accent)}
.yz-kapi-bas{display:block;text-decoration:none}
.yz-kapi-bas b{display:block;font-size:16px;color:var(--ink)}
.yz-kapi-bas span{display:block;font-size:13.5px;color:var(--ink-2);margin-top:3px;line-height:1.55}
.yz-kapi-alt{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.yz-kapi-alt a{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;
  border:1px solid var(--border);border-radius:999px;text-decoration:none;color:var(--muted);
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.03em}
.yz-kapi-alt a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

/* ── arac sayfalari: arama + filtre cubugu ────────────────────────────────
   Filtre SAYFA ICINDE calisiyor: veri zaten HTML'de, tek dis istek yok. */
.yz-arac{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0 4px}
.yz-ara{font:inherit;font-size:14.5px;flex:1 1 200px;min-width:0;min-height:44px;
  padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;
  background:var(--paper);color:var(--ink)}
.yz-ara:focus{outline:none;border-color:var(--accent)}
.yz-flt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;min-height:44px;padding:0 12px;cursor:pointer;border-radius:8px;
  border:1px solid var(--border-strong);background:var(--paper);color:var(--ink-2)}
.yz-flt:hover{border-color:var(--accent);color:var(--accent)}
.yz-sel{font:inherit;font-size:13px;min-height:44px;max-width:100%;padding:0 10px;
  border:1px solid var(--border-strong);border-radius:8px;background:var(--paper);color:var(--ink)}
.yz-flt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);
  color:var(--accent);font-weight:600}
.yz-hepsi{border-color:var(--accent);color:var(--accent)}
.yz-sonuc{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--muted);
  margin:6px 0 12px;font-variant-numeric:tabular-nums}
.yz-bos{font-size:14.5px;color:var(--muted);padding:12px 0}
.yz-gizli{display:none!important}

/* arac listesi: tek kez yazilmis eserler tablo degil liste (satir 53 bayt) */
.yz-lst{list-style:none;margin:10px 0 0;padding:0;
  columns:2;column-gap:26px}
.yz-lst li{font-size:14px;line-height:1.5;margin:0 0 7px;break-inside:avoid;color:var(--ink-2)}
.yz-lst li b{font-weight:600;color:var(--ink)}
@media (max-width:700px){.yz-lst{columns:1}}

/* arac tablolari: sutun adlari data-b yerine CSS'ten geliyor. 1346 satirda
   data-b 97 KB tutuyordu, ayni is sifir bayt ile yapiliyor. */
.yz-kt td:last-child,.yz-ar td:nth-child(4){font-family:'JetBrains Mono',ui-monospace,monospace;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.yz-kt tr:not([data-y]) td:last-child{color:var(--emerald)}
.yz-kt tr:not([data-y]) td:last-child::after{content:" · hiç yazılmamış";font-family:inherit}
.yz-kt tr[data-k] td:last-child{color:var(--amber)}
.yz-kt tr[data-k]:not([data-y]) td:last-child::after{content:" · yazarı klişe";
  font-family:inherit}
.yz-kt tr[data-k][data-y] td:last-child::after{content:" · klişe riski";font-family:inherit}
.yz-pr td:first-child,.yz-yl td:first-child{line-height:1.45}
.yz-yl td:nth-child(2),.yz-yl td:nth-child(3){font-family:'JetBrains Mono',ui-monospace,monospace;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.yz-kt,.yz-ar,.yz-pr,.yz-yl{min-width:0}
@media (max-width:560px){
  .yz-t td:not([data-b])::before{display:none}
  .yz-kt td:nth-child(1)::before{content:"Kitap";display:block}
  .yz-kt td:nth-child(2)::before{content:"Yazar";display:block}
  .yz-kt td:nth-child(3)::before{content:"Yayınevi";display:block}
  .yz-kt td:nth-child(4)::before{content:"Yıl";display:block}
  .yz-kt td:nth-child(5)::before{content:"Tür";display:block}
  .yz-kt td:nth-child(6)::before{content:"Kaç kez yazılmış";display:block}
  .yz-ar td:nth-child(1)::before{content:"Eser";display:block}
  .yz-ar td:nth-child(2)::before{content:"Yazar";display:block}
  .yz-ar td:nth-child(3)::before{content:"Tür";display:block}
  .yz-ar td:nth-child(4)::before{content:"Kaç kez";display:block}
  .yz-ar td:nth-child(5)::before{content:"Hangi dönemlerde";display:block}
  .yz-pr td:nth-child(1)::before{content:"Proje";display:block}
  .yz-pr td:nth-child(2)::before{content:"Yıl";display:block}
  .yz-pr td:nth-child(3)::before{content:"Sayfa";display:block}
  .yz-pr td:nth-child(4)::before{content:"Dil";display:block}
  .yz-yl td:nth-child(1)::before{content:"Yıl";display:block}
  .yz-yl td:nth-child(2)::before{content:"Proje";display:block}
  .yz-yl td:nth-child(3)::before{content:"Medyan sayfa";display:block}
  /* 1346 satir kart moduna girdiginde sayfa 360 px'te 468.689 px oluyordu
     (olculdu, headless Brave). Ikincil alanlar tek satira aliniyor: satir
     yuksekligi 348 px'ten 3 satira dusuyor. */
  .yz-kt td:nth-child(1),.yz-ar td:nth-child(1){font-weight:600}
  .yz-kt td:nth-child(1)::before,.yz-kt td:nth-child(2)::before,
  .yz-kt td:nth-child(3)::before,.yz-ar td:nth-child(1)::before,
  .yz-ar td:nth-child(2)::before,.yz-pr td:nth-child(1)::before{display:none}
  .yz-kt td:nth-child(3),.yz-kt td:nth-child(4),.yz-kt td:nth-child(5),
  .yz-ar td:nth-child(2),.yz-ar td:nth-child(3),
  .yz-pr td:nth-child(2),.yz-pr td:nth-child(3),.yz-pr td:nth-child(4){
    display:inline-block;padding:2px 0}
  .yz-kt td:nth-child(4)::before,.yz-kt td:nth-child(5)::before,
  .yz-ar td:nth-child(3)::before,.yz-pr td:nth-child(3)::before,
  .yz-pr td:nth-child(4)::before{content:"·";display:inline;margin:0 5px 0 4px;
    color:var(--faint);letter-spacing:0;text-transform:none;font-size:inherit}
  .yz-pr td:nth-child(2)::before{display:none}
  .yz-lst li{margin:0 0 5px}
}