/* LibraryTürk geliştirici rehberi — kurumsal docs düzeni. anasayfa.css değişkenlerini kullanır
   (turuncu #FF6F0F + navy #1a2b3c). Sol TOC + içerik + kod sekmeleri. Emoji / AI-tasarım YOK. */

.docs-wrap{ max-width:1180px; margin:0 auto; padding:0 28px; display:grid;
            grid-template-columns:232px minmax(0,1fr); gap:48px; align-items:start; }

/* sol içindekiler (sticky) */
.toc{ position:sticky; top:88px; padding:30px 0; font-size:14px; }
.toc h4{ font-size:11px; text-transform:uppercase; letter-spacing:.1em; color:var(--light); margin:0 0 12px; }
.toc a{ display:block; color:var(--mut); text-decoration:none; padding:6px 0 6px 14px; border-left:2px solid transparent; }
.toc a:hover{ color:var(--ink); }
.toc a.on{ color:var(--primary-dark); border-left-color:var(--primary); font-weight:600; }

/* içerik */
.doc{ padding:30px 0 96px; min-width:0; }
.doc h1{ font-size:32px; color:var(--secondary); margin:0 0 6px; letter-spacing:-.02em; }
.doc .sub{ color:var(--mut); font-size:16px; margin:0 0 14px; }
.doc section{ padding:26px 0; border-top:1px solid var(--line); scroll-margin-top:84px; }
.doc section:first-of-type{ border-top:none; }
.doc h2{ font-size:21px; color:var(--secondary); margin:0 0 12px; letter-spacing:-.01em; }
.doc h3{ font-size:15px; color:var(--ink); margin:22px 0 6px; }
.doc p{ color:var(--ink); margin:8px 0; }
.doc ul{ color:var(--ink); margin:8px 0; padding-left:20px; }
.doc li{ margin:4px 0; }
.doc code{ font-family:Consolas,Menlo,monospace; font-size:13px; background:var(--primary-soft);
           color:var(--primary-dark); border:1px solid #fed7aa; padding:2px 7px; border-radius:5px; }

/* kod sekmeleri */
.codeblock{ margin:14px 0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.tabbar{ display:flex; gap:0; background:var(--bg); border-bottom:1px solid var(--line); }
.tabbar button{ background:none; border:none; padding:10px 18px; cursor:pointer; font-size:13px; font-weight:600;
                color:var(--mut); border-bottom:2px solid transparent; }
.tabbar button:hover{ color:var(--ink); }
.tabbar button.on{ color:var(--primary-dark); border-bottom-color:var(--primary); background:#fff; }
.code{ display:none; }
.code.on{ display:block; }
.code pre{ background:var(--secondary); color:#e2e8f0; padding:18px 20px; overflow:auto; margin:0;
           font-family:Consolas,Menlo,monospace; font-size:13.5px; line-height:1.6; }
.code pre .k{ color:#ff9d5c; } .code pre .s{ color:#9ae6b4; } .code pre .c{ color:#7b8794; } .code pre .p{ color:#93c5fd; }

/* tablolar */
.doc table{ width:100%; border-collapse:collapse; font-size:14px; margin:12px 0; border:1px solid var(--line);
            border-radius:var(--radius); overflow:hidden; }
.doc th{ background:var(--bg); text-align:left; padding:11px 14px; font-size:12.5px; color:var(--mut);
         border-bottom:1px solid var(--line); }
.doc td{ padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:top; }
.doc tr:last-child td{ border-bottom:none; }
.method{ font-family:Consolas,monospace; font-size:12px; font-weight:700; padding:2px 9px; border-radius:4px; white-space:nowrap; }
.method.get{ background:#e0f2fe; color:#0369a1; }
.method.post{ background:#dcfce7; color:#15803d; }

.note{ background:var(--primary-soft); border-left:3px solid var(--primary); padding:12px 16px;
       border-radius:0 var(--radius) var(--radius) 0; font-size:14px; color:var(--ink); margin:14px 0; }

/* kopyala butonu + yanıt kutusu + alan tablosu */
.tabbar .copy{ margin-left:auto; color:var(--primary-dark); font-size:12px; padding-right:14px; }
.tabbar .copy:hover{ color:var(--primary); }
.tabbar .lbl{ padding:10px 16px; font-size:12px; font-weight:600; color:var(--mut); letter-spacing:.02em; }
.codeblock.kutu .code pre{ background:#0f1b2a; }
.alan td:first-child code{ background:#fff; }
.alan td.tip{ font-family:Consolas,Menlo,monospace; font-size:12.5px; color:var(--mut); }

/* durum (status) sayfası */
.durum-overall{ font-size:17px; font-weight:600; padding:14px 18px; border-radius:var(--radius); margin:8px 0 18px; }
.durum-overall.ok{ background:#e7f6ec; color:#1b6b3a; border:1px solid #b7e0c4; }
.durum-overall.down{ background:#fde8e8; color:#9b1c1c; border:1px solid #f3b4b4; }
.durum-table{ width:100%; border-collapse:collapse; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.durum-table td{ padding:13px 16px; border-bottom:1px solid var(--line); font-size:14.5px; }
.durum-table tr:last-child td{ border-bottom:none; }
.durum-table td:last-child{ text-align:right; }
.durum-table td.ok{ color:#1b6b3a; font-weight:600; }
.durum-table td.down{ color:#9b1c1c; font-weight:600; }
.durum-table .dot{ display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:9px; }
.durum-table .dot.g{ background:#2b9c5a; } .durum-table .dot.r{ background:#d64545; }

/* landing yönlendirme kartları */
.navcards{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin:10px 0; }
a.navcard{ display:block; text-decoration:none; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);
           padding:20px 22px; box-shadow:var(--shadow-sm); transition:box-shadow .18s, transform .18s, border-color .18s; }
a.navcard:hover{ box-shadow:var(--shadow-lg); transform:translateY(-2px); border-color:var(--primary); }
a.navcard h3{ margin:0 0 5px; font-size:16px; color:var(--secondary); }
a.navcard p{ margin:0 0 8px; font-size:13.5px; color:var(--mut); }
a.navcard .ar{ color:var(--primary-dark); font-weight:600; font-size:13px; }

@media(max-width:820px){ .docs-wrap{ grid-template-columns:1fr; } .toc{ display:none; } .doc h1{ font-size:26px; } }
@media(max-width:680px){ .navcards{ grid-template-columns:1fr; } }