.blog-body{background:var(--bg);color:var(--text)}
.blog-shell{width:min(1120px,calc(100% - 36px));margin:0 auto}
.blog-hero{padding:82px 0 52px;background:radial-gradient(circle at 80% 0,rgba(98,87,232,.15),transparent 38%)}
.blog-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.05;letter-spacing:-2px;margin:14px 0}
.blog-hero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.7}
.blog-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:34px 0 90px}
.blog-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 12px 35px rgba(39,35,91,.07);display:flex;flex-direction:column}
.blog-card .meta,.article-meta{font-size:12px;color:var(--muted);margin-bottom:12px}
.blog-card h2{font-size:27px;line-height:1.2;margin:7px 0 12px;letter-spacing:-.5px}
.blog-card p{color:var(--muted);line-height:1.7;flex:1}
.blog-card a{margin-top:12px;color:var(--primary);font-weight:800;text-decoration:none}
.article-wrap{width:min(860px,calc(100% - 36px));margin:0 auto;padding:70px 0 90px}
.article-wrap h1{font-size:clamp(38px,6vw,58px);line-height:1.08;letter-spacing:-1.8px;margin:12px 0 16px}
.article-wrap h2{font-size:30px;margin:38px 0 12px}
.article-wrap h3{font-size:22px;margin:28px 0 10px}
.article-wrap p,.article-wrap li{font-size:17px;line-height:1.85;color:var(--muted)}
.article-wrap ul{padding-left:24px}
.article-callout{margin:30px 0;padding:24px;border-radius:18px;background:var(--primary-soft);border:1px solid rgba(98,87,232,.2)}
.article-callout strong{display:block;color:var(--primary);margin-bottom:8px}
.article-cta{margin-top:44px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#30265d,#735dff);color:#fff}
.article-cta p{color:#e8e5ff}
.article-cta a{display:inline-flex;margin-top:8px;padding:12px 18px;border-radius:10px;background:#fff;color:#4338ca;text-decoration:none;font-weight:800}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{color:var(--primary);text-decoration:none}
.blog-note{margin-top:22px;font-size:13px;color:var(--muted)}
@media(max-width:760px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding-top:55px}.article-wrap{padding-top:46px}}

.blog-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:18px;background:#f2f2f6}
.article-featured-image{width:100%;max-height:460px;object-fit:cover;border-radius:22px;margin:0 0 26px;background:#f2f2f6}
.article-share{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.article-share button,.article-share a{border:0;border-radius:10px;padding:12px 16px;background:var(--primary);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}