.substrate-blog-page{color:#242629;font-synthesis:none;text-rendering:geometricprecision;background:radial-gradient(circle at 50% 82%,#0866ef0e,#0000 33%),#fff;min-height:100svh;padding-top:72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.substrate-blog-page a{color:inherit;text-decoration:none}.substrate-blog-index{--blog-divider-color:#2426291c;--blog-inline-padding:40px;box-sizing:border-box;width:min(100% - 72px,1360px);min-height:calc(100svh - 72px);padding:clamp(36px, 5vw, 72px) var(--blog-inline-padding) 0;flex-direction:column;margin:0 auto;display:flex}.substrate-blog-index>.landing-section-heading{margin-bottom:20px}.substrate-blog-index>p{max-width:560px;margin:0}.substrate-blog-feed{min-height:0;margin-top:72px;margin-right:calc(-1 * var(--blog-inline-padding));margin-left:calc(-1 * var(--blog-inline-padding));border-right:1px solid var(--blog-divider-color);border-left:1px solid var(--blog-divider-color);flex:1;align-content:start;gap:0;padding-bottom:120px;display:grid;position:relative}.substrate-blog-feed:before{z-index:2;content:"";border-top:1px solid var(--blog-divider-color);pointer-events:none;width:100vw;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.substrate-blog-grid{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;position:relative}.substrate-blog-grid:before,.substrate-blog-grid:after{z-index:1;content:"";border-left:1px solid var(--blog-divider-color);pointer-events:none;width:0;position:absolute;top:0;bottom:-120px}.substrate-blog-grid:before{left:33.3333%}.substrate-blog-grid:after{left:66.6667%}.substrate-blog-card{background:0 0;border:0;border-radius:0;flex-direction:column;min-height:390px;display:flex;overflow:visible}.substrate-blog-card-image{object-fit:cover;width:100%;height:220px;display:block}.substrate-blog-card-image-placeholder{background:linear-gradient(145deg,#f2f4f6,#e7eaee);width:100%;height:220px;display:block}.substrate-blog-card:not(.substrate-blog-card--featured) .substrate-blog-card-image,.substrate-blog-card:not(.substrate-blog-card--featured) .substrate-blog-card-image-placeholder{border-radius:14px;order:-1}.substrate-blog-card:not(.substrate-blog-card--featured){contain-intrinsic-size:390px;content-visibility:auto;background:0 0;padding:clamp(24px,2.5vw,36px);transition:background-color .16s}.substrate-blog-card:not(.substrate-blog-card--featured):hover{background:#24262907}.substrate-blog-card:not(.substrate-blog-card--featured):nth-child(n+4){border-top:1px solid var(--blog-divider-color)}.substrate-blog-card:not(.substrate-blog-card--featured) .substrate-blog-card-copy{padding:22px 0 0}.substrate-blog-card-copy{flex-direction:column;flex:1;min-width:0;padding:24px;display:flex}.substrate-blog-card--featured{min-height:320px;padding:64px var(--blog-inline-padding) 48px;border:0;border-bottom:1px solid var(--blog-divider-color);background:0 0;border-radius:0;grid-template-columns:minmax(0,.72fr) minmax(480px,1.28fr);grid-template-areas:"copy image";gap:clamp(42px,6vw,72px);display:grid;overflow:visible}.substrate-blog-card--featured .substrate-blog-card-image,.substrate-blog-card--featured .substrate-blog-card-image-placeholder{box-sizing:border-box;background:linear-gradient(#e4e5e2 0%,#f7f7f4 25%,#e9ebe7 100%);border:1px solid #0e18241b;border-radius:19px;grid-area:image;height:100%;min-height:320px;padding:3px;box-shadow:inset 0 1px 2px #161d251c,inset 0 -1px #ffffffe6,0 1px 2px #0a14230f}.substrate-blog-card--featured .substrate-blog-card-image-placeholder{background:linear-gradient(145deg,#f2f4f6,#e7eaee) content-box content-box,linear-gradient(#e4e5e2 0%,#f7f7f4 25%,#e9ebe7 100%) border-box}.substrate-blog-card--featured .substrate-blog-card-copy{grid-area:copy;padding:6px 0 0}.substrate-blog-post-meta,.substrate-blog-post time{color:#8b8d91;font-size:12px}.substrate-blog-card-meta{color:#77797d;letter-spacing:-.005em;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:520;line-height:1.4;display:flex}.substrate-blog-card-meta time,.substrate-blog-card-meta span{color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}.substrate-blog-post-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.substrate-blog-post-meta span,.substrate-blog-post-meta strong{color:#55595f;font-weight:560}.substrate-blog-post-meta time{margin-left:auto}.substrate-blog-card h2{letter-spacing:-.035em;margin:22px 0 12px;font-size:25px;font-weight:540;line-height:1.12}.substrate-blog-card--featured h2{margin-top:16px;font-size:clamp(30px,3.2vw,40px);line-height:1.06}.substrate-blog-card-copy>p{color:#77797d;letter-spacing:-.01em;margin:0;font-size:15px;line-height:1.55}.substrate-blog-card--featured .substrate-blog-card-copy>p{max-width:400px;font-size:16px}.substrate-blog-card-footer{justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:28px;display:flex}.substrate-blog-card-author{color:#55595f;font-size:13px;font-weight:520}.substrate-blog-card-link{color:#242629;background:#fff;border:1px solid #d7dade;border-radius:8px;align-items:center;gap:8px;height:32px;padding:0 11px;font-size:12px;font-weight:560;transition:border-color .16s,background-color .16s;display:inline-flex}.substrate-blog-card--featured:hover .substrate-blog-card-link{background:#f6f7f8;border-color:#c8cbd0}.substrate-blog-card svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:15px;height:15px}.substrate-blog-empty{color:#77797d;text-align:center;border:1px dashed #d7dade;border-radius:16px;margin-top:64px;padding:56px 24px}.substrate-blog-post-scroll-bar{z-index:49;opacity:0;pointer-events:none;padding:0 16px;transition:opacity .22s,transform .42s cubic-bezier(.22,1,.36,1);position:fixed;top:82px;left:0;right:0;transform:translateY(-10px)scale(.985)}.substrate-blog-post-scroll-bar[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.substrate-blog-post-scroll-bar-inner{color:#242629;-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffffbd;border:1px solid #262b311f;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:min(480px,100%);max-width:min(100%,760px);height:38px;margin:0 auto;padding:0 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #121a2412,0 2px 7px #121a2409,inset 0 1px #ffffffc7}.substrate-blog-post-scroll-bar-inner a{color:#72767c;letter-spacing:-.01em;flex:none;justify-self:start;align-items:center;gap:4px;font-size:12px;font-weight:560;text-decoration:none;transition:color .16s;display:inline-flex;position:absolute;left:13px}.substrate-blog-post-scroll-bar-inner a svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:13px;height:13px}.substrate-blog-post-scroll-bar-inner a:hover{color:#242629}.substrate-blog-post-scroll-bar-inner h2{letter-spacing:-.025em;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(520px,100vw - 176px);margin:0;font-size:13px;font-weight:580;line-height:1;overflow:hidden}.substrate-blog-post-scroll-bar-balance{display:none}.substrate-blog-post{box-sizing:border-box;width:min(100% - 72px,1360px);margin:0 auto;padding:88px 40px 140px}.substrate-blog-post>header{text-align:center;max-width:980px;margin:0 auto}.substrate-blog-post h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(44px,6vw,76px);font-weight:540;line-height:1.02}.substrate-blog-post>header .substrate-blog-post-meta{justify-content:center;margin-top:28px;font-size:14px}.substrate-blog-post>header .substrate-blog-post-meta time{margin-left:0}.substrate-blog-post-body{grid-template-columns:minmax(0,990px) 220px;align-items:start;gap:50px;width:min(100%,1260px);margin:56px auto 0;display:grid}.substrate-blog-markdown{color:#3f4348;width:100%;margin:0;font-size:17px;line-height:1.75}.substrate-blog-contents{min-width:0;max-height:calc(100svh - 176px);position:sticky;top:144px;overflow-y:auto}.substrate-blog-contents ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.substrate-blog-contents li{min-width:0}.substrate-blog-contents li[data-level="2"]{padding-left:14px}.substrate-blog-contents li[data-level="3"]{padding-left:28px}.substrate-blog-contents a{color:#8b8d91;letter-spacing:-.01em;text-overflow:ellipsis;font-size:13px;font-weight:430;line-height:1.35;transition:color .15s;display:block;overflow:hidden}.substrate-blog-contents a:hover{color:#55595f}.substrate-blog-contents a[aria-current=location]{color:#242629;font-weight:620}.substrate-blog-post-hero-stage{margin-top:72px}.substrate-blog-post-hero-frame{border-radius:19px;overflow:hidden}.substrate-blog-post-hero{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;display:block}@media (prefers-color-scheme:light){.substrate-blog-post-hero-stage{background-image:radial-gradient(circle,#24262930 0 1px,#0000 1.1px);background-position:50%;background-size:10px 10px;border-top:1px solid #2426291c;border-bottom:1px solid #2426291c;padding:clamp(28px,4vw,56px)}.substrate-blog-post-hero-frame{background:linear-gradient(#e4e5e2 0%,#f7f7f4 25%,#e9ebe7 100%);border:1px solid #0e18241b;padding:3px;box-shadow:inset 0 1px 2px #161d251c,inset 0 -1px #ffffffe6,0 1px 2px #0a14230f}}.substrate-blog-markdown h1,.substrate-blog-markdown h2,.substrate-blog-markdown h3,.substrate-blog-markdown h4,.substrate-blog-markdown h5,.substrate-blog-markdown h6{color:#242629;letter-spacing:-.035em;font-weight:560;line-height:1.12}.substrate-blog-markdown h1{font-size:clamp(38px,5vw,52px)}.substrate-blog-markdown h2{font-size:clamp(32px,4vw,42px)}.substrate-blog-markdown h3{font-size:clamp(26px,3vw,34px)}.substrate-blog-markdown h4{font-size:clamp(22px,2.4vw,28px)}.substrate-blog-markdown h5{font-size:clamp(19px,2vw,23px)}.substrate-blog-markdown h6{font-size:clamp(17px,1.7vw,20px)}.substrate-blog-markdown a{color:#0866ef;text-underline-offset:3px;text-decoration:underline}.substrate-blog-markdown pre{border:1px solid #e2e4e8;border-radius:12px;overflow-x:auto}.substrate-blog-page a:focus-visible{outline-offset:3px;outline:2px solid #0866ef}.substrate-blog-footer-divider{z-index:2;pointer-events:none;border-top:1px solid #2426291c;width:100%;height:0;position:relative}@media (max-width:980px){.substrate-blog-index{--blog-inline-padding:28px;width:calc(100% - 40px)}.substrate-blog-post{width:calc(100% - 40px);padding-left:28px;padding-right:28px}.substrate-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.substrate-blog-grid:before{left:50%}.substrate-blog-grid:after{display:none}.substrate-blog-card:not(.substrate-blog-card--featured):nth-child(n+3){border-top:1px solid var(--blog-divider-color)}}@media (max-width:680px){.substrate-blog-index{--blog-inline-padding:18px;width:calc(100% - 24px)}.substrate-blog-post{width:calc(100% - 24px);padding-left:18px;padding-right:18px}.substrate-blog-post-scroll-bar{padding:0 12px;top:80px}.substrate-blog-post-scroll-bar-inner{height:38px;padding:0 12px}.substrate-blog-grid{grid-template-columns:1fr}.substrate-blog-grid:before,.substrate-blog-grid:after{display:none}.substrate-blog-card:not(.substrate-blog-card--featured):nth-child(n+2){border-top:1px solid var(--blog-divider-color)}.substrate-blog-card--featured{grid-template-columns:1fr;grid-template-areas:"image""copy";gap:28px;padding-top:40px;padding-bottom:36px}.substrate-blog-card--featured .substrate-blog-card-image,.substrate-blog-card--featured .substrate-blog-card-image-placeholder{height:230px;min-height:0}.substrate-blog-card--featured .substrate-blog-card-copy{padding-top:0}.substrate-blog-post{padding-top:56px}.substrate-blog-post h1{font-size:clamp(38px,11vw,54px)}.substrate-blog-post-hero-stage{margin-top:52px}.substrate-blog-post-body{width:min(100%,900px);display:block}.substrate-blog-contents{display:none}}@media (min-width:681px) and (max-width:980px){.substrate-blog-card--featured{grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);gap:36px}}