.blog-page{--blog-base:#131209;--blog-surface:#1f1f1f;--blog-text:#fff;--blog-soft:#c4c4bc;--blog-muted:#a5a59c;--blog-accent:#d7ff98;--blog-line:#ffffff29;--blog-ease:cubic-bezier(.22, 1, .36, 1);min-height:100vh;color:var(--blog-text);background:var(--blog-base);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#a5a59c #131209;padding:16px 48px 32px;font-family:Manrope Variable,sans-serif;font-size:16px;line-height:24px}body:has(.blog-page){background:#131209}.blog-page :is(h1,h2,h3){text-wrap:balance;letter-spacing:-.03em;font-weight:600}.blog-page p{text-wrap:pretty}.blog-page :is(a,summary,[tabindex]):focus-visible{outline:2px solid var(--blog-accent);outline-offset:4px}.blog-page :is(main,section):focus{outline:none}.blog-page :is(section[id],h2[id]){scroll-margin-top:96px}.blog-page a{text-underline-offset:4px}.blog-page a:active{transform:translateY(1px)}.blog-page img{object-fit:cover;max-width:100%;display:block}.blog-page figure{margin:0}.blog-page figcaption{color:var(--blog-muted);margin-top:12px;font-size:12px;line-height:16px}.blog-page main,.blog-footer{max-width:1200px;margin-inline:auto}.blog-skip{z-index:60;background:var(--blog-accent);color:#162b29;border-radius:8px;padding:12px 16px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.blog-skip:focus{transform:none}.blog-header{z-index:40;width:fit-content;max-width:100%;margin:0 auto 64px;position:sticky;top:16px}.blog-header nav{border:1px solid var(--blog-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#131209eb;border-radius:9999px;align-items:center;gap:8px;padding:8px 8px 8px 24px;display:flex}.blog-header nav>a:not(.blog-brand):not(.blog-button){color:var(--blog-soft);border-radius:9999px;padding:8px 12px;font-size:14px;line-height:20px}.blog-header nav>a.blog-current{color:#fff;background:#313131}.blog-header nav>a:hover:not(.blog-brand):not(.blog-button){color:#fff;background:#272727}.blog-brand{margin-right:16px}.blog-brand img{width:112px;height:auto}.blog-button{background:var(--blog-accent);color:#162b29;width:fit-content;transition:transform .5s var(--blog-ease);border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:16px;font-weight:600;line-height:24px;text-decoration:none;display:inline-flex}.blog-header .blog-button{font-size:14px;line-height:20px}.blog-button:hover{background:#e9fbc6;transform:translateY(-2px)}.blog-button:active{transform:scale(.98)}.blog-index-intro{grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;margin-bottom:48px;display:grid}.blog-index-intro h1{max-width:680px;font-size:72px;line-height:1}.blog-index-intro>p{max-width:440px;color:var(--blog-soft);padding-bottom:8px;font-size:20px;line-height:28px}.blog-index-intro h1,.blog-article-heading h1,.blog-not-found h1{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#9b9b9b);-webkit-background-clip:text;background-clip:text;padding-bottom:8px}.blog-featured{background:var(--blog-surface);border-radius:16px;grid-template-columns:1.45fr 1fr;gap:0;display:grid;overflow:hidden}.blog-featured-image{height:100%;min-height:400px;display:block;overflow:hidden}.blog-featured-image img{aspect-ratio:3/2;width:100%;height:100%;transition:transform .5s var(--blog-ease)}.blog-featured-image:hover img{transform:scale(1.02)}.blog-featured>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;display:flex}.blog-meta{color:var(--blog-muted);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:16px;font-size:12px;line-height:16px;display:flex}.blog-meta span:first-child{color:var(--blog-accent)}.blog-featured h2{margin:24px 0 16px;font-size:36px;line-height:40px}.blog-featured h2 a:hover,.blog-card h3 a:hover{color:var(--blog-accent)}.blog-featured>div>p:not(.blog-meta){color:var(--blog-soft)}.blog-text-link{color:var(--blog-accent);align-items:center;gap:8px;margin-top:32px;font-weight:600;display:inline-flex}.blog-text-link:hover{text-decoration:underline}.blog-topics{flex-wrap:wrap;gap:16px 32px;margin:32px 0 80px;display:flex}.blog-topics a{color:var(--blog-soft);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.blog-topics a:hover{color:var(--blog-accent)}.blog-topics svg{width:16px;height:16px;transform:rotate(90deg)}.blog-group{margin-bottom:80px}.blog-group-heading{grid-template-columns:1.15fr 1fr;align-items:end;gap:64px;margin-bottom:32px;display:grid}.blog-group-heading h2,.blog-related>h2{max-width:680px;font-size:36px;line-height:40px}.blog-group-heading>p{max-width:400px;color:var(--blog-muted)}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;display:grid}.blog-card{grid-template-columns:160px 1fr;align-items:start;gap:24px;display:grid}.blog-card--compact{align-items:center}.blog-card-image{border-radius:12px;overflow:hidden}.blog-card-image img{aspect-ratio:1;width:100%;height:auto;transition:transform .5s var(--blog-ease)}.blog-card-image:hover img{transform:scale(1.04)}.blog-card .blog-meta{gap:4px 12px;margin-bottom:12px}.blog-card h3{font-size:20px;line-height:28px}.blog-card h3 svg{vertical-align:baseline;width:16px;height:16px;margin-left:8px;display:inline}.blog-card-description{color:var(--blog-soft);margin-top:12px;font-size:14px;line-height:20px}.blog-closing{background:var(--blog-accent);color:#162b29;border-radius:16px;grid-template-columns:1.15fr 1fr;margin:80px 0;display:grid;overflow:hidden}.blog-closing>div{padding:48px}.blog-closing h2{font-size:36px;line-height:40px}.blog-closing p{max-width:480px;margin-top:24px}.blog-closing .blog-button{color:#e9fbc6;background:#162b29;margin-top:24px}.blog-closing .blog-button:hover{background:#24413e}.blog-closing .blog-button:focus-visible{outline-color:#162b29}.blog-closing>img{object-position:50% 50%;width:100%;height:100%;min-height:400px}.blog-page .blog-compatibility{font-size:12px;line-height:16px}.blog-footer{justify-content:space-between;gap:32px;padding-top:32px;display:flex}.blog-footer-brand{font-size:24px;font-weight:600;line-height:32px}.blog-footer-brand span{color:var(--blog-muted);margin-top:8px;font-size:14px;font-weight:400;line-height:20px;display:block}.blog-footer nav{max-width:440px;color:var(--blog-soft);flex-wrap:wrap;align-items:start;gap:16px 24px;font-size:14px;line-height:20px;display:flex}.blog-footer nav a:hover{color:var(--blog-accent);text-decoration:underline}.blog-article-heading{max-width:880px;margin:0 auto 40px}.blog-breadcrumbs{color:var(--blog-muted);gap:12px;margin-bottom:32px;font-size:14px;line-height:20px;display:flex}.blog-breadcrumbs a:hover{color:var(--blog-accent)}.blog-article-heading h1{max-width:680px;font-size:60px;line-height:1}.blog-deck{max-width:680px;color:var(--blog-soft);margin-top:24px;font-size:20px;line-height:28px}.blog-article-heading .blog-meta{margin-top:24px;font-size:14px;line-height:20px}.blog-hero-image>img{aspect-ratio:2;border-radius:16px;width:100%;height:auto}.blog-hero-image figcaption{max-width:880px;margin-inline:auto}.blog-reading-layout{grid-template-columns:232px minmax(0,720px);justify-content:center;gap:64px;margin-top:64px;display:grid}.blog-contents{align-self:start;font-size:14px;line-height:20px;position:sticky;top:96px}.blog-contents details{border:0}.blog-contents summary{cursor:pointer;width:fit-content;font-weight:600}.blog-contents ol{margin:24px 0 0;padding:0;list-style:none}.blog-contents li+li{margin-top:16px}.blog-contents a{color:var(--blog-muted);display:block}.blog-contents a:hover,.blog-contents a[aria-current=location]{color:var(--blog-accent)}.blog-prose{min-width:0;color:var(--blog-soft);font-size:18px;line-height:28px}.blog-prose p+p{margin-top:24px}.blog-introduction p:first-child{color:var(--blog-text);font-size:20px;line-height:28px}.blog-takeaway{background:var(--blog-surface);border-radius:12px;margin-top:32px;padding:24px}.blog-takeaway h2{color:var(--blog-accent);letter-spacing:0;margin-bottom:12px;font-size:18px;line-height:28px}.blog-takeaway p{font-size:16px;line-height:24px}.blog-section{margin-top:48px}.blog-section h2{color:var(--blog-text);margin-bottom:24px;font-size:30px;line-height:36px}.blog-section h3{color:var(--blog-text);margin-bottom:12px;font-size:20px;line-height:28px}.blog-prose ul{margin:24px 0 0;padding-left:24px}.blog-prose li+li{margin-top:12px}.blog-prose li::marker{color:var(--blog-accent)}.blog-prose a:not(.blog-button){color:var(--blog-accent);text-decoration:underline}.blog-prose a:not(.blog-button):hover{color:#fff;text-decoration-thickness:2px}.blog-table-scroll{overscroll-behavior-inline:contain;border:1px solid var(--blog-line);border-radius:12px;margin-top:24px;overflow-x:auto}.blog-table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:20px}.blog-table-scroll caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.blog-table-scroll :is(th,td){vertical-align:top;min-width:144px;padding:16px}.blog-table-scroll thead{background:var(--blog-surface);color:#fff}.blog-table-scroll th{font-weight:600}.blog-table-scroll tbody th{color:#fff}.blog-table-scroll tbody tr+tr{border-top:1px solid var(--blog-line)}.blog-inline-image{padding-top:32px}.blog-inline-image img{border-radius:12px;width:100%;height:auto}.blog-prose .blog-section-links{padding-left:0;font-size:14px;line-height:20px;list-style:none}.blog-inline-cta{border:1px solid var(--blog-line);background:var(--blog-surface);border-radius:16px;margin:48px 0;padding:32px}.blog-inline-cta h2{color:#fff;margin-bottom:12px;font-size:24px;line-height:32px}.blog-inline-cta>div>p{font-size:16px;line-height:24px}.blog-inline-cta .blog-button{margin-top:24px}.blog-inline-cta .blog-compatibility{color:var(--blog-muted);margin-top:16px}.blog-faq>div+div{margin-top:32px}.blog-sources{margin-top:48px;font-size:14px;line-height:20px}.blog-sources h2{color:#fff;margin-bottom:16px;font-size:20px;line-height:28px}.blog-sources ul{overflow-wrap:anywhere}.blog-related>h2{margin-bottom:32px}.blog-related{margin-bottom:64px}.blog-not-found{max-width:680px;margin-inline:auto;padding:80px 0}.blog-not-found h1{font-size:60px;line-height:1}.blog-not-found p{color:var(--blog-soft);margin:32px 0}@media (width<=1100px){.blog-page{padding-inline:32px}.blog-card{grid-template-columns:112px 1fr;gap:16px}.blog-reading-layout{grid-template-columns:192px minmax(0,1fr);gap:32px}.blog-index-intro,.blog-group-heading{gap:32px}.blog-featured>div,.blog-closing>div{padding:32px}}@media (width<=760px){.blog-page{padding:16px 24px 32px}.blog-header{margin-bottom:48px}.blog-header nav{gap:4px;padding-left:16px}.blog-brand{margin-right:8px}.blog-brand img{width:96px}.blog-nav-routes{display:none}.blog-header .blog-button{white-space:nowrap}.blog-header .blog-button svg{display:none}.blog-index-intro{margin-bottom:32px;display:block}.blog-index-intro h1{font-size:48px;line-height:1}.blog-index-intro>p{margin-top:24px;font-size:18px;line-height:28px}.blog-featured{grid-template-columns:1fr}.blog-featured-image{min-height:0}.blog-featured-image img{aspect-ratio:3/2;height:auto}.blog-featured>div{padding:24px}.blog-featured h2{margin-top:16px;font-size:30px;line-height:36px}.blog-text-link{margin-top:24px;font-size:14px;line-height:20px}.blog-topics{gap:16px;margin-bottom:64px}.blog-group{margin-bottom:64px}.blog-group-heading{margin-bottom:24px;display:block}.blog-group-heading h2,.blog-related>h2{font-size:30px;line-height:36px}.blog-group-heading>p{margin-top:16px}.blog-card-grid{grid-template-columns:1fr;gap:32px}.blog-card{grid-template-columns:96px 1fr}.blog-card h3{font-size:18px;line-height:28px}.blog-card .blog-meta{font-size:12px;line-height:16px}.blog-closing{grid-template-columns:1fr;margin:64px 0}.blog-closing>div{padding:32px 24px}.blog-closing h2{font-size:30px;line-height:36px}.blog-closing>img{aspect-ratio:16/9;height:auto;min-height:0}.blog-footer{flex-direction:column;padding-top:0}.blog-footer nav{gap:16px 24px}.blog-article-heading{margin-bottom:32px}.blog-article-heading h1{font-size:36px;line-height:40px}.blog-breadcrumbs{margin-bottom:24px}.blog-deck{font-size:18px;line-height:28px}.blog-hero-image>img{aspect-ratio:3/2;border-radius:12px}.blog-reading-layout{flex-direction:column;gap:32px;margin-top:32px;display:flex}.blog-contents{border:1px solid var(--blog-line);border-radius:12px;width:100%;padding:24px;position:static}.blog-contents ol{margin-top:16px}.blog-contents li+li{margin-top:12px}.blog-prose{font-size:16px;line-height:24px}.blog-introduction p:first-child{font-size:18px;line-height:28px}.blog-section h2{font-size:24px;line-height:32px}.blog-takeaway,.blog-inline-cta{padding:24px}.blog-not-found{padding-top:32px}.blog-not-found h1{font-size:36px;line-height:40px}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important;transition:none!important}.blog-page a:hover,.blog-page a:active,.blog-page a:hover img{transform:none}}