.blog-article-page{width:100%;background:#fff;padding:88px 24px 112px;color:#2d3139}.blog-article-header{display:flex;width:100%;max-width:1000px;margin:0 auto 72px;align-items:center;flex-direction:column;text-align:center}.blog-article-meta{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#5a6272;font-size:14px;line-height:22px;letter-spacing:0}.blog-article-meta a{color:inherit;text-decoration:none}.blog-article-meta a:hover{color:#000}.blog-article-header h1{max-width:960px;margin:0;color:#000;font-size:56px;font-weight:400;line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.blog-article-byline{margin:24px 0 0;color:#2d3139;font-size:16px;line-height:24px;letter-spacing:0}.blog-article-hero-media{width:100%;max-width:960px;margin-top:64px;overflow:hidden;border-radius:6px;aspect-ratio:16 / 9;background:#f1f2f4}.blog-article-hero-media iframe,.blog-article-hero-media img{display:block;width:100%;height:100%;border:0;object-fit:cover}.blog-article-hero-image{max-width:800px;aspect-ratio:auto;background:transparent}.blog-article-hero-image img{height:auto}.blog-article-grid{display:grid;width:100%;max-width:1120px;margin:0 auto;grid-template-columns:220px minmax(0,680px);justify-content:center;gap:64px}.blog-article-grid-without-toc{grid-template-columns:minmax(0,680px)}.blog-toc-desktop{position:sticky;top:88px;max-height:calc(100vh - 112px);align-self:start;overflow-y:auto}.blog-toc-desktop p,.blog-toc-mobile summary{margin:0 0 14px;color:#2d3139;font-size:13px;font-weight:500;line-height:20px;letter-spacing:0}.blog-toc-desktop ol,.blog-toc-mobile ol{margin:0;padding:0;list-style:none}.blog-toc-desktop li+li,.blog-toc-mobile li+li{margin-top:10px}.blog-toc-desktop li.is-nested,.blog-toc-mobile li.is-nested{padding-left:14px}.blog-toc-desktop a,.blog-toc-mobile a{display:block;color:#8d95a5;font-size:13px;line-height:18px;letter-spacing:0;text-decoration:none;transition:color .15s ease}.blog-toc-desktop a:hover,.blog-toc-mobile a:hover{color:#000}.blog-toc-desktop a[aria-current=location],.blog-toc-mobile a[aria-current=location]{color:#000;font-weight:500}.blog-toc-mobile{display:none}.blog-content{min-width:0;color:#2d3139;font-family:ABC Oracle,sans-serif;font-size:18px;font-weight:350;line-height:30px;letter-spacing:0;overflow-wrap:break-word}.blog-content :where(h2,h3,h4){color:#000;font-weight:500;letter-spacing:0;scroll-margin-top:96px}.blog-content h2{margin:64px 0 18px;font-size:32px;line-height:40px}.blog-content h3{margin:40px 0 14px;font-size:24px;line-height:32px}.blog-content h4{margin:32px 0 12px;font-size:20px;line-height:28px}.blog-content>:first-child{margin-top:0}.blog-content p{margin:0 0 22px}.blog-content :where(ul,ol){margin:0 0 24px;padding-left:28px}.blog-content li+li{margin-top:8px}.blog-content strong{font-weight:500}.blog-content a{color:#2d3139;text-decoration-thickness:1px;text-underline-offset:3px}.blog-content a:hover{color:#000}.blog-content :where(img,video){display:block;width:100%;height:auto;margin:36px auto;border-radius:6px}.blog-content figure{margin:36px 0}.blog-content figure :where(img,video){margin:0}.blog-content figcaption{margin-top:10px;color:#8d95a5;font-size:13px;line-height:20px;text-align:center}.blog-content blockquote{margin:36px 0;padding:4px 0 4px 24px;border-left:2px solid #2d3139;color:#5a6272}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content hr{margin:56px 0;border:0;border-top:1px solid #e2e4e8}.blog-content table{width:100%;margin:32px 0;border-collapse:collapse;font-size:14px;line-height:22px}.blog-content th,.blog-content td{padding:12px 14px;border-bottom:1px solid #e2e4e8;text-align:left;vertical-align:top}.blog-content th{background:#f1f2f4;font-weight:500}.blog-content pre{margin:28px 0;padding:18px 20px;overflow-x:auto;border:1px solid #e2e4e8;border-radius:8px;background:#fff!important;color:#262626!important;font-family:Menlo,ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:22px;letter-spacing:0}.blog-content pre code{padding:0;border:0;background:none;color:inherit;font-size:inherit;line-height:inherit}.blog-content code{padding:2px 6px;border:1px solid #e2e4e8;border-radius:6px;background:#f1f2f4;color:#2d3139;font-family:Menlo,ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:400;line-height:20px;letter-spacing:0}.blog-content .install-cmd{display:flex;align-items:center;margin:28px 0;padding:16px 20px;border:1px solid #e2e4e8;border-radius:8px;background:#fff}.blog-content .install-cmd code{flex:1;padding:0;border:0;background:none}.blog-content .install-copy{flex-shrink:0;margin-left:12px;padding:0;border:0;background:none;color:#c6cad2;cursor:pointer;font-size:18px;line-height:1}.blog-content .install-copy:hover,.blog-content .install-copy.copied{color:#5a6272}.blog-content .install-copy .icon-check,.blog-content .install-copy.copied .icon-copy{display:none}.blog-content .install-copy.copied .icon-check{display:inline}.blog-related{width:100%;max-width:1120px;margin:112px auto 0;padding-top:40px;border-top:1px solid #e2e4e8}.blog-related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.blog-related-heading h2{margin:0;color:#000;font-size:28px;font-weight:500;line-height:36px;letter-spacing:0}.blog-related-heading a{color:#2d3139;font-size:14px;line-height:22px;text-underline-offset:3px}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}@media(max-width:1023px){.blog-article-page{padding:64px 16px 80px}.blog-article-header{margin-bottom:56px}.blog-article-meta{margin-bottom:20px}.blog-article-header h1{font-size:34px;line-height:1.12}.blog-article-byline{margin-top:18px;font-size:15px}.blog-article-hero-media{margin-top:40px}.blog-article-grid,.blog-article-grid-without-toc{display:block;max-width:680px}.blog-toc-desktop{display:none}.blog-toc-mobile{display:block;position:sticky;top:56px;z-index:20;max-height:60vh;margin:0 -16px 40px;padding:14px 16px;overflow-y:auto;border-top:1px solid #e2e4e8;border-bottom:1px solid #e2e4e8;background:#fff}.blog-toc-mobile summary{margin:0;cursor:pointer}.blog-toc-mobile[open] summary{margin-bottom:14px}.blog-content{font-size:17px;line-height:28px}.blog-content h2{margin-top:52px;font-size:28px;line-height:36px}.blog-content h3{margin-top:36px;font-size:22px;line-height:30px}.blog-content table{display:block;max-width:100%;overflow-x:auto}.blog-content th,.blog-content td{min-width:128px}.blog-related{margin-top:80px}.blog-related-grid{grid-template-columns:1fr;gap:36px}}