
.blog-single, .blog-single__container { background: #fff; color: #232a44; }
.blog-single__container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.blog-single__back { display: inline-block; margin-bottom: 1.5rem; color: #2563eb; font-weight: 600; text-decoration: none; }
.blog-single__img-wrap { position: relative; margin-bottom: 2.2rem; }
.blog-single__img { width: 100%; height: 260px; object-fit: cover; border-radius: 18px; }
.blog-single__tag { position: absolute; top: 18px; left: 18px; background: #2563eb; color: #fff; font-size: 0.95rem; border-radius: 12px; padding: 4px 14px; font-weight: 600; letter-spacing: 0.02em; }
.blog-single__title { font-size: 2.2rem; font-weight: 900; margin-bottom: 1.1rem; letter-spacing: -1px; }
.blog-single__meta { font-size: 1.05rem; color: #6b7280; margin-bottom: 2.2rem; }
.blog-single__content { color: #232a44; font-size: 1.08rem; line-height: 1.7; margin-bottom: 2.5rem; }
.blog-single__content h2, .blog-single__content h3 { color: #181A1B; font-weight: 800; margin-top: 2.2rem; margin-bottom: 1rem; }
.blog-single__content ul { margin-left: 1.2rem; margin-bottom: 1.5rem; }
.blog-single__content li { margin-bottom: 0.5rem; }
.blog-single__share { display: flex; align-items: center; gap: 16px; font-size: 1.15rem; color: #232a44; }
.blog-single__share a { color: #232a44; transition: color 0.18s; }
.blog-single__share a:hover { color: #2563eb; }
@media (max-width: 700px) { .blog-single__title { font-size: 1.3rem; } .blog-single__img { height: 160px; } }
