/* Dokümantasyon — site.css tasarım dili üstüne: sol menü + içerik + sayfa içi TOC */
.doc-wrap{display:grid;grid-template-columns:250px 1fr;gap:44px;padding-top:34px;padding-bottom:70px;align-items:start}
.doc-side{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;padding-right:6px}
.doc-search{position:relative;margin-bottom:14px}
.doc-search input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);font-family:'Inter Tight';font-size:14px;color:var(--ink)}
.doc-search .sug{position:absolute;left:0;right:0;top:100%;background:var(--white);border:1px solid var(--line);border-radius:var(--r);z-index:30;box-shadow:0 14px 34px -18px rgba(10,30,39,.4)}
.doc-search .sug a,.doc-search .sug span{display:block;padding:8px 11px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);color:var(--ink)}
.doc-search .sug a:hover{background:var(--paper-2)}
.doc-grp{font-family:'IBM Plex Mono';font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);padding:14px 0 6px}
.doc-nav{display:block;padding:6px 10px;border-left:2px solid transparent;color:var(--steel);text-decoration:none;font-size:14px;line-height:1.35}
.doc-nav:hover{color:var(--ink)}.doc-nav.on{color:var(--ink);border-left-color:var(--brass);background:rgba(185,118,26,.07)}
.doc-main{min-width:0}
.doc-main h1{font-size:clamp(28px,3.4vw,40px);margin:14px 0 10px}
.doc-toc{border:1px solid var(--line);background:var(--paper-2);border-radius:var(--r);padding:14px 16px;margin:0 0 26px;column-count:2;column-gap:24px}
.doc-toc a{display:block;font-size:13.5px;color:var(--steel);text-decoration:none;padding:2px 0;break-inside:avoid}
.doc-toc a.l3{padding-left:14px;font-size:12.5px}.doc-toc a:hover{color:var(--brass)}
.doc-body{font-size:16px;line-height:1.7}
.doc-body h2{font-size:24px;margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--line)}
.doc-body h3{font-size:18px;margin:26px 0 8px}
.doc-body h4{font-size:15px;margin:18px 0 6px;font-family:'IBM Plex Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.doc-body p{margin:0 0 14px;max-width:78ch}
.doc-body ul,.doc-body ol{margin:0 0 14px 22px;max-width:78ch}.doc-body li{margin:4px 0}
.doc-body code{font-family:'IBM Plex Mono';font-size:.88em;background:rgba(10,30,39,.06);padding:1px 6px;border-radius:3px}
.doc-body pre.doc-code{background:#0A1E27;color:#DCE6EA;border-radius:5px;padding:14px 16px;overflow:auto;font-family:'IBM Plex Mono';font-size:13px;line-height:1.6;margin:0 0 16px}
.doc-body pre.doc-code code{background:none;padding:0;color:inherit;font-size:inherit}
.doc-table{overflow:auto;margin:0 0 16px}
.doc-body table{width:100%;border-collapse:collapse;font-size:14px}
.doc-body th{text-align:left;font-family:'IBM Plex Mono';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);padding:8px 10px;border-bottom:1px solid var(--line);font-weight:600}
.doc-body td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.doc-cb{border:1px solid var(--line);border-left:4px solid var(--steel);background:var(--paper-2);border-radius:var(--r);padding:12px 16px;margin:0 0 16px;font-size:14.5px;max-width:78ch}
.doc-cb.doc-note{border-left-color:var(--ink-3)}.doc-cb.doc-warn{border-left-color:var(--bad);background:rgba(192,57,43,.06)}.doc-cb.doc-tip{border-left-color:var(--good);background:rgba(30,142,106,.07)}
.doc-fig{margin:6px 0 22px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white);box-shadow:0 20px 50px -30px rgba(10,30,39,.45)}
.doc-fig img{display:block;width:100%;cursor:zoom-in}
.doc-fig figcaption{padding:9px 13px;font-family:'IBM Plex Mono';font-size:11.5px;color:var(--steel);border-top:1px solid var(--line)}
.doc-pn{display:flex;justify-content:space-between;gap:12px;margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}
.doc-pn a{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.06em;text-decoration:none;color:var(--brass)}
/* uygulama içi kılavuz bölümleri (manual.js sınıfları) */
.man .man-ver{font-family:'IBM Plex Mono';font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);display:inline-block;margin-bottom:8px}
.man table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 14px}.man td,.man th{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.man .man-cb{border:1px solid var(--line);border-left:4px solid var(--ink-3);background:var(--paper-2);border-radius:var(--r);padding:12px 16px;margin:0 0 16px;font-size:14.5px}
.man .man-warn{border-left-color:var(--bad)}.man .man-tip{border-left-color:var(--good)}
.man .man-seealso{font-family:'IBM Plex Mono';font-size:12px;margin:8px 0 22px}.man .man-seealso a{margin-left:10px;color:var(--brass)}
.man .man-fig{margin:10px 0 20px;border:1px solid var(--line);border-radius:6px;padding:12px;background:var(--white)}.man .man-fig svg{width:100%;height:auto}
.man .man-fig figcaption{font-family:'IBM Plex Mono';font-size:11.5px;color:var(--steel);margin-top:8px}
.man pre,.man code{font-family:'IBM Plex Mono';font-size:.9em}.man pre{background:var(--ink);color:#DCE6EA;padding:12px 14px;border-radius:5px;overflow:auto;margin:0 0 14px}
.man h4,.man h5{margin:16px 0 6px}.man p{margin:0 0 12px;max-width:80ch}.man ul,.man ol{margin:0 0 12px 22px}
.man .man-kbd{font-family:'IBM Plex Mono';font-size:.85em;border:1px solid var(--line);border-radius:3px;padding:0 5px;background:var(--paper-2)}
@media(max-width:900px){.doc-wrap{grid-template-columns:1fr}.doc-side{position:static;max-height:none}.doc-toc{column-count:1}}
html[data-theme="dark"] .doc-body code{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .doc-body td,html[data-theme="dark"] .man td{color:#E6EEF2}