:root{--primary:#0077cc;--primary-dark:#005fa3;--bg:#f5f9ff;--text:#1e293b;--muted:#64748b}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;overflow-x:hidden;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;padding:14px 0}
header .brand{font-size:1.4rem;font-weight:600}
.container{max-width:1150px;margin:0 auto;padding:0 16px}
.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}
.form-control{width:100%;padding:10px;border:1px solid #d8e4f2;border-radius:8px;margin-bottom:10px;background:#fff}
.btn{padding:9px 14px;border-radius:8px;border:none;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
.badge-cat{display:inline-block;background:#e6f4ff;color:var(--primary-dark);padding:4px 10px;border-radius:16px;font-size:0.85rem;margin-bottom:8px}
footer{background:var(--primary);padding:10px;color:#fff;text-align:center;margin-top:40px;border-top:4px solid var(--primary-dark)}

/* Admin grid */
.admin-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:24px}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}

/* Blog list: small logo layout */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.blog-card{display:flex;flex-direction:row;gap:14px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.04);align-items:flex-start}
.blog-card img{width:70px;height:70px;object-fit:cover;border-radius:10px;flex:0 0 70px}
.blog-card h3{margin:0;font-size:1rem}
.blog-card .excerpt{margin-top:6px;color:var(--muted);font-size:0.9rem}

/* article header small-left-logo */
.article-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.article-header img{width:65px;height:65px;object-fit:cover;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.12);flex:0 0 65px}
.article-header h1{font-size:1.6rem;margin:0;line-height:1.2}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin-bottom:12px;object-fit:cover}

/* responsive tweaks */
@media(max-width:520px){
  .blog-card{flex-direction:row;align-items:center}
  .blog-card img{width:60px;height:60px}
  .article-header{flex-direction:row;gap:10px}
  .article-header img{width:56px;height:56px}
}
/* İçerikteki tüm görüntüler logo gibi küçük gözüksün */
.article-content img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin: 15px auto;
}