.lx .blog{width:100%;max-width:var(--wrap);padding:calc(var(--hh) + clamp(2rem,6vw,4rem))var(--pad)clamp(4rem,9vw,7rem);color:var(--muted);margin-inline:auto}.lx .blog-head{max-width:760px;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.lx .blog-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem);display:grid}@media (min-width:960px){.lx .blog-grid{grid-template-columns:minmax(0,1fr) 300px}.lx .blog-side{top:calc(var(--hh) + 1rem);max-height:calc(100vh - var(--hh) - 2rem);align-self:start;position:sticky;overflow-y:auto}}.lx .blog-main{min-width:0}.lx .blog-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.lx .blog-card{flex-direction:column;display:flex;overflow:hidden}.lx .blog-card-cover{aspect-ratio:1200/630;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid var(--line);width:100%;height:auto}.lx .blog-card-body{padding:1.1rem 1.2rem 1.3rem}.lx .blog-card-title{font:600 1.12rem/1.35 var(--f-display);color:var(--text);overflow-wrap:anywhere;margin:.6rem 0 .4rem}.lx .blog-card-title a{color:inherit;text-decoration:none}.lx .blog-card-title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.lx .blog-card-title a:focus-visible{outline:none}.lx .blog-card:has(.blog-card-title a:focus-visible){outline:2px solid var(--g1);outline-offset:3px}.lx .blog-card .chip{z-index:1;text-decoration:none;position:relative}.lx .blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.93rem;line-height:1.6;display:-webkit-box;overflow:hidden}.lx .blog-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:.35rem .9rem;font-size:.78rem;display:flex}.lx .blog-state{padding:1.5rem 1.4rem}.lx .blog-state-title{font:600 1.05rem/1.35 var(--f-display);color:var(--text);margin-bottom:.4rem}.lx .blog-pager{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.85rem;display:flex}.lx .blog-side{flex-direction:column;gap:1rem;min-width:0;display:flex}.lx .blog-box{padding:1rem 1.1rem}.lx .blog-box .caption{margin-bottom:.6rem;display:block}.lx .blog-links{margin:0;padding:0;list-style:none}.lx .blog-links a{min-height:40px;color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:.75rem;font-size:.92rem;text-decoration:none;display:flex}.lx .blog-links a:hover,.lx .blog-links a[aria-current]{color:var(--g-soft)}.lx .blog-count{color:var(--dim);font-size:.75rem}.lx .blog-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lx .blog-tags a{min-height:32px;text-decoration:none}.lx .blog-toc ol{margin:0;padding:0;font-size:.88rem;list-style:none}.lx .blog-toc li[data-level="3"]{padding-left:.9rem}.lx .blog-toc a{color:var(--muted);padding:.3rem 0;text-decoration:none;display:block}.lx .blog-toc a:hover{color:var(--g-soft)}.lx .blog-cta{flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.9rem;display:flex}.lx .blog-article{color:var(--muted)}.lx .blog-post-head .pg-h1{overflow-wrap:anywhere;margin:.8rem 0 .7rem}.lx .blog-cover{border:1px solid var(--line);border-radius:18px;width:100%;height:auto;margin:1.5rem 0}.lx .blog-tldr{border-color:#98d25a4d;margin:1.5rem 0;padding:1rem 1.2rem}.lx .blog-tldr p:last-child{color:var(--text)}.lx .blog-body{overflow-wrap:anywhere;margin-top:1.5rem;font-size:1.02rem;line-height:1.75}.lx .blog-body h1,.lx .blog-body h2,.lx .blog-body h3{color:var(--text);margin-top:2rem}.lx .blog-body h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem)}.lx .blog-body h3{font-size:1.2rem}.lx .blog-body pre{max-width:100%;overflow-x:auto}.lx .blog-body table{max-width:100%;display:block;overflow-x:auto}.lx .blog-body img{max-width:100%;height:auto}.lx .blog-anchor{scroll-margin-top:calc(var(--hh) + 1rem)}.lx .blog-faq{flex-direction:column;gap:.6rem;margin-top:2.5rem;display:flex}.lx .blog-faq summary{cursor:pointer;min-height:44px;color:var(--text);align-items:center;font-weight:600;display:flex}.lx .blog-faq details p{margin-top:.5rem}.lx .blog-post-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.lx .blog-tags .chip{white-space:normal;overflow-wrap:anywhere}
