/* Kütüphane — dokümantasyon sitesi düzeni (sahip kararı 2026-09-10: "kod library doc gibi").
   Sol: madde listesi · Orta: yazı · Sağ: bu sayfada. Tokenlar sitenin (yeşil vurgu), yazı Inter
   (@font-face custom.css'te). Haber temasından bağımsız; news-* sınıfı kullanılmaz.
   plans/2026-09-09-library.md */
.lib{
  --lib-ink:#1c2027; --lib-body:#374151; --lib-muted:#6b7280; --lib-line:#e3e6ec; --lib-soft:#f6f7f9;
  --lib-accent:var(--color-accent,#178754); --lib-accent-soft:rgba(23,135,84,.09);
  font-family:'Inter','Open Sans',system-ui,sans-serif; color:var(--lib-body);
  max-width:1320px; margin:0 auto; padding:24px 20px 72px;
  display:grid; grid-template-columns:250px minmax(0,1fr) 220px; gap:40px; align-items:start;
}
.lib a{color:var(--lib-accent)}
/* ---- sol: madde listesi ---- */
.lib-nav{position:sticky; top:96px; font-size:14px}
.lib-nav__baslik{font-size:11px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:var(--lib-muted); margin:0 0 10px; padding:0 10px}
.lib-nav ul{list-style:none; margin:0; padding:0}
.lib-nav li{margin:0}
.lib-nav a{display:block; padding:7px 10px; border-radius:6px; color:var(--lib-body); text-decoration:none; line-height:1.35; border-left:2px solid transparent}
.lib-nav a:hover{background:var(--lib-soft); color:var(--lib-ink)}
.lib-nav a.aktif{background:var(--lib-accent-soft); color:var(--lib-accent); font-weight:600; border-left-color:var(--lib-accent); border-radius:0 6px 6px 0}
.lib-nav .taslak{font-size:11px; color:var(--lib-muted); margin-left:6px}
/* ---- orta: yazı ---- */
.lib-main{min-width:0}
.lib-title{font-size:32px; line-height:1.2; font-weight:700; color:var(--lib-ink); margin:4px 0 8px; letter-spacing:-.01em; text-wrap:balance}
.lib-meta{font-size:13px; color:var(--lib-muted); margin:0 0 26px; padding-bottom:14px; border-bottom:1px solid var(--lib-line)}
.lib-taslak{background:#fbf1e0; color:#8a5a12; border-radius:6px; padding:8px 12px; font-size:13px; margin:0 0 14px}
.lib-body{font-size:16px; line-height:1.75; max-width:76ch}
.lib-body p{margin:0 0 1.1em; font-size:inherit; line-height:inherit; font-family:inherit; color:inherit}
.lib-body h2{font-size:22px; line-height:1.3; color:var(--lib-ink); margin:2em 0 .7em; padding-top:.4em; border-top:1px solid var(--lib-line); scroll-margin-top:100px}
.lib-body h3{font-size:17px; color:var(--lib-ink); margin:1.5em 0 .5em; scroll-margin-top:100px}
.lib-body ul,.lib-body ol{margin:0 0 1.1em; padding-left:1.4em}
.lib-body li{margin-bottom:.4em; font-size:15px; line-height:1.65}
.lib-body li p{font-size:inherit}
.lib-body strong{color:var(--lib-ink); font-weight:600}
.lib-body blockquote{margin:0 0 1.1em; padding:.4em 1em; border-left:3px solid var(--lib-line); color:var(--lib-muted); font-size:14.5px}
.lib-body .tablo-sar{overflow-x:auto; margin:0 0 1.2em}
.lib-body table{border-collapse:collapse; font-size:14px; line-height:1.5; min-width:100%; font-variant-numeric:tabular-nums}
.lib-body th,.lib-body td{border-bottom:1px solid var(--lib-line); padding:.5em .7em; text-align:left; vertical-align:top}
.lib-body th{font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--lib-muted); background:var(--lib-soft)}
.lib-body code{font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; background:var(--lib-soft); padding:1px 5px; border-radius:4px}
.lib-body pre.kod{background:var(--lib-soft); border:1px solid var(--lib-line); border-radius:6px; padding:12px 14px; overflow-x:auto; font-size:13px}
.lib-body hr{border:0; border-top:1px solid var(--lib-line); margin:2em 0}
.library-cite{text-decoration:none; font-size:.8em; vertical-align:super; line-height:0; padding:0 1px}
.lib-body li[id^="kaynak-"]{font-size:13.5px; line-height:1.55; color:var(--lib-muted); overflow-wrap:anywhere}
.lib-body li[id^="kaynak-"]:target{background:#fff7e0}
.lib-body li[id^="kaynak-"] a{overflow-wrap:anywhere}
/* katalog araması — kaynakların üstünde, yazıyı bitiren çağrı (2026-09-23) */
.lib-son{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr); grid-template-areas:"onceki katalog sonraki"; gap:18px; align-items:center; max-width:76ch; margin:2.2em 0 0; font-size:14px}
.lib-son > a{text-decoration:none; line-height:1.35}
.lib-son span{display:block; font-size:11px; letter-spacing:.6px; text-transform:uppercase; color:var(--lib-muted); margin-bottom:3px}
.lib-son__onceki{grid-area:onceki}
.lib-son__sonraki{grid-area:sonraki; text-align:right}
.lib-katalog{grid-area:katalog; margin:0; padding:14px 18px; background:#fff4ec; border-left:4px solid #c2410c; border-radius:0 8px 8px 0; font-size:16px; line-height:1.55; color:var(--lib-ink)}
.lib .lib-katalog a{color:#c2410c; font-weight:700; text-decoration:none; white-space:nowrap; border-bottom:2px solid rgba(194,65,12,.35)}
.lib .lib-katalog a:hover{color:#9a3412; border-bottom-color:#9a3412}
.lib-katalog__ikon{vertical-align:-3px; margin-right:5px}
.lib-kaynaklar{margin-top:.5em}
@media (max-width:640px){
  .lib-son{grid-template-columns:1fr 1fr; grid-template-areas:"katalog katalog" "onceki sonraki"}
}
/* ---- sağ: bu sayfada ---- */
.lib-toc{position:sticky; top:96px; font-size:13px; border-left:1px solid var(--lib-line); padding-left:14px}
.lib-toc__baslik{font-size:11px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; color:var(--lib-muted); margin:0 0 8px}
.lib-toc ul{list-style:none; margin:0; padding:0}
.lib-toc li{margin:0 0 6px; line-height:1.35}
.lib-toc li.s3{padding-left:12px; font-size:12.5px}
.lib-toc a{color:var(--lib-body); text-decoration:none}
.lib-toc a:hover{color:var(--lib-accent)}
/* liste sayfası */
.lib-liste{list-style:none; margin:20px 0 0; padding:0; max-width:76ch}
.lib-liste li{padding:14px 0; border-bottom:1px solid var(--lib-line)}
.lib-liste a{font-size:18px; font-weight:600; text-decoration:none; color:var(--lib-ink)}
.lib-liste p{margin:4px 0 0; font-size:14.5px; color:var(--lib-body)}
.lib-liste small{color:var(--lib-muted); font-size:12.5px}
/* mobil / dar */
details.lib-mobil{display:none}
@media (max-width:1180px){
  .lib{grid-template-columns:230px minmax(0,1fr); gap:30px}
  .lib-toc{display:none}
}
@media (max-width:840px){
  .lib{display:block; padding:16px 14px 56px}
  .lib-nav{display:none}
  details.lib-mobil{display:block; margin:0 0 18px; border:1px solid var(--lib-line); border-radius:6px; padding:8px 12px; font-size:14px}
  details.lib-mobil summary{cursor:pointer; font-weight:600; color:var(--lib-ink)}
  details.lib-mobil ul{list-style:none; margin:8px 0 0; padding:0}
  details.lib-mobil a{display:block; padding:6px 0; text-decoration:none; color:var(--lib-body)}
  details.lib-mobil a.aktif{color:var(--lib-accent); font-weight:600}
  .lib-title{font-size:26px}
}