.sp-tools-blog{grid-template-columns:minmax(260px,1fr) auto;align-items:end}.sp-tools-blog .sp-blog-topics{grid-column:1/-1}.sp-related.sp-related-solutions{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.sp-body>.sp-intro{color:#f2f6fa;font-size:var(--type-reading-size);font-weight:var(--weight-400);line-height:1.75}.sp-body h2{font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking);text-wrap:balance;margin-top:1em}.sp-body h3{color:#fff;font:var(--type-card-weight) var(--type-card-size)/var(--type-card-leading) var(--font-ui);letter-spacing:var(--type-card-tracking);text-wrap:balance;margin:.5em 0 -.2em}.sp-body strong{color:#fff;font-weight:var(--weight-650)}.sp-body a{color:#a9c1ff;text-underline-offset:4px;transition:color .2s var(--ease),text-decoration-color .2s var(--ease);-webkit-text-decoration:underline #8db4ff80;text-decoration:underline #8db4ff80;text-decoration-thickness:1px}.sp-body a:hover{color:#fff;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal)}.sp-body a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.sp-body a[target=_blank]:after{content:"↗";margin-left:.2em;font-size:.8em;text-decoration:none;display:inline-block}.sp-body ul,.sp-body ol{color:#dbe3ea;gap:.6em;margin:-.2em 0 0;padding:0;font-size:clamp(17px,1.2vw,18px);line-height:1.65;list-style:none;display:grid}.sp-body li{text-wrap:pretty;padding-left:32px;position:relative}.sp-body ul>li:before{content:"";background:var(--signal);width:8px;height:8px;position:absolute;top:.62em;left:6px;transform:rotate(45deg)}.sp-body ol{counter-reset:step}.sp-body ol>li{counter-increment:step}.sp-body ol>li:before{content:counter(step);color:#a9c1ff;width:22px;height:22px;font:var(--weight-700) var(--type-label-size)/1 var(--font-ui);border:1px solid #4f74ff;place-items:center;display:grid;position:absolute;top:.18em;left:0}.sp-answer{border:1px solid #3a5673;border-left:3px solid var(--signal);background:linear-gradient(100deg,#b8ff3813,#174dff14 55%,#030b1500);gap:10px;padding:clamp(18px,2vw,24px) clamp(18px,2.2vw,28px);display:grid}.sp-body .sp-answer .sp-answer-label{color:var(--signal);font:var(--type-label-weight) var(--type-label-size)/var(--type-label-leading) var(--font-ui);letter-spacing:var(--type-label-tracking);text-transform:uppercase}.sp-body .sp-answer p:not(.sp-answer-label){color:#fff;font-size:clamp(17px,1.2vw,18px);line-height:1.65}.sp-faq{gap:18px;margin-top:.6em;display:grid}.sp-faq-list{border-top:1px solid #2c425a}.sp-faq-item{border-bottom:1px solid #2c425a;gap:8px;padding:clamp(18px,2vw,22px) 0;display:grid}.sp-body .sp-faq-item h3{text-wrap:pretty;margin:0}.sp-body .sp-faq-item p{color:#c9d4de}.sp-related.sp-next a{align-content:start;gap:14px;min-height:0;padding:0 0 22px;overflow:hidden}.sp-related.sp-next a>img{aspect-ratio:1200/630;object-fit:cover;border-bottom:1px solid var(--sp-edge);width:100%;height:auto;display:block}.sp-related.sp-next a>h3,.sp-related.sp-next a>.sp-meta{margin:0 22px}.sp-related.sp-next a>h3{font:var(--type-card-weight) var(--type-card-size)/var(--type-card-leading) var(--font-ui);text-wrap:balance}@media (max-width:900px){.sp-tools-blog{grid-template-columns:1fr}}@media (max-width:560px){.sp-body li{padding-left:28px}.sp-answer{border-left-width:3px}}@media (prefers-reduced-motion:reduce){.sp-body a{transition:none}}.blog-light .sp-main .sp-plate,.blog-light .sp-main .sp-tools,.blog-light .sp-stories,.blog-light .sp-reading-aside .sp-toc,.blog-light .sp-body,.blog-light .sp-related a,.blog-light .sp-empty{--bone:#0f2036;--ink-copy:#33475f;--ink-soft:#5d7088;--sp-edge:#d3dce8;--sp-plate:#c3d0e2;--sp-panel:#fff;--sp-rule:#d3dce8;--night:#fff;color:#33475f;background:#fff;border-color:#d3dce8;box-shadow:0 18px 40px -30px #0009}.blog-light .sp-main .sp-plate{background:linear-gradient(105deg,#e9efff 0%,#fff 46%)}.blog-light .sp-plate .sp-btn-ghost{color:#0f2036;background:#fff;border-color:#c3d0e2}.blog-light .sp-plate .sp-btn-ghost .sp-btn-icon{stroke:var(--cobalt)}.blog-light .sp-plate .sp-btn-ghost:hover{background:var(--signal);border-color:var(--signal);color:#071321}.blog-light .sp-plate .sp-btn-ghost:hover .sp-btn-icon{stroke:#071321}.blog-light .sp-main .sp-plate .sp-meta .sp-meta-accent,.blog-light .sp-stories .sp-meta .sp-meta-accent,.blog-light .sp-related .sp-meta .sp-meta-accent{color:#1745e0}.blog-light .sp-main .sp-plate .sp-meta>*+:before,.blog-light .sp-stories .sp-meta>*+:before,.blog-light .sp-related .sp-meta>*+:before{background:#a9b7c8}.blog-light .sp-field input{color:#0f2036;background:#f6f8fc}.blog-light .sp-field input::placeholder{color:#8495a9}.blog-light .sp-tools .sp-chip{color:#22364e;background:#fff;border-color:#d3dce8}.blog-light .sp-tools .sp-chip:hover{border-color:var(--cobalt);color:var(--cobalt)}.blog-light .sp-tools .sp-chip[aria-current]{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.blog-light .sp-story{border-bottom-color:#e2e8f0}.blog-light .sp-story:hover{background:linear-gradient(90deg,#174dff12,#174dff04 62%,#0000)}.blog-light .sp-story-arrow{border-color:#c3d0e2}.blog-light .sp-story-arrow svg{stroke:var(--cobalt)}.blog-light .sp-story:hover .sp-story-arrow svg{stroke:#fff}.blog-light .sp-related a:hover{border-color:var(--cobalt)}.blog-light .sp-body p,.blog-light .sp-body ul,.blog-light .sp-body ol{color:#2a3d55}.blog-light .sp-body>.sp-intro,.blog-light .sp-body h3,.blog-light .sp-body strong{color:#0f2036}.blog-light .sp-body a{color:#1745e0;text-decoration-color:#1745e059}.blog-light .sp-body a:hover{color:#0b2fb0;-webkit-text-decoration-color:var(--cobalt);text-decoration-color:var(--cobalt)}.blog-light .sp-body ul>li:before{background:var(--cobalt)}.blog-light .sp-body ol>li:before{color:#1745e0;border-color:#9db4ff}.blog-light .sp-answer{border-color:#cddaff;border-left-color:var(--cobalt);background:#eef3ff}.blog-light .sp-body .sp-answer .sp-answer-label{color:var(--cobalt)}.blog-light .sp-body .sp-answer p:not(.sp-answer-label){color:#0f2036}.blog-light .sp-faq-list,.blog-light .sp-faq-item{border-color:#e2e8f0}.blog-light .sp-body .sp-faq-item p{color:#33475f}.blog-light .sp-body .sp-faq-item h3{text-wrap:balance}.blog-light .sp-toc a{color:#2a3d55}.blog-light .sp-toc a:hover{color:var(--cobalt)}.blog-light .sp-plate h1 .title-tone-white{color:#0f2036}.sp-body .sp-article-figure{min-width:0;margin:32px 0}.sp-body .sp-article-figure>a{border:1px solid #d3dce8;line-height:0;display:block}.sp-body .sp-article-figure img{width:100%;height:auto;display:block}.sp-body .sp-article-figure:has(img[src$=\.svg]){width:100%;max-width:560px;margin-inline:auto}.sp-body .sp-article-figure>a[href$=\.svg]{width:100%;max-width:560px;margin-inline:auto}.sp-body .sp-article-figure img[src$=\.svg]{max-width:560px;margin-inline:auto}.sp-body .sp-article-figure figcaption{font-size:var(--type-small-size);line-height:var(--type-small-leading);color:#596b81;margin-top:8px}.sp-body .sp-article-figure>a:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}@media (max-width:760px){.sp-body .sp-article-figure{margin:24px 0}}.blog-head{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:start;gap:32px;padding:24px 40px;display:grid}.blog-series-head{grid-template-columns:minmax(0,1fr)}.blog-head-copy{align-content:start;gap:16px;min-width:0;display:grid}.blog-head h1{margin:0}.blog-head h1 :is(.title-tone-white,.title-tone-blue){width:auto;display:inline}.blog-head .sp-lead{max-width:720px;margin:0}.blog-head-copy{padding-block:8px}.blog-start{border-left:1px solid #d3dce8;align-content:start;gap:12px;padding-left:32px;display:grid}.blog-start .sp-label{color:#1745e0;margin:0}.blog-start ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.blog-start a{color:#0f2036;transition:border-color .2s var(--ease),background-color .2s var(--ease);background:#fff;border:1px solid #d3dce8;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 12px;display:flex}.blog-start a strong{font:var(--type-control-weight) var(--type-control-size)/var(--type-control-leading) var(--font-ui);letter-spacing:var(--type-control-tracking)}.blog-start a span{color:#5d7088;font:var(--type-caption-weight) var(--type-caption-size)/var(--type-caption-leading) var(--font-ui);letter-spacing:var(--type-caption-tracking);flex:none}.blog-start a:hover{border-color:var(--cobalt);background:#f5f8ff}.blog-light .sp-plate .sp-link,.blog-light .blog-controls .sp-link,.blog-light .blog-demo .sp-link{color:#1745e0}.blog-start-all a{border-style:dashed}.blog-start-all a strong{color:#1745e0}.blog-library{gap:16px}.blog-controls{gap:16px;padding:16px 24px;display:grid}.blog-light .blog-controls{color:#33475f;background:#fff;border-color:#d3dce8;box-shadow:0 18px 40px -30px #0009}.blog-search{gap:8px;display:flex}.blog-search input{color:#0f2036;min-width:0;min-height:48px;font:var(--type-field-weight) var(--type-field-size)/var(--type-field-leading) var(--font-ui);letter-spacing:var(--type-field-tracking);background:#f6f8fc;border:1px solid #c3d0e2;flex:1;padding:0 16px}.blog-search input::placeholder{color:#7d8ea3}.blog-search input:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 3px #174dff2e}.blog-search .sp-btn{min-height:48px}.blog-tasks,.blog-more-groups>div{gap:8px;display:grid}.blog-controls .sp-label{color:#5d7088;margin:0}.blog-light .blog-controls .sp-chip{color:#22364e;background:#fff;border-color:#d3dce8}.blog-light .blog-controls .sp-chip:hover{border-color:var(--cobalt);color:var(--cobalt)}.blog-light .blog-controls .sp-chip[aria-current]{background:var(--cobalt);border-color:var(--cobalt);color:#fff}.blog-light .blog-controls .sp-chip small{color:#7d8ea3}.blog-light .blog-controls .sp-chip[aria-current] small{color:#d8e3ff}.blog-more{border-top:1px solid #e2e8f0;padding-top:16px}.blog-more summary{color:#0f2036;cursor:pointer;min-height:44px;font:var(--type-control-weight) var(--type-control-size)/var(--type-control-leading) var(--font-ui);letter-spacing:var(--type-control-tracking);transition:border-color .2s var(--ease);border:1px solid #c3d0e2;align-items:center;gap:8px;padding:0 16px;list-style:none;display:inline-flex}.blog-more summary::-webkit-details-marker{display:none}.blog-more summary:hover{border-color:var(--cobalt)}:is(.blog-more summary:focus-visible,.blog-toc summary:focus-visible){outline:3px solid var(--cobalt);outline-offset:2px}.blog-more summary svg,.blog-toc summary svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .2s var(--ease)}.blog-more[open] summary svg,.blog-toc[open] summary svg{transform:rotate(180deg)}.blog-more-count{background:var(--cobalt);color:#fff;min-width:24px;height:24px;font:var(--type-label-weight) var(--type-label-size)/1 var(--font-ui);place-items:center;padding:0 6px;display:inline-grid}.blog-more-groups{gap:16px;padding-top:16px;display:grid}.blog-results{color:#c9d4de;min-height:32px;font:var(--type-small-weight) var(--type-small-size)/var(--type-small-leading) var(--font-ui);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.blog-results p{margin:0}.blog-results strong{color:#fff;font-weight:650}.blog-active{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-active-chip{color:#0f2036;min-height:36px;font:var(--type-control-weight) var(--type-control-size)/1 var(--font-ui);background:#eef3ff;border:1px solid #cddaff;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.blog-active-chip span{color:#1745e0;font-size:18px;line-height:1}.blog-active-chip:hover{border-color:var(--cobalt)}.blog-active-chip:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.blog-card:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.blog-start a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.blog-next a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.blog-series-grid a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.blog-empty{justify-items:start;gap:16px;padding:32px;display:grid}html body .site-root .blog-empty h2{font:var(--type-subheading-weight) var(--type-subheading-size)/var(--type-subheading-leading) var(--font-ui);letter-spacing:var(--type-subheading-tracking);margin:0}.blog-empty .blog-active-chip{background:#fff}.blog-cards{background:#fff;border:1px solid #d3dce8;display:grid;box-shadow:0 18px 40px -30px #0009}.blog-card{color:#33475f;transition:background-color .2s var(--ease);border-bottom:1px solid #e2e8f0;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;padding:24px;display:grid;position:relative}.blog-card:last-child{border-bottom:0}.blog-card:before{content:"";background:var(--cobalt);opacity:0;width:3px;transition:opacity .2s var(--ease);position:absolute;inset:16px auto 16px 0}.blog-card:hover{background:linear-gradient(90deg,#174dff0f,#0000 62%)}.blog-card:hover:before{opacity:1}.blog-card-cover{aspect-ratio:1200/630;object-fit:cover;background:#0f2340;border:1px solid #d3dce8;width:100%;height:auto;display:block}.blog-card-blank{color:#1745e0;text-align:center;font:var(--type-label-weight) var(--type-label-size)/var(--type-label-leading) var(--font-ui);letter-spacing:var(--type-label-tracking);text-transform:uppercase;background:linear-gradient(135deg,#e9efff,#f8faff);place-items:center;padding:8px;display:grid}.blog-card-copy{gap:8px;min-width:0;display:grid}html body .site-root .blog-card .blog-card-title{color:#0f2036;font:var(--type-card-weight) var(--type-card-size)/var(--type-card-leading) var(--font-ui);letter-spacing:var(--type-card-tracking);text-wrap:balance;overflow-wrap:break-word;transition:color .2s var(--ease);margin:0}.blog-card:hover .blog-card-title{color:#1745e0}.blog-card-excerpt{color:#33475f;max-width:760px;font:var(--type-small-weight) var(--type-small-size)/var(--type-small-leading) var(--font-ui);letter-spacing:var(--type-small-tracking);text-wrap:pretty}.blog-card-foot{color:#7d8ea3;font:var(--type-caption-weight) var(--type-caption-size)/var(--type-caption-leading) var(--font-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.blog-mark{color:#1745e0;min-height:24px;font:var(--type-label-weight) var(--type-caption-size)/1 var(--font-ui);letter-spacing:.02em;background:#eef3ff;border:1px solid #cddaff;align-items:center;padding:0 8px;display:inline-flex}.blog-light .blog-card .sp-meta,.blog-light .blog-next .sp-meta,.blog-light .blog-series-grid .sp-meta,.blog-light .blog-series-head .sp-meta{color:#5d7088}.blog-light .blog-card .sp-meta .sp-meta-accent,.blog-light .blog-next .sp-meta .sp-meta-accent,.blog-light .blog-series-grid .sp-meta .sp-meta-accent,.blog-light .blog-series-head .sp-meta .sp-meta-accent{color:#1745e0}.blog-light .blog-card .sp-meta>*+:before,.blog-light .blog-next .sp-meta>*+:before,.blog-light .blog-series-head .sp-meta>*+:before{background:#a9b7c8}.blog-cards-grid{box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.blog-cards-grid .blog-card{background:#fff;border:1px solid #d3dce8;grid-template-columns:1fr;align-content:start;gap:16px;padding:0 0 24px;box-shadow:0 18px 40px -30px #0009}.blog-cards-grid .blog-card:last-child{border-bottom:1px solid #d3dce8}.blog-cards-grid .blog-card-cover{border:0;border-bottom:1px solid #d3dce8}.blog-cards-grid .blog-card-copy{padding:0 24px}.blog-cards-grid .blog-card-excerpt{display:none}.blog-series-steps{counter-reset:none;gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-series-steps>li{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;display:grid}.blog-step-number{background:var(--cobalt);color:#fff;width:48px;height:48px;font:var(--type-card-weight) var(--type-card-size)/1 var(--font-ui);place-items:center;display:grid}.blog-series-steps .blog-card{background:#fff;border:1px solid #d3dce8;box-shadow:0 18px 40px -30px #0009}.blog-series-steps .blog-card:last-child{border-bottom:1px solid #d3dce8}.blog-series-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-series-grid a{color:#33475f;height:100%;transition:border-color .2s var(--ease);background:#fff;border:1px solid #d3dce8;align-content:start;gap:12px;padding:24px;display:grid;box-shadow:0 18px 40px -30px #0009}.blog-series-grid a:hover{border-color:var(--cobalt)}html body .site-root .blog-series-grid h2{color:#0f2036;font:var(--type-card-weight) var(--type-card-size)/var(--type-card-leading) var(--font-ui);letter-spacing:var(--type-card-tracking);margin:0}.blog-series-grid ol{color:#2a3d55;font:var(--type-small-weight) var(--type-small-size)/var(--type-small-leading) var(--font-ui);border-top:1px solid #e2e8f0;gap:4px;margin:0;padding:12px 0 0 20px;display:grid}.blog-series-grid .blog-series-more{color:#7d8ea3;margin-left:-20px;list-style:none}.blog-demo{color:#33475f;background:linear-gradient(105deg,#e9efff 0%,#fff 60%);border:1px solid #cddaff;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;padding:24px;display:grid;box-shadow:0 18px 40px -30px #0009}.blog-demo-media{background:#0f2340;border:1px solid #d3dce8;line-height:0;display:block;overflow:hidden}.blog-demo-media img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;transition:transform .4s var(--ease);display:block}.blog-demo-media:hover img{transform:scale(1.02)}.blog-demo-copy{align-content:start;gap:12px;min-width:0;display:grid}.blog-demo-copy .sp-label{color:#1745e0;margin:0}html body .site-root .blog-demo h2{color:#0f2036;font:var(--type-subheading-weight) var(--type-subheading-size)/var(--type-subheading-leading) var(--font-ui);letter-spacing:var(--type-subheading-tracking);margin:0}.blog-demo-text{color:#0f2036;font:var(--type-body-weight) var(--type-body-size)/var(--type-body-leading) var(--font-ui);letter-spacing:var(--type-body-tracking);margin:0}.blog-demo-note{color:#5d7088;font:var(--type-caption-weight) var(--type-caption-size)/var(--type-caption-leading) var(--font-ui);margin:0}.blog-demo-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:4px;display:flex}.sp-article-head.has-cover{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;column-gap:40px}.blog-article-head-copy{gap:16px;min-width:0;display:grid}.blog-article-head-copy>*{margin:0}.blog-article-cover{aspect-ratio:1200/630;object-fit:cover;border:1px solid #d3dce8;width:100%;height:auto;display:block}.blog-light .sp-article-head .sp-meta a:not(.sp-meta-accent){color:#33475f;text-underline-offset:4px;-webkit-text-decoration:underline #c3d0e2;text-decoration:underline #c3d0e2}.blog-light .sp-article-head .sp-meta a:hover{color:var(--cobalt)}.blog-series-badge{border-left:3px solid var(--cobalt);color:#5d7088;font:var(--type-small-weight) var(--type-small-size)/var(--type-small-leading) var(--font-ui);background:#eef3ff;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 16px;display:flex}.blog-series-badge a{color:#1745e0;text-underline-offset:4px;font-weight:650;-webkit-text-decoration:underline #1745e059;text-decoration:underline #1745e059}.sp-reading.blog-reading{align-items:start}.sp-reading.blog-reading.no-toc{grid-template-columns:minmax(0,1fr)}html body .site-root .sp-reading.blog-reading aside.blog-aside{max-height:calc(100vh - 112px);padding:0;display:block;position:sticky;top:88px;overflow:auto}.blog-main-column{grid-template-columns:minmax(0,1fr);gap:32px;min-width:0;max-width:800px;display:grid}.blog-toc{background:#fff;border:1px solid #d3dce8;box-shadow:0 18px 40px -30px #0009}.blog-toc summary{color:#0f2036;cursor:pointer;min-height:52px;font:var(--type-label-weight) var(--type-label-size)/var(--type-label-leading) var(--font-ui);letter-spacing:var(--type-label-tracking);text-transform:uppercase;align-items:center;gap:8px;padding:0 20px;list-style:none;display:flex}.blog-toc summary::-webkit-details-marker{display:none}.blog-toc summary small{color:#7d8ea3;font:var(--type-caption-weight) var(--type-caption-size)/1 var(--font-ui);letter-spacing:var(--type-caption-tracking);text-transform:none;margin-left:auto}.blog-toc nav{padding:0 12px 16px}.blog-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc a{color:#2a3d55;font:var(--type-small-weight) var(--type-small-size)/1.45 var(--font-ui);letter-spacing:var(--type-small-tracking);transition:color .2s var(--ease),background-color .2s var(--ease);border-left:2px solid #0000;padding:8px 12px;text-decoration:none;display:block}.blog-toc a:hover{color:var(--cobalt)}.blog-toc a[aria-current]{border-left-color:var(--cobalt);color:#0f2036;background:#eef3ff;font-weight:650}.blog-toc a:focus-visible{outline:3px solid var(--cobalt);outline-offset:-3px}html body .site-root .sp-body :is(h2,h3,section)[id]{scroll-margin-top:88px}.sp-body .sp-article-figure>a[data-zoom]:after{content:none}.sp-body .sp-article-figure>a[data-zoom]{cursor:zoom-in}.blog-next{color:#33475f;background:#fff;border:1px solid #d3dce8;gap:16px;padding:24px;display:grid;box-shadow:0 18px 40px -30px #0009}html body .site-root .blog-next h2{color:#0f2036;font:var(--type-subheading-weight) var(--type-subheading-size)/var(--type-subheading-leading) var(--font-ui);letter-spacing:var(--type-subheading-tracking);margin:0}.blog-next-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.blog-next a{color:#0f2036;transition:border-color .2s var(--ease),background-color .2s var(--ease);border:1px solid #d3dce8;align-content:start;gap:8px;padding:20px;display:grid}.blog-next a:hover{border-color:var(--cobalt);background:#f5f8ff}.blog-next .sp-label{color:#1745e0;margin:0}.blog-next strong{font:var(--type-card-weight) var(--type-card-size)/var(--type-card-leading) var(--font-ui);letter-spacing:var(--type-card-tracking);text-wrap:balance}.sp-body .blog-table{border:1px solid #d3dce8;overflow-x:auto}.sp-body .blog-table:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}.sp-body .blog-table table{border-collapse:collapse;color:#2a3d55;width:100%;font:var(--type-small-weight) var(--type-small-size)/var(--type-small-leading) var(--font-ui);letter-spacing:var(--type-small-tracking)}.sp-body .blog-table th{color:#0f2036;text-align:left;vertical-align:bottom;background:#eef3ff;padding:12px 16px;font-weight:650}.sp-body .blog-table td{vertical-align:top;border-top:1px solid #e2e8f0;padding:12px 16px}.blog-zoom{color:#0f2036;background:#fff;border:0;width:min(96vw,1120px);max-height:94vh;padding:24px}.blog-zoom::backdrop{background:#030b15d1}.blog-zoom:not([open]){display:none}.blog-zoom[open]{justify-items:center;gap:16px;display:grid}.blog-zoom img{width:auto;max-width:100%;height:auto;max-height:calc(94vh - 120px);display:block}.blog-zoom-close{color:#0f2036;cursor:pointer;background:#fff;border:1px solid #c3d0e2;justify-self:end;width:44px;height:44px;font-size:28px;line-height:1}.blog-zoom .sp-link{color:#1745e0}.blog-zoom-close:hover{border-color:var(--cobalt);color:var(--cobalt)}.blog-zoom-close:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}@media (max-width:1040px){.blog-head{grid-template-columns:1fr;gap:24px}.blog-start{border-top:1px solid #d3dce8;border-left:0;padding:16px 0 0}.blog-start ul{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin-inline:-24px;padding:0 24px 4px;display:flex;overflow-x:auto}.blog-start ul::-webkit-scrollbar{display:none}.blog-start li{scroll-snap-align:start;flex:none;width:min(240px,70vw)}.blog-start a{gap:4px;height:100%;padding:12px 16px;display:grid}.blog-start a span{flex:initial}.sp-article-head.has-cover{grid-template-columns:1fr}.blog-article-cover{display:none}html body .site-root .sp-reading.blog-reading aside.blog-aside{max-height:none;position:static;overflow:visible}.blog-next-grid,.blog-demo{grid-template-columns:1fr}}@media (max-width:760px){.blog-head{gap:16px;padding:16px}.blog-head-copy{gap:8px;padding-block:0}html body .site-root .blog-head .sp-lead{font-size:var(--type-small-size);line-height:var(--type-small-leading)}.blog-start{gap:8px;padding-top:16px}.blog-start ul{margin-inline:-16px;padding-inline:16px}.blog-controls{gap:12px;padding:12px 16px}.blog-tasks>.sp-label{display:none}.blog-controls .sp-chips{margin-inline:-16px;padding:2px 16px 4px}.blog-more{padding-top:12px}.blog-more-groups{gap:12px;padding-top:12px}.blog-card{grid-template-columns:160px minmax(0,1fr);gap:16px;padding:16px}.blog-demo,.blog-next{padding:16px}.blog-series-steps>li{grid-template-columns:32px minmax(0,1fr);gap:8px}.blog-step-number{width:32px;height:32px;font-size:var(--type-small-size)}.blog-empty{padding:24px 16px}}@media (max-width:560px){.blog-card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"meta meta""cover title""text text""foot foot";gap:8px 12px}.blog-card-copy{display:contents}.blog-card .sp-meta{grid-area:meta}.blog-card-cover{grid-area:cover}.blog-card .blog-card-title{grid-area:title;align-self:center}.blog-card-excerpt{grid-area:text}.blog-card-foot{grid-area:foot}.blog-cards-grid .blog-card{grid-template-areas:"cover cover""meta meta""title title""foot foot";padding:0 0 16px}.blog-cards-grid .blog-card-copy>*{margin-inline:16px}.blog-search .sp-btn{padding-inline:16px}.sp-body .blog-table{border:0;overflow:visible}.sp-body .blog-table thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.sp-body .blog-table tr{border:1px solid #d3dce8;margin-bottom:8px;display:block}.sp-body .blog-table td{grid-template-columns:minmax(96px,40%) minmax(0,1fr);gap:12px;padding:8px 12px;display:grid}.sp-body .blog-table tr td:first-child{color:#0f2036;background:#f5f8ff;border-top:0;font-weight:650}.sp-body .blog-table td:before{content:attr(data-label);color:#5d7088;font-weight:650}.blog-zoom{padding:16px}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card:before,.blog-card-title,.blog-start a,.blog-next a,.blog-demo-media img,.blog-more summary svg,.blog-toc summary svg,.blog-toc a,.blog-series-grid a{transition:none}.blog-demo-media:hover img{transform:none}}