.blog-head{padding:48px 22px 14px;text-align:center;max-width:760px;margin:0 auto}.blog-head h1{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-1px}.blog-head p{color:var(--text-3);margin-top:12px;font-size:16px}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:22px auto 0;max-width:900px;padding:0 22px}.blog-chip{padding:6px 14px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface,#fff);font-size:13px;font-weight:600;color:var(--text-2)}.blog-chip.active{background:var(--brand,#4f7bf0);border-color:var(--brand,#4f7bf0);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1100px;margin:32px auto;padding:0 22px}.blog-card{display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--r-lg,16px);overflow:hidden;transition:transform .15s var(--ease,ease),box-shadow .15s var(--ease,ease)}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 10px 30px rgba(16,24,40,.1))}.blog-card-cover{aspect-ratio:16/9;background:var(--surface-2,#f4f5fb);object-fit:cover;width:100%}.blog-card-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.blog-card-cat{font-size:12px;font-weight:700;color:var(--brand,#4f7bf0);text-transform:uppercase;letter-spacing:.04em}.blog-card h2{font-size:18px;font-weight:700;line-height:1.3}.blog-card p{color:var(--text-3);font-size:14px;line-height:1.55;flex:1}.blog-card-meta{font-size:12.5px;color:var(--text-faint)}.blog-empty{text-align:center;color:var(--text-3);padding:60px 22px}.article{max-width:760px;margin:0 auto;padding:40px 22px 70px}.article-back{font-size:14px;color:var(--text-3);font-weight:600}.article-cat{font-size:13px;font-weight:700;color:var(--brand,#4f7bf0);text-transform:uppercase;letter-spacing:.05em;margin-top:20px}.article h1{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.8px;line-height:1.12;margin-top:10px}.article-meta{color:var(--text-3);font-size:14px;margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.article-cover{width:100%;border-radius:var(--r-lg,16px);margin:26px 0}.article-body{font-size:17px;line-height:1.75;color:var(--text-1)}.article-body h2{font-size:26px;font-weight:700;margin:36px 0 12px;letter-spacing:-.4px}.article-body h3{font-size:21px;font-weight:700;margin:28px 0 10px}.article-body p{margin:16px 0}.article-body ol,.article-body ul{margin:16px 0;padding-left:26px}.article-body li{margin:7px 0}.article-body a{color:var(--brand,#4f7bf0);text-decoration:underline}.article-body img{max-width:100%;border-radius:12px;margin:22px 0}.article-body blockquote{border-left:3px solid var(--brand,#4f7bf0);padding-left:18px;margin:22px 0;color:var(--text-2);font-style:italic}.article-body pre{background:var(--surface-2,#f4f5fb);padding:16px;border-radius:12px;overflow-x:auto;font-size:14px;margin:20px 0}.article-body code{font-family:var(--mono,monospace);font-size:.92em}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.article-tag{font-size:12.5px;padding:4px 11px;border-radius:999px;background:var(--surface-2,#f4f5fb);color:var(--text-2)}