/* ===== BLOG STYLES (доп. к style.css) ===== */

.blog-hero{
    padding:64px 0 40px;
    text-align:center;
    background:var(--bg-light);
}
.blog-hero h1{font-size:38px;font-weight:800;margin-bottom:12px;letter-spacing:-0.5px;}
.blog-hero p{font-size:16px;color:var(--text-secondary);max-width:560px;margin:0 auto;}

.blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:28px;
    padding:56px 0;
}
.blog-card{
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
    transition:transform var(--transition), box-shadow var(--transition);
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:inherit;
}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.blog-card img{width:100%;height:190px;object-fit:cover;display:block;}
.blog-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;gap:10px;flex:1;}
.blog-card-tag{
    display:inline-block;align-self:flex-start;
    font-size:11px;font-weight:700;color:var(--accent);
    background:rgba(124,92,252,0.1);padding:5px 12px;border-radius:100px;
}
.blog-card h3{font-size:19px;font-weight:700;line-height:1.35;}
.blog-card p{font-size:14px;color:var(--text-secondary);line-height:1.55;}
.blog-card-meta{font-size:12px;color:var(--text-light);margin-top:auto;padding-top:6px;}
.blog-card-link{font-size:13px;font-weight:700;color:var(--accent);}

.blog-soon{
    border:2px dashed var(--border);
    border-radius:var(--radius);
    display:flex;align-items:center;justify-content:center;
    min-height:280px;
    color:var(--text-light);
    font-size:14px;
    text-align:center;
    padding:20px;
}

/* ===== ARTICLE PAGE ===== */
.article-wrap{max-width:760px;margin:0 auto;padding:0 20px;}
.article-hero{padding:44px 0 0;}
.article-breadcrumbs{font-size:13px;color:var(--text-light);margin-bottom:18px;}
.article-breadcrumbs a{color:var(--text-light);text-decoration:none;}
.article-breadcrumbs a:hover{color:var(--accent);}
.article-tag{
    display:inline-block;font-size:12px;font-weight:700;color:var(--accent);
    background:rgba(124,92,252,0.1);padding:6px 14px;border-radius:100px;margin-bottom:16px;
}
.article-title{font-size:36px;font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-0.5px;}
.article-meta{display:flex;gap:16px;align-items:center;color:var(--text-secondary);font-size:14px;margin-bottom:28px;flex-wrap:wrap;}
.article-cover{width:100%;border-radius:var(--radius);margin-bottom:36px;box-shadow:var(--shadow);}
.article-cover img{width:100%;display:block;border-radius:var(--radius);max-height:420px;object-fit:cover;}

.article-body{font-size:17px;line-height:1.85;color:var(--text);padding-bottom:20px;}
.article-body h2{font-size:26px;font-weight:800;margin:44px 0 16px;letter-spacing:-0.3px;}
.article-body h3{font-size:20px;font-weight:700;margin:32px 0 12px;}
.article-body p{margin-bottom:20px;}
.article-body ul, .article-body ol{margin:0 0 20px 22px;}
.article-body li{margin-bottom:10px;}
.article-body img{width:100%;border-radius:var(--radius-sm);margin:12px 0 8px;}
.article-body figcaption{font-size:13px;color:var(--text-light);text-align:center;margin-bottom:28px;}
.article-body strong{color:var(--text);}
.article-body blockquote{
    border-left:4px solid var(--accent);
    padding:4px 0 4px 20px;
    margin:28px 0;
    font-style:italic;
    color:var(--text-secondary);
    font-size:17px;
}

.inline-cta{
    background:linear-gradient(135deg,var(--dark),var(--panel));
    color:#fff;
    border-radius:var(--radius);
    padding:32px;
    margin:36px 0;
    text-align:center;
}
.inline-cta h3{color:#fff;font-size:22px;margin-bottom:10px;font-family:'Unbounded',sans-serif;}
.inline-cta p{color:var(--text-secondary-dark);margin-bottom:20px;font-size:15px;}

.checklist{
    background:var(--bg-light);
    border-radius:var(--radius);
    padding:26px 26px 10px;
    margin:28px 0;
}
.checklist h3{margin-top:0 !important;}
.checklist label{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:15px;cursor:pointer;}
.checklist input{margin-top:4px;accent-color:var(--accent);flex-shrink:0;}

.article-share{
    display:flex;gap:12px;align-items:center;
    padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    margin:36px 0;font-size:14px;color:var(--text-secondary);
}
.article-author{
    display:flex;gap:14px;align-items:center;
    background:var(--bg-light);border-radius:var(--radius);padding:20px 24px;margin:36px 0;
}
.article-author img{width:52px;height:52px;border-radius:50%;object-fit:cover;}
.article-author strong{display:block;font-size:15px;}
.article-author span{font-size:13px;color:var(--text-secondary);}

.related-posts{padding:20px 0 70px;}
.related-posts h2{font-size:24px;font-weight:800;margin-bottom:24px;}

@media(max-width:640px){
    .article-title{font-size:27px;}
    .blog-hero h1{font-size:28px;}
}