.blog { max-width:1080px; margin:5rem auto 3rem; padding:0 24px; }
.blog h1 { margin-bottom:2rem; }
.blog-row { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; padding:30px 0; border-bottom:1px solid #dfe3e8; }
.blog-row:first-of-type { border-top:1px solid #dfe3e8; }
.blog-cover { display:block; width:100%; height:160px; object-fit:cover; border-radius:4px; }
.blog-byline { margin-top:12px; color:#58616c; font-size:.9rem; overflow-wrap:anywhere; }
.blog-byline span,.blog-byline time { display:block; margin-top:4px; }
.blog-row h2 { margin:0 0 14px; font-size:1.5rem; line-height:1.35; }
.blog-row p { color:#3c4653; line-height:1.75; overflow-wrap:anywhere; }
.blog-more { display:inline-block; font-weight:600; margin-top:6px; }
.blog-pages { display:flex; flex-wrap:wrap; gap:8px; margin:32px 0; padding:0; list-style:none; }
.blog-pages a,.blog-pages span { display:block; padding:8px 13px; border:1px solid #cbd3dc; border-radius:4px; }
.blog-pages [aria-current] { background:#0056b3; border-color:#0056b3; color:white; }
.blog a:focus-visible { outline:3px solid #0056b3; outline-offset:4px; }
.blog-article { max-width:1080px; }
.blog-article h1 { margin:1.5rem 0 1rem; }
.blog-article .blog-byline { margin-bottom:24px; }
.blog-hero { max-width:100%; max-height:480px; object-fit:contain; margin-bottom:28px; }
.blog-content { line-height:1.8; overflow-wrap:anywhere; }
.blog-content img,.blog-content video,.blog-content iframe { max-width:100%; }
.blog-content img { height:auto; }
.blog-content table { display:block; max-width:100%; overflow-x:auto; }
@media(max-width:640px) {
 .blog { padding:0 18px; }
 .blog-row { grid-template-columns:minmax(0,1fr); gap:18px; padding:24px 0; }
 .blog-cover { height:auto; max-height:260px; object-fit:contain; object-position:left; }
 .blog-row h2 { font-size:1.3rem; }
}

.blog-related,.blog-comment-wrapper { margin-top:2rem; }
.blog-comments.urun-yorumlari { max-width:none; margin:2rem 0; }
