/* frontend/blog/show.blade.php-dən köçürülüb */
.blog-cat-badge{font-size:.72rem;font-weight:700;padding:3px 12px;border-radius:999px;}
.blog-card-sm{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;transition:all .2s;}
.blog-card-sm:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 16px rgba(21,101,192,.1);}
.blog-card-sm-img{height:120px;background-size:cover;background-position:center;}
.blog-no-img{background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-300);}
.blog-card-sm-body{padding:12px;}
.blog-card-sm-title{font-size:.85rem;font-weight:700;color:var(--gray-800);margin:4px 0;line-height:1.4;}
.blog-card-sm-meta{font-size:.72rem;color:var(--gray-400);}
.blog-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px;}
.blog-sidebar-promo{background:linear-gradient(135deg,#0d2244,#1565C0);border-radius:16px;padding:22px;color:#fff;}

/* Məzmun stili */
.blog-body{color:var(--gray-700);line-height:1.85;font-size:.96rem;}
.blog-body h2{font-size:1.4rem;font-weight:800;color:var(--gray-800);margin:28px 0 14px;}
.blog-body h3{font-size:1.15rem;font-weight:700;color:var(--gray-800);margin:22px 0 10px;}
.blog-body p{margin-bottom:16px;}
.blog-body ul,.blog-body ol{padding-left:22px;margin-bottom:16px;}
.blog-body li{margin-bottom:6px;}
.blog-body strong{color:var(--gray-800);}
.blog-body a{color:var(--blue);}
.blog-body blockquote{border-left:4px solid var(--blue);padding:12px 16px;background:var(--blue-pale);border-radius:0 10px 10px 0;margin:20px 0;color:var(--gray-700);}
.blog-body code{background:var(--gray-100);padding:2px 6px;border-radius:4px;font-size:.88rem;}
.blog-body pre{background:#1a2235;color:#e2e8f0;padding:16px;border-radius:10px;overflow-x:auto;margin:16px 0;}
.blog-body img{max-width:100%;border-radius:10px;margin:12px 0;}
.blog-body table{width:100%;border-collapse:collapse;margin:16px 0;}
.blog-body th{background:var(--gray-50);padding:10px 12px;text-align:left;font-size:.82rem;border:1px solid var(--gray-200);}
.blog-body td{padding:9px 12px;border:1px solid var(--gray-200);font-size:.88rem;}