/* Blog styles */
.blog-hero{text-align:center;padding:36px 16px 20px;background:#fff;border-bottom:1px solid #e9ecef;}
.blog-hero h1{font-size:2rem;font-weight:800;color:#1f2430;margin-bottom:8px;}
.blog-hero p{color:#666;margin-bottom:16px;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px 16px;max-width:1200px;margin:0 auto;}
.blog-card{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:12px;padding:20px;text-decoration:none;color:#222;box-shadow:0 2px 8px rgba(0,0,0,.09);border-top:3px solid transparent;transition:transform .15s,box-shadow .15s,border-color .15s;}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.14);border-color:#2ecc71;}
.blog-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#2ecc71;background:#f0fdf6;padding:3px 8px;border-radius:4px;width:fit-content;}
.blog-card h2{font-size:1rem;font-weight:700;color:#1f2430;line-height:1.4;margin:0;}
.blog-card p{font-size:.88rem;color:#555;line-height:1.5;flex:1;margin:0;}
.read-more{font-size:.83rem;color:#0b6fae;font-weight:600;margin-top:4px;}

/* Article page */
.blog-article{max-width:800px;margin:0 auto;padding:24px 16px 60px;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.back-link{font-size:.88rem;color:#0b6fae;text-decoration:none;font-weight:500;}
.back-link:hover{text-decoration:underline;}
.article-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#2ecc71;background:#f0fdf6;padding:3px 8px;border-radius:4px;}
.blog-article h1{font-size:1.9rem;font-weight:800;line-height:1.3;color:#1f2430;margin-bottom:10px;}
.article-desc{font-size:1.05rem;color:#555;margin-bottom:20px;line-height:1.6;}
.article-body{line-height:1.8;color:#333;}
.article-body h2{font-size:1.3rem;font-weight:700;color:#1f2430;margin:28px 0 10px;padding-bottom:6px;border-bottom:2px solid #2ecc71;}
.article-body p{margin-bottom:14px;}
.article-body ul,.article-body ol{margin:0 0 14px 22px;}
.article-body li{margin-bottom:6px;}
.article-body strong{color:#1f2430;}

.related-articles{margin-top:40px;padding-top:24px;border-top:1px solid #e9ecef;}
.related-articles h2{font-size:1.2rem;font-weight:700;margin-bottom:14px;}
.rel-grid{display:flex;flex-direction:column;gap:10px;}
.rel-article{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#1f2430;background:#f7f9fb;padding:12px 14px;border-radius:8px;border-left:3px solid #2ecc71;font-size:.93rem;font-weight:500;transition:background .15s;}
.rel-article:hover{background:#eaf7f0;}
.rel-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#2ecc71;letter-spacing:.04em;}

.back-to-games{margin-top:36px;text-align:center;background:#1f2430;color:#fff;padding:28px;border-radius:12px;}
.back-to-games h2{font-size:1.2rem;margin-bottom:8px;}
.back-to-games p{color:#cfd6dd;font-size:.9rem;margin-bottom:16px;}
.play-btn{display:inline-block;background:#2ecc71;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;}
.play-btn:hover{background:#27ae60;}

@media(max-width:600px){
  .blog-article h1{font-size:1.5rem;}
  .blog-grid{grid-template-columns:1fr;}
}