.blog-site{background:#fff}.blog-index,.blog-article{width:min(1120px,100% - 80px);margin:0 auto}.blog-index{width:min(800px,100% - 80px);min-height:65vh;padding:52px 0 88px}.blog-intro h1{color:var(--docs-ink);letter-spacing:-.04em;margin:0;font-size:36px;font-weight:500;line-height:1.2}.blog-intro{margin-bottom:32px}.blog-intro>p{color:var(--docs-muted);margin:12px 0 0;font-size:14px;line-height:1.8}.blog-intro h1 span{color:var(--color-primary-dark)}.blog-posts{border-top:1px solid var(--docs-border)}.blog-post{border-bottom:1px solid var(--docs-border);padding:24px 0}.blog-post-link{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:24px;display:grid}.blog-post-copy{flex-direction:column;min-width:0;display:flex}.blog-post-cover{aspect-ratio:2;object-fit:cover;object-position:center;border-radius:var(--radius-chip);background:var(--color-field);width:100%;height:auto;display:block}.blog-post-meta{color:var(--docs-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px;font-size:11px;display:flex}.blog-post-meta time:before{content:"·";color:var(--color-ink-3);margin-right:12px}.blog-meta time{font-family:var(--font-code)}.blog-post h2{color:var(--docs-ink);font-family:var(--font-body);letter-spacing:-.025em;margin:0;font-size:20px;font-weight:500;line-height:1.45}.blog-post-description{color:var(--docs-muted);margin:8px 0 0;font-size:13px;line-height:1.75}.blog-post-link:hover h2,.blog-back:hover,.blog-article-footer a:hover{color:var(--docs-link)}.blog-author,.blog-meta>.blog-author{color:var(--docs-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.blog-author img{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.blog-article{width:min(1040px,100% - 80px);padding:40px 0 96px}.blog-article-header{max-width:720px;margin-bottom:36px}.blog-back{color:var(--docs-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:12px;display:inline-flex}.blog-article-header h1{color:var(--docs-ink);font-family:var(--font-body);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(30px,3.2vw,40px);font-weight:500;line-height:1.35}.blog-article-description{color:var(--docs-muted);margin:16px 0 0;font-size:15px;line-height:1.8}.blog-article-meta{border-bottom:1px solid var(--docs-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-bottom:24px;display:flex}.blog-meta{color:var(--docs-muted);flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:12px;display:flex}.blog-meta>span{color:var(--docs-link)}.blog-meta time,.blog-article-meta .docs-copy{font-size:11px}.blog-reading{grid-template-columns:minmax(0,720px) 200px;justify-content:space-between;align-items:start;gap:64px;display:grid}.blog-body{min-width:0}.blog-reading .docs-prose{font-size:15px;line-height:1.85}.blog-reading .docs-prose>:first-child{margin-top:0}.blog-reading .docs-prose>p{margin:20px 0}.blog-reading .docs-prose h2{margin:44px 0 18px;font-size:24px;font-weight:500}.blog-reading .docs-prose h3{font-size:19px;font-weight:500}.blog-reading .docs-prose blockquote{border-left:2px solid var(--color-primary);color:var(--docs-muted);margin:24px 0;padding:4px 0 4px 20px}.blog-reading .docs-prose blockquote p{margin:0}.blog-reading .docs-prose img{border:1px solid var(--docs-border);border-radius:var(--radius-chip);max-width:100%;height:auto;margin:24px auto;display:block}.blog-reading .docs-prose hr{border:0;border-top:1px solid var(--docs-border);margin:32px 0}.blog-reading .docs-code-block pre{font-size:13px}.blog-reading .docs-table table{min-width:560px;font-size:13px}.blog-reading .docs-table img{border:0;border-radius:0;margin:0}.blog-reading .docs-toc{margin-top:0}.blog-reading .docs-toc nav>p{color:var(--docs-muted);font-size:11px;font-weight:400}.blog-reading .docs-toc nav>p span,.blog-reading .docs-help-link{display:none}.blog-article-footer{border-top:1px solid var(--docs-border);color:var(--docs-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:56px;padding-top:24px;font-size:12px;display:flex}.blog-placeholder{min-height:220px;color:var(--docs-link);font-size:14px}.blog-placeholder p{color:var(--docs-muted)}@media (max-width:1180px){.blog-article-header,.blog-reading{max-width:720px;margin-inline:auto}.blog-reading{display:block}.blog-article{max-width:800px}}@media (max-width:760px){.blog-index,.blog-article{width:calc(100% - 40px)}.blog-index{padding:32px 0 64px}.blog-intro{margin-bottom:32px}.blog-intro h1{font-size:30px}.blog-post{padding:20px 0}.blog-post-link{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:14px}.blog-post-meta{gap:6px 10px;font-size:10px}.blog-post h2{font-size:18px}.blog-post-description{font-size:13px}.blog-article{padding:28px 0 64px}.blog-back{margin-bottom:28px}.blog-article-header h1{font-size:28px}.blog-article-description{font-size:14px}.blog-article-header{margin-bottom:28px}.blog-reading .docs-prose{font-size:14px}.blog-reading .docs-prose h2{margin-top:36px;font-size:22px}.blog-reading .docs-code-block pre{font-size:12px}}
