/* bulentkeskin.net — makale ve rehberler için bağımsız menü ve alt bilgi */
.bkn{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;height:auto!important;display:block!important;font-family:'DM Sans',sans-serif}
.bkn-in{max-width:1280px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bkn-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a}
.bkn-brand img{height:48px;width:auto}.bkn-brand span{font:800 20px Manrope,sans-serif;letter-spacing:-.01em}
.bkn-nav{display:none;align-items:center;gap:24px;font-size:14px;font-weight:500}
.bkn-nav>a,.bkn-dd>a{color:#64748b;text-decoration:none;transition:color .2s}.bkn-nav>a:hover,.bkn-dd>a:hover{color:#0f172a}
.bkn-nav a.on{color:#0f172a;font-weight:700}
.bkn-dd{position:relative}.bkn-dd>a{display:flex;align-items:center;gap:4px}
.bkn-menu{position:absolute;left:0;top:100%;padding-top:12px;width:256px;opacity:0;visibility:hidden;transform:translateY(4px);transition:.2s}
.bkn-dd:hover .bkn-menu,.bkn-dd:focus-within .bkn-menu{opacity:1;visibility:visible;transform:none}
.bkn-menu div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 25px 50px rgba(15,23,42,.18);padding:8px 0}
.bkn-menu a{display:block;padding:12px 16px;font-size:14px;color:#334155;text-decoration:none}.bkn-menu a:hover{background:#e2e8f0;color:#0f172a}
.bkn-cta{display:none;padding:10px 20px;border-radius:8px;font:700 12px 'Space Mono',monospace;letter-spacing:.06em;text-transform:uppercase;background:#e2e8f0;color:#0f172a;border:1px solid #cbd5e1;text-decoration:none}.bkn-cta:hover{background:#2563eb;color:#fff}
.bkn-btn{width:44px;height:44px;border-radius:8px;border:1px solid #e2e8f0;background:transparent;display:flex;align-items:center;justify-content:center;color:#0f172a;cursor:pointer}
.bkn-panel{display:none;border-top:1px solid #e2e8f0;background:#f7f9fc}.bkn-panel.open{display:block}
.bkn-panel nav{max-width:1280px;margin:0 auto;padding:20px 24px;display:flex;flex-direction:column;font-size:14px}
.bkn-panel a{padding:12px 0;border-bottom:1px solid rgba(226,232,240,.7);color:#64748b;text-decoration:none}.bkn-panel a.sub{padding:9px 0 9px 16px;border:0;color:#475569}
.bkn-panel a.go{margin-top:16px;border:0;border-radius:8px;background:#2563eb;color:#fff;text-align:center;font:700 12px 'Space Mono',monospace;text-transform:uppercase;padding:12px}
@media(min-width:640px){.bkn-cta{display:inline-flex}}
@media(min-width:1024px){.bkn-nav{display:flex}.bkn-btn{display:none}.bkn-panel,.bkn-panel.open{display:none}}
.bkf{border-top:1px solid #e2e8f0;background:#f7f9fc;padding:64px 0 140px;font-family:'DM Sans',sans-serif;text-align:center}
.bkf-in{max-width:1280px;margin:0 auto;padding:0 24px}
.bkf img{height:72px;width:auto;margin:0 auto 28px;display:block}
.bkf h2{font:800 clamp(28px,3.4vw,36px) Manrope,sans-serif;color:#0f172a;margin:0 0 20px;letter-spacing:-.01em}
.bkf p.l{color:#64748b;max-width:680px;margin:0 auto 36px;line-height:1.7}
.bkf-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:768px;margin:0 auto}
.bkf-g a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;text-decoration:none}
.bkf-g a:hover{background:#eff6ff;border-color:#93c5fd}.bkf-g a.wa{background:#2563eb;border-color:#2563eb;color:#fff}
.bkf-g svg{width:24px;height:24px;color:#0284c7}.bkf-g a.wa svg{color:#fff}
.bkf-g b{font:700 14px Manrope,sans-serif}.bkf-g small{font-size:12px;opacity:.8;word-break:break-all}
.bkf-b{margin-top:64px;padding-top:28px;border-top:1px solid rgba(226,232,240,.7);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;color:#64748b}
.bkf-b .m{font-family:'Space Mono',monospace;color:#0284c7}
.bkfa{position:fixed;right:20px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:12px}
.bkfa a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 25px rgba(15,23,42,.15);text-decoration:none}
.bkfa a svg{width:24px;height:24px}.bkfa .t{background:#fff;border:1px solid #e2e8f0;color:#0284c7}.bkfa .r{background:#2563eb;color:#fff}.bkfa .w{background:#25D366;color:#fff}
@media(min-width:1024px){.bkf-g{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.bkf{padding-bottom:150px}}