.blog-byline{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:16px;font-size:14px;line-height:1.6;display:flex}.blog-byline time{font-variant-numeric:tabular-nums}.blog-article-prose{gap:8px;display:grid}.blog-article-prose p{max-width:68ch;margin-block:.7em}.blog-article-prose :is(h2,h3){scroll-margin-top:96px}.blog-takeaways{border-color:color-mix(in oklab, var(--primary) 22%, var(--border));background:color-mix(in oklab, var(--accent) 88%, var(--card));margin:8px 0 20px;padding:18px 20px}.blog-takeaways [data-slot=alert-title]{font-size:15px;font-weight:650}.blog-takeaways ul{gap:8px;margin:8px 0 0;padding-left:1.15em;display:grid}.blog-takeaways li{color:var(--foreground);line-height:1.65}.blog-toc{border:1px solid var(--border);background:var(--card);border-radius:12px;margin:8px 0 28px;padding:18px 20px}.blog-toc h2{letter-spacing:0;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.blog-toc ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.blog-toc a{color:var(--muted-foreground);text-decoration:none}.blog-toc a:hover{color:var(--primary)}.blog-toc li[data-level="3"]{padding-left:16px}.blog-figure{margin:20px 0}.blog-figure img{background:var(--muted);border-radius:16px;width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.6}.blog-compare{grid-template-columns:1fr 1fr;gap:16px;margin:24px 0;display:grid}.blog-compare figure{border:1px solid var(--border);background:var(--muted);border-radius:14px;min-width:0;margin:0;overflow:hidden}.blog-compare img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.blog-compare figcaption{border-top:1px solid var(--border);background:var(--card);color:var(--foreground);padding:10px 14px;font-size:13px;font-weight:600}.blog-table-wrap{border:1px solid var(--border);background:var(--card);border-radius:12px;margin:20px 0}.blog-table-wrap [data-slot=table-container]{border-radius:12px}.blog-table-wrap th,.blog-table-wrap td{white-space:normal;padding:10px 14px;line-height:1.55}.blog-code{margin:20px 0;position:relative}.blog-code pre{margin:0;padding:16px 108px 18px 16px;overflow-x:auto}.blog-code-copy{border:1px solid var(--border);background:var(--card);min-height:32px;color:var(--foreground);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.blog-code-copy:hover{background:var(--accent)}.blog-cta{margin:24px 0}.blog-article-prose .blog-cta a,.site-page-prose .blog-cta a{color:var(--primary-foreground);white-space:normal;max-width:100%;height:auto;min-height:40px;text-decoration:none}.blog-faq{margin:32px 0 8px}.blog-faq h2{margin-bottom:12px}.blog-faq details{border-bottom:1px solid var(--border)}.blog-faq summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px 0;font-weight:600;list-style:none;display:flex}.blog-faq summary::-webkit-details-marker{display:none}.blog-faq details p{max-width:68ch;color:var(--muted-foreground);padding-bottom:16px}.blog-steps{counter-reset:none;gap:20px;margin:24px 0;padding:0;list-style:none;display:grid}.blog-steps>li{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:20px}.blog-step-number{color:var(--primary);font-family:var(--font-mono);margin:0 0 8px;font-size:13px;font-weight:650}.blog-steps h3{margin:0 0 12px;font-size:18px}.blog-steps .blog-figure{margin:0 0 12px}@media (width<=767px){.blog-compare{grid-template-columns:minmax(0,1fr)}.blog-code pre{padding-top:52px;padding-right:16px}}