/* ============= SEO ADDITIONS v1 ============= */
/* Add these styles to your existing blog.css */

/* ===== Breadcrumbs (visible) ===== */
.blog-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.82rem;color:#6b7280;margin:14px 0 22px}
.blog-breadcrumbs a{color:#6b7280;text-decoration:none;transition:color .2s}
.blog-breadcrumbs a:hover{color:#10b981}
.blog-breadcrumb-sep{color:#cbd5e1;margin:0 2px}
.blog-breadcrumb-current{color:#0a0a0a;font-weight:500}
@media(max-width:640px){.blog-breadcrumbs{font-size:.78rem}}

/* ===== Related articles ===== */
.blog-related{padding:60px 0 40px;background:#fafafa}
.blog-related-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;gap:20px;flex-wrap:wrap}
.blog-related-header h2{font-size:1.6rem;font-weight:800;color:#0a0a0a;letter-spacing:-.02em;margin:0}
.blog-related-all{font-size:.88rem;color:#059669;font-weight:600;text-decoration:none;transition:gap .2s}
.blog-related-all:hover{text-decoration:underline}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-related-card{background:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:22px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .25s,border-color .25s}
.blog-related-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.06);border-color:#10b981}
.blog-related-cat{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#059669}
.blog-related-card h3{font-size:1rem;font-weight:700;color:#0a0a0a;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.005em;transition:color .2s}
.blog-related-card:hover h3{color:#059669}
.blog-related-card p{font-size:.82rem;color:#6b6b6b;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.blog-related-arrow{font-size:.78rem;font-weight:600;color:#059669;display:inline-flex;align-items:center;gap:5px;margin-top:6px;transition:gap .25s}
.blog-related-card:hover .blog-related-arrow{gap:10px}
.blog-related-arrow svg{stroke:currentColor;stroke-width:2.4;fill:none}
@media(max-width:1024px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}.blog-related-card:nth-child(3){display:none}}
@media(max-width:640px){.blog-related{padding:40px 0 30px}.blog-related-grid{grid-template-columns:1fr;gap:14px}.blog-related-card:nth-child(3){display:flex}.blog-related-header h2{font-size:1.3rem}}

/* ===== FAQ block (Schema.org FAQPage) ===== */
.blog-faq{margin:40px 0;padding:32px;background:#f6fbf8;border-radius:18px;border:1px solid #d1fae5}
.blog-faq h2{font-size:1.4rem;font-weight:800;color:#0a0a0a;margin:0 0 20px;letter-spacing:-.015em}
.blog-faq-item{border-bottom:1px solid #d1fae5;padding:14px 0}
.blog-faq-item:last-child{border-bottom:none;padding-bottom:0}
.blog-faq-q{font-size:1rem;font-weight:600;color:#0a0a0a;margin:0 0 8px;line-height:1.4}
.blog-faq-q::before{content:'?';display:inline-block;width:22px;height:22px;background:#10b981;color:#fff;border-radius:50%;text-align:center;line-height:22px;margin-right:10px;font-size:.8rem;font-weight:700}
.blog-faq-a{font-size:.92rem;color:#374151;line-height:1.65;margin:0;padding-left:32px}
@media(max-width:640px){.blog-faq{padding:24px 18px}.blog-faq-q{font-size:.95rem}.blog-faq-a{padding-left:0;font-size:.88rem}}

/* ===== Pillar page (всё о накрутке) ===== */
.blog-pillar-toc{background:#f6fbf8;border:1px solid #d1fae5;border-radius:18px;padding:28px 32px;margin:30px 0 50px}
.blog-pillar-toc h2{font-size:1.2rem;font-weight:700;color:#0a0a0a;margin:0 0 16px;letter-spacing:-.01em}
.blog-pillar-toc ol{counter-reset:toc;list-style:none;padding:0;margin:0;column-count:2;column-gap:30px}
.blog-pillar-toc li{counter-increment:toc;padding:6px 0;break-inside:avoid;display:flex;align-items:baseline;gap:10px}
.blog-pillar-toc li::before{content:counter(toc);font-size:.78rem;color:#9a9a9a;font-weight:600;min-width:20px}
.blog-pillar-toc a{color:#0a0a0a;font-size:.92rem;text-decoration:none;transition:color .2s;line-height:1.45}
.blog-pillar-toc a:hover{color:#059669}
.blog-pillar-section{margin:60px 0 30px}
.blog-pillar-section h2{font-size:1.7rem;font-weight:800;color:#0a0a0a;margin:0 0 12px;letter-spacing:-.02em;border-bottom:2px solid #10b981;padding-bottom:10px;display:inline-block}
.blog-pillar-section p{color:#6b6b6b;margin:0 0 22px;line-height:1.7}
.blog-pillar-list{list-style:none;padding:0;margin:0}
.blog-pillar-list li{padding:14px 0;border-bottom:1px solid #f0f0f0}
.blog-pillar-list li:last-child{border-bottom:none}
.blog-pillar-list a{color:#0a0a0a;font-size:1rem;font-weight:600;text-decoration:none;display:flex;align-items:baseline;justify-content:space-between;gap:14px;transition:color .2s}
.blog-pillar-list a:hover{color:#059669}
.blog-pillar-list .pillar-meta{font-size:.78rem;color:#9a9a9a;font-weight:400;flex-shrink:0}
@media(max-width:768px){.blog-pillar-toc ol{column-count:1}.blog-pillar-toc{padding:22px}.blog-pillar-section h2{font-size:1.4rem}}