/* blog.css — типографика статей и сетка блога */
.article-body{max-width:760px;margin:0 auto}
.article-body h2{font-family:var(--font-display);font-weight:740;font-size:clamp(24px,3.4vw,32px);letter-spacing:-.022em;line-height:1.12;margin:48px 0 16px}
.article-body h3{font-family:var(--font-display);font-weight:680;font-size:20px;letter-spacing:-.014em;margin:28px 0 10px}
.article-body p{font-family:var(--font-text);font-size:17px;line-height:1.62;color:var(--text-1);margin:0 0 16px}
.article-body ul,.article-body ol{margin:0 0 16px;padding-left:22px;color:var(--text-1)}
.article-body li{font-family:var(--font-text);font-size:16.5px;line-height:1.55;margin:0 0 8px}
.article-body a{color:#1ec8e6;text-decoration:underline;text-underline-offset:2px}
.article-body a:hover{color:#5ad6ef}
.article-body strong{color:#fff;font-weight:640}
.article-callout{margin:26px 0;padding:20px 22px;border-radius:16px;background:linear-gradient(150deg,rgba(30,200,230,.10),rgba(191,90,242,.08));border:1px solid var(--stroke-2,rgba(255,255,255,.1))}
.article-callout p{margin:0;font-size:16px;color:var(--text-1)}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-3);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;margin-top:18px}
/* blog hub grid */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.blog-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:linear-gradient(170deg,var(--bg-2),var(--bg-1) 85%);border:1px solid var(--stroke);text-decoration:none;transition:transform .35s var(--ease-spring,ease),border-color .3s}
.blog-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,#1ec8e6 40%,transparent)}
.blog-card .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.blog-card h3{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.016em;line-height:1.16;color:#fff}
.blog-card p{font-family:var(--font-text);font-size:14.5px;line-height:1.5;color:var(--text-2);flex:1}
.blog-card .more{font-family:var(--font-display);font-weight:620;font-size:14px;color:#1ec8e6}
@media(max-width:860px){.blog-grid{grid-template-columns:1fr}}