/* blog.css — OTOMOBOL blog sayfası */
.blog-page{background:#fff}
.blog-head{background:linear-gradient(180deg,#f4fbfb,#fff);border-bottom:1px solid #eef2f6;padding:40px 0 28px}
.blog-head h1{margin:0 0 8px;font-family:Manrope,Arial,sans-serif;font-size:34px;color:var(--navy,#0b3b4f)}
.blog-head p{margin:0;color:var(--muted,#52697a);font-size:14px}
.blog-list{padding:28px 0 56px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.blog-card{border:1px solid #e3eaf0;border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.blog-card:hover{box-shadow:0 10px 30px rgba(11,59,79,.08);transform:translateY(-2px)}
.blog-card-link{display:block;text-decoration:none;color:inherit}
.blog-cover{width:100%;height:180px;object-fit:cover;display:block;background:#f1f5f9}
.blog-card-body{padding:16px 18px 18px}
.blog-cat{display:inline-block;font:700 10px Inter,sans-serif;color:#0e9f8a;background:#e5f6ef;padding:3px 9px;border-radius:999px;margin-bottom:9px}
.blog-card h2{margin:0 0 6px;font:700 17px/1.3 Manrope,sans-serif;color:#0b3b4f}
.blog-card p{margin:0 0 10px;font-size:13px;line-height:1.55;color:#52697a}
.blog-meta{font-size:11.5px;color:#8aa0b0}
.blog-post{padding:28px 0 64px}
.blog-prose{max-width:720px}
.blog-prose .blog-lead{font-size:17px;line-height:1.6;color:#0b3b4f;font-weight:600}
.blog-prose h2{font:700 20px/1.35 Manrope,sans-serif;color:#0b3b4f;margin:26px 0 8px}
.blog-prose h2:first-of-type{margin-top:0}
.blog-prose p{font-size:15px;line-height:1.75;color:#22374a;margin:0 0 16px}
@media(max-width:640px){.blog-head h1{font-size:27px}.blog-grid{grid-template-columns:1fr}}