/* Konu sayfası araçları — site paleti: petrol #0F6B7C, altın #C5923E, zemin #FBF9F4 */
.ka-ilerleme{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;background:transparent;pointer-events:none}
.ka-ilerleme span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0F6B7C,#C5923E)}
.ka-araclar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
/* Düğmeler site yazı tipini kullanır. (Önceki `font:700 .84rem/1 inherit` bildirimi geçersizdi:
   tarayıcı düğmeleri Arial 400 olarak çiziyordu — ölçüldü.) */
.ka-btn{min-height:44px;padding:8px 14px;border-radius:10px;border:1px solid #D9E5E8;background:#fff;color:#0F6B7C;font-family:inherit;font-size:.84rem;font-weight:700;line-height:1.2;cursor:pointer}
.ka-btn:hover{border-color:#0F6B7C}
.ka-btn:focus-visible{outline:2px solid #C5923E;outline-offset:2px}
.ka-bitti.acik{background:#0F6B7C;color:#fff;border-color:#0F6B7C}
/* Önceki / sonraki konu */
.ka-gezin{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 0}
.ka-gezin a{display:block;padding:14px 16px;border:1px solid #D9E5E8;border-radius:12px;background:#fff;color:#0F6B7C;text-decoration:none;font-weight:700;line-height:1.35}
.ka-gezin a small{display:block;color:#5C7B85;font-weight:600;font-size:.74rem;margin-bottom:3px}
.ka-gezin a:hover{border-color:#0F6B7C}
.ka-gezin .sonraki{text-align:right;grid-column:2}
.ka-gezin .onceki{grid-column:1}
@media (max-width:520px){.ka-gezin{grid-template-columns:1fr}.ka-gezin .sonraki,.ka-gezin .onceki{grid-column:1;text-align:left}}
html[data-theme="dark"] .ka-btn,html[data-theme="dark"] .ka-gezin a{background:#0F2C34;border-color:#1F3A44;color:#A8C6CC}
/* Telefonda araç çubuğu tek sıra (önce 2 sıra, 96 px idi): 44 px dokunma hedefleri yan yana sığar.
   Uzun etiketin yalnız uzun hâli gizlenir (metin HTML'de kalır, ekran okuyucu okumaya devam eder). */
@media (max-width:560px){
  .ka-araclar{flex-wrap:nowrap;gap:5px;margin:0 0 18px}
  .ka-btn{flex:0 0 auto;min-width:44px;padding:8px;text-transform:capitalize;white-space:nowrap}
  .ka-btn .ka-uzun{display:none}
  .ka-bitti{flex:1 1 auto;min-width:0}
}
@media (max-width:380px){.ka-btn{font-size:.78rem}}
@media (max-width:340px){.ka-araclar{flex-wrap:wrap}}
@media print{.ka-ilerleme,.ka-araclar,.ka-gezin,.dt-tamekran-btn{display:none!important}}
@media (prefers-reduced-motion:no-preference){.ka-ilerleme span{transition:width .12s linear}}