.blog-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 4px;display:flex}.blog-search{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);font:inherit;border-radius:12px;flex:260px;padding:11px 14px;font-size:14px}.blog-search:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}.blog-cats{flex-wrap:wrap;gap:8px;display:flex}.blog-cat{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.blog-cat:hover{color:var(--ink)}.blog-cat.active{background:var(--blue);border-color:var(--blue);color:#fff}.blog-note{color:var(--ink-2);padding:24px 2px;font-size:14px}.blog-card{flex-direction:column;display:flex}.blog-thumb{object-fit:cover;background:var(--muted-surface);border-radius:12px;width:100%;height:160px;margin:0 0 14px;display:block}.blog-card .sh{align-items:center}.blog-card h4{line-height:1.3}.blog-date{color:var(--ink-3);white-space:nowrap;font-size:12.5px}.blog-readmore{color:var(--blue);margin-top:auto;padding-top:12px;font-size:14px;font-weight:600}.blog-back{color:var(--blue);margin:8px 0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.blog-back:hover{text-decoration:underline}.blog-article{max-width:760px;margin:0 auto 70px}.blog-article-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-article-title{color:var(--ink);margin:14px 0 18px;font-size:clamp(28px,4vw,42px);line-height:1.12}.blog-article-hero{background:var(--muted-surface);border-radius:18px;width:100%;margin:6px 0 26px}.blog-prose{color:var(--ink);font-size:17px;line-height:1.75}.blog-prose h2{margin:34px 0 12px;font-size:26px;line-height:1.25}.blog-prose h3{margin:26px 0 10px;font-size:21px}.blog-prose p{margin:0 0 18px}.blog-prose a{color:var(--blue);text-decoration:underline}.blog-prose ul,.blog-prose ol{margin:0 0 18px;padding-left:24px}.blog-prose li{margin:6px 0}.blog-prose img{border-radius:12px;max-width:100%;height:auto;margin:10px 0}.blog-prose blockquote{border-left:3px solid var(--blue);color:var(--ink-2);margin:20px 0;padding:4px 18px}.blog-prose pre{background:var(--ink);color:#e6edf3;font-family:var(--mono);border-radius:12px;margin:0 0 20px;padding:16px 18px;font-size:13.5px;overflow:auto}.blog-prose code{font-family:var(--mono);font-size:.9em}.blog-prose :not(pre)>code{background:var(--muted-surface);border-radius:6px;padding:2px 6px}.blog-table{margin:0 0 20px;overflow-x:auto}.blog-prose table{border-collapse:collapse;width:100%;font-size:15px}.blog-prose th,.blog-prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.blog-prose th{background:var(--muted-surface);font-weight:600}.blog-cta{background:var(--blue-soft);text-align:center;border-radius:16px;max-width:760px;margin:0 auto 40px;padding:28px 24px}.blog-cta h3{margin:0 0 8px;font-size:22px}.blog-cta p{max-width:520px;color:var(--ink-2);margin:0 auto 18px}.blog-cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.blog-related{max-width:760px;margin:0 auto}.blog-related h3{margin:0 0 10px;font-size:20px}.blog-related ul{margin:0;padding-left:20px}.blog-related li{margin:8px 0}.blog-related a{color:var(--blue)}