.blog-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg) 100%);padding:72px 0 40px}.blog-hero h1{letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.25}.blog-hero p{color:var(--text-muted);max-width:640px;font-size:1.02rem}.blog-list{padding:48px 0 88px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:26px 24px 22px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.blog-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-3px)}.blog-card-meta{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:12px;font-size:.78rem;display:flex}.blog-tag{color:var(--primary);background:var(--primary-light);text-transform:none;letter-spacing:0;border-radius:999px;padding:2px 10px;font-weight:600}.blog-card h2{letter-spacing:-.01em;margin-bottom:10px;font-size:1.16rem;line-height:1.42}.blog-card h2 a{transition:color .2s}.blog-card:hover h2 a{color:var(--primary)}.blog-card p{color:var(--text-muted);flex:1;font-size:.93rem;line-height:1.68}.blog-card-more{color:var(--primary);margin-top:16px;font-size:.88rem;font-weight:600}.blog-empty{color:var(--text-muted);padding:40px 0}.post-wrap{max-width:760px;margin:0 auto;padding:0 24px}.post-head{border-bottom:1px solid var(--border);padding:56px 0 32px}.post-breadcrumb{color:var(--text-dim);margin-bottom:18px;font-size:.84rem}.post-breadcrumb a:hover{color:var(--primary)}.post-head h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1.3}.post-lede{color:var(--text-muted);font-size:1.05rem;line-height:1.72}.post-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;font-size:.84rem;display:flex}.post-body{padding:36px 0 8px;font-size:1.01rem;line-height:1.82}.post-body>*+*{margin-top:1.25em}.post-body h2{letter-spacing:-.015em;scroll-margin-top:calc(var(--nav-height) + 20px);margin-top:2.2em;margin-bottom:.7em;font-size:1.42rem;line-height:1.38}.post-body h3{scroll-margin-top:calc(var(--nav-height) + 20px);margin-top:1.8em;margin-bottom:.6em;font-size:1.14rem}.post-body p{color:var(--text)}.post-body a{color:var(--primary);text-underline-offset:3px;text-decoration:underline 1px}.post-body a:hover{color:var(--primary-dark)}.post-body ul,.post-body ol{padding-left:1.35em}.post-body li+li{margin-top:.45em}.post-body li::marker{color:var(--primary)}.post-body strong{font-weight:650}.post-body blockquote{border-left:3px solid var(--primary);background:var(--bg-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);padding:14px 20px}.post-body blockquote p{color:inherit;margin:0}.post-body code{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);word-break:break-word;padding:.12em .42em;font-size:.88em}.post-body pre{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;font-size:.86rem;line-height:1.62;overflow-x:auto}.post-body pre code{font-size:inherit;background:0 0;border:none;padding:0}.post-body table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid var(--border);text-align:left;padding:10px 14px}.post-body th{background:var(--bg-2);font-weight:600}.post-body img{border-radius:var(--radius-sm);border:1px solid var(--border);margin-inline:auto}.post-body hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.post-faq{border-top:1px solid var(--border);margin-top:2.6em;padding-top:2em}.post-faq h2{margin-top:0}.post-faq details{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);padding:14px 18px}.post-faq details+details{margin-top:10px}.post-faq summary{cursor:pointer;font-size:.98rem;font-weight:600;list-style:none}.post-faq summary::-webkit-details-marker{display:none}.post-faq summary:after{content:"+";float:right;color:var(--primary);font-weight:600}.post-faq details[open] summary:after{content:"−"}.post-faq details p{color:var(--text-muted);margin-top:12px;font-size:.95rem}.post-related{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:2.4em;padding:22px 24px}.post-related h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:1rem;font-weight:600}.post-related ul{margin:0;padding:0;list-style:none}.post-related li+li{margin-top:8px}.post-cta{border-radius:var(--radius);background:linear-gradient(135deg, var(--primary) 0%, #f97316 100%);color:#fff;margin:40px 0 88px;padding:30px 28px}.post-cta h2{color:#fff;margin:0 0 8px;font-size:1.22rem}.post-cta p{color:#ffffffeb;margin-bottom:18px;font-size:.95rem}.post-cta a{color:var(--primary);background:#fff;border-radius:999px;padding:11px 22px;font-size:.94rem;font-weight:600;transition:transform .2s;display:inline-block}.post-cta a:hover{transform:translateY(-2px)}@media (width<=640px){.blog-hero{padding:48px 0 32px}.post-head{padding:40px 0 26px}.post-body{font-size:.98rem}.post-body pre{padding:14px 16px;font-size:.8rem}}
