/* AVOXOVA blog — article page styles (reuses main.css tokens) */
body{background:var(--bg)}
.article-wrap{max-width:760px;margin:0 auto;padding:40px 22px 80px}
.article-head{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}
.article-tag{display:inline-block;font-size:12.5px;font-weight:700;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(30,103,228,.3);padding:4px 14px;border-radius:999px;margin-bottom:16px}
.article-head h1{font-size:clamp(24px,3.6vw,34px);font-weight:900;line-height:1.6;margin-bottom:14px}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.article-body h2{font-size:20px;font-weight:800;margin:34px 0 12px;color:var(--ink)}
.article-body h2:first-child{margin-top:0}
.article-body p{font-size:15.5px;color:var(--muted);line-height:2.15;margin-bottom:14px}
.article-body ul,.article-body ol{margin:0 0 16px 0;padding-right:24px;color:var(--muted);font-size:15px;line-height:2.1}
.article-body li{margin-bottom:6px}
.article-body strong{color:var(--ink)}
.article-body blockquote{
  border-right:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0;
  padding:16px 20px;margin:20px 0;color:var(--ink);font-size:15px;line-height:2;
}
.article-body .callout{
  background:var(--accent-soft);border:1px solid rgba(30,103,228,.3);border-radius:14px;
  padding:18px 22px;margin:22px 0;font-size:14.5px;color:var(--ink);line-height:2;
}
.article-cta{
  margin-top:44px;padding:30px;border-radius:18px;text-align:center;
  background:linear-gradient(160deg,rgba(30,103,228,.12),var(--surface));
  border:1px solid rgba(30,103,228,.35);
}
.article-cta h3{font-size:19px;font-weight:800;margin-bottom:8px}
.article-cta p{font-size:14px;color:var(--muted);margin-bottom:18px}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2);font-weight:700;font-size:14px;margin-bottom:26px}
.back-link:hover{text-decoration:underline}