/* ===== Kullanma kılavuzu (R17) ===== */
.kvz{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:start}
.kv-toc{position:sticky;top:12px;max-height:calc(100vh - 90px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 8px 12px}
.kv-ara{padding:2px 4px 8px}
.kv-ara input{font:inherit;font-size:13px;width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--ink)}
.kv-ara input:focus{outline:2px solid var(--accent);outline-offset:-1px}
.kv-toc a{display:block;text-decoration:none;color:var(--ink-2);font-size:12.5px;padding:4px 8px;border-radius:6px;line-height:1.35}
.kv-toc a:hover{background:var(--surface-2);color:var(--ink)}
.kv-toc a.b{font-weight:600;color:var(--ink);font-size:13px;margin-top:4px}
.kv-toc a.b .no{display:inline-block;min-width:22px;color:var(--ink-3);font-weight:500}
.kv-toc .alt a{padding-left:30px;font-size:12px}
.kv-toc a.on{background:var(--accent-soft);color:var(--accent-ink)}
.kv-toc .kv-s{display:block;padding:7px 8px;border-bottom:1px solid var(--line-2)}
.kv-toc .kv-s b{display:block;font-size:12.5px;color:var(--ink)}
.kv-toc .kv-s small{display:block;font-size:11px;color:var(--ink-3)}
.kv-toc .kv-s span{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px}
.kv-body{max-width:940px;min-width:0}
.kv-bas{padding:18px 20px;margin-bottom:18px}
.kv-bas-u{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.kv-bas h1{font-family:Barlow,"IBM Plex Sans",sans-serif;font-size:24px;margin:0 0 4px;letter-spacing:.01em}
.kv-bas select{font:inherit;font-size:12.5px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
.kv-giris{margin-top:10px;font-size:14px;line-height:1.65;color:var(--ink-2)}
.kv-giris p{margin:6px 0}
.kv-yeni{margin-top:10px;font-size:13px}
.kv-yeni summary{cursor:pointer;color:var(--accent-ink);font-weight:600}
.kv-yeni ul{margin:6px 0 0 18px;padding:0;line-height:1.55}
.kv-bolum{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:6px 24px 18px;margin-bottom:18px;scroll-margin-top:12px}
.kv-bolum h2{font-family:Barlow,"IBM Plex Sans",sans-serif;font-size:22px;margin:16px 0 10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kv-bolum h2 .no{color:var(--accent);font-weight:600}
.kv-alt{scroll-margin-top:12px;border-top:1px solid var(--line-2);margin-top:16px;padding-top:4px;border-radius:6px}
.kv-alt h3{font-size:16.5px;margin:12px 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kv-bolum h4{font-size:14px;margin:14px 0 4px;color:var(--ink)}
.kv-bolum p,.kv-bolum li{font-size:14.2px;line-height:1.68;color:var(--ink)}
.kv-bolum p{margin:7px 0}
.kv-bolum ul,.kv-bolum ol{margin:6px 0 8px 20px;padding:0}
.kv-bolum li{margin:3px 0}
.kv-bolum code{font-size:12.5px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px}
.kv-bolum kbd{font:inherit;font-size:12px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--surface-2)}
.kv-bolum a{color:var(--accent-ink)}
.kv-bolum table{border-collapse:collapse;width:100%;font-size:13px;margin:10px 0;display:block;overflow-x:auto}
.kv-bolum th{text-align:left;font-weight:600;color:var(--ink-2);background:var(--surface-2);padding:7px 9px;border:1px solid var(--line-2);white-space:nowrap}
.kv-bolum td{padding:6px 9px;border:1px solid var(--line-2);vertical-align:top;line-height:1.5}
.kv-bolum blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;color:var(--ink)}
.kv-bolum blockquote p{margin:4px 0;font-size:13.6px}
.kv-bolum blockquote.uyari{border-left-color:var(--warn);background:rgba(250,178,25,.12)}
.kv-bolum figure{margin:14px 0 16px;text-align:center}
.kv-bolum figure img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);cursor:zoom-in;background:var(--surface-2)}
.kv-bolum figure.dar img{max-width:420px;width:100%}
.kv-bolum figcaption{font-size:12px;color:var(--ink-3);margin-top:6px}
.kv-yetki{font-size:11px;font-weight:500;font-family:"IBM Plex Sans",sans-serif}
.kv-vurgu{animation:kvVurgu 1.6s ease-out}
@keyframes kvVurgu{0%{box-shadow:0 0 0 3px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}
.kv-son{text-align:center;margin:20px 0 40px}
.kv-modal{width:min(1400px,96vw)!important;max-width:96vw!important}
.kv-buyuk img{width:100%;height:auto;display:block;border-radius:8px}
@media (max-width:900px){
  .kvz{grid-template-columns:1fr}
  .kv-toc{position:static;max-height:44vh}
  .kv-bolum{padding:4px 14px 14px}
  .kv-bolum h2{font-size:19px}
}
.kv-yardim{font-weight:700;font-size:16px;font-family:Barlow,"IBM Plex Sans",sans-serif}