/* blog-araclar.css — blog_araclar.php şablonunun içindeki <style> bloğundan taşındı (2026-10-03). Şablonda aynı yerde <link> ile yükleniyor. */
.hbBlogAraclar{margin:34px 0 8px;padding:22px;background:#fbfbfd}
.hbBlogAraclar h2{margin:0 0 4px;font-size:17px;font-weight:700;color:#3d4059;letter-spacing:-.01em}
.hbBlogAraclar > p{margin:0 0 16px;font-size:13.5px;color:#767a95}
.hbBlogAraclar ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.hbBlogAraclar li{margin:0;min-width:0}
.hbBlogAraclar a.hbTool{display:block;padding:13px 15px;border:1px solid #e9e8ef;border-radius:11px;background:#fff;text-decoration:none;transition:border-color .15s,transform .15s}
.hbBlogAraclar a.hbTool:hover{border-color:#c9c8d6;transform:translateY(-2px)}
.hbBlogAraclar a.hbTool b{display:block;font-size:14px;font-weight:650;color:#3d4059;margin-bottom:2px}
.hbBlogAraclar a.hbTool span{display:block;font-size:12.5px;line-height:1.45;color:#767a95}
.hbBlogAraclar .hbAll{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:650;color:rgb(var(--cl1,232,66,85));text-decoration:none}
.hbBlogAraclar .hbAll:hover{text-decoration:underline}
@media (prefers-color-scheme:dark){
  .hbBlogAraclar{background:#1c1e28;border-color:#2d313d}
  .hbBlogAraclar h2{color:#edeef5}
  .hbBlogAraclar a.hbTool{background:#232633;border-color:#2d313d}
  .hbBlogAraclar a.hbTool b{color:#edeef5}
  .hbBlogAraclar a.hbTool span,.hbBlogAraclar > p{color:#9a9db3}
}