html:has(.blog-experience){scroll-behavior:auto}body.editorial-site:has(.blog-experience){--bg:#0c0d0f;--surface:#151618;--surface-strong:#202124;--text:#ededee;--muted:#a6a7ad;--muted-strong:#ceced2;--line:#292a2e;--line-strong:#48494f;--accent:#a9bcff;--accent-text:#c1cfff;--blog-sidebar-width:196px;--blog-column-gap:clamp(32px,5vw,88px);--blog-figure-bg:#151921;--blog-figure-card:#1c222d;--blog-figure-highlight:#242e40;--blog-figure-text:#dbe3f1;--blog-figure-muted:#a5b2c7;--blog-figure-line:#3b475c;--blog-figure-good:#9ed3b5;--blog-figure-warning:#e5c489;color-scheme:dark;color:var(--text);background:var(--bg);& .site-header,& .site-header.site-header-transparent{color:var(--text);background:#0c0d0ff5;border-bottom:1px solid var(--line);--header-text:#ededee;--header-muted:#b3b4bc;--header-panel:#17181c;--header-line:#303137;--header-hover:#27282e}& .site-header .button.button-muted{color:var(--header-text)}& .site-header .button.button-muted:hover{background:var(--header-hover);color:var(--header-text)}& :is(a,button,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}& .section-block.page-top.blog-experience{padding-top:116px}& .blog-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& .article-shell{width:min(calc(100% - 80px),1280px);max-width:1280px;grid-template-columns:minmax(0,1fr)}& .article-hero{width:100%;margin:0;padding:0 0 36px}& .blog-return{display:inline-flex;gap:8px;align-items:center;font-size:13px;line-height:1.6;color:var(--muted)}& .blog-return:hover{color:var(--text)}& .article-hero>.blog-return{display:flex;width:fit-content;margin-bottom:28px}& .article-hero>.micro-eyebrow{color:var(--muted)}& .article-hero .page-title{max-width:1100px;font-size:clamp(30px,3vw,40px);line-height:1.25;margin-top:14px;letter-spacing:-.035em;text-wrap:pretty}& .article-hero>p{width:100%;max-width:1100px;text-wrap:wrap;font-size:16px;line-height:1.8;margin-top:18px;color:var(--muted)}& .article-hero .meta-row{margin-top:22px;color:var(--muted);font-size:12px}& .blog-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}& .blog-reading-grid .prose-card{width:100%;min-width:0;padding:32px 0 0;grid-column:1;grid-row:1}& .prose-card h2{font-size:25px;line-height:1.5;margin-bottom:18px}& #article-title,& .prose-card h2{scroll-margin-top:100px}& .prose-card li:not(figure li),& .prose-card p{font-size:16px;line-height:1.9;color:#c9cbd2}& .prose-card p{margin:16px 0}& .prose-card strong{color:var(--text);font-weight:600}& .prose-card a{color:var(--accent-text)}& .prose-card section+section{margin-top:42px}& .blog-toc{grid-column:2;grid-row:1;position:sticky;top:100px;max-height:calc(100svh - 130px);overflow-y:auto;padding:32px 4px 12px 0;font-size:13px}& .blog-toc>p{white-space:nowrap;font-size:13px;margin:0 0 18px 14px}& :is(.blog-toc,.blog-mobile-toc) ol{list-style:none;margin:0;padding:0}& :is(.blog-toc,.blog-mobile-toc) li{margin:0}& :is(.blog-toc,.blog-mobile-toc) nav a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;border-left:1px solid var(--line);padding:9px 12px;color:var(--muted);font-size:13px;line-height:1.65}& :is(.blog-toc,.blog-mobile-toc) nav a>.blog-toc-number{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:2px;color:#9398a5}& :is(.blog-toc,.blog-mobile-toc) nav a[aria-current=location]{color:var(--text);border-left-color:var(--text);background:#202329}& :is(.blog-toc,.blog-mobile-toc) nav a:hover{color:var(--text);background:#191c22}& .blog-toc-label{min-width:0;overflow-wrap:break-word;text-wrap:wrap}& .blog-article pre{background:#13161c}& .blog-toc-top{display:inline-block;color:var(--muted);margin:20px 14px 0;font-size:12px}& .blog-mobile-toc{display:none}& .blog-related-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}& .blog-related-heading h2{margin:0}& .related-posts{margin-top:52px;padding-top:28px}& .related-post-card{color:var(--text);border:0;border-radius:0;padding:0 24px 0 0;box-shadow:none;gap:12px}& .related-post-card,& .related-post-card:hover{background:transparent}& .related-post-card:hover h3{color:var(--accent-text)}& .related-post-card .meta-row,& .related-post-card .micro-eyebrow{color:var(--muted)}& .related-post-card h3{font-size:18px}& .related-post-card p{font-size:14px;color:var(--muted)}& .blog-source p{font-size:13px}& .site-footer{background:#101113;color:var(--text);border-top:1px solid var(--line)}& .footer-links a,& .site-footer a,& .site-footer p{color:var(--muted)}& .footer-grid a:hover,& .site-footer h3{color:var(--text)}& .footer-brand small{color:var(--muted)}@media (max-width:1150px){--blog-sidebar-width:175px;--blog-column-gap:30px}@media (max-width:1180px){& .article-shell{width:calc(100% - 64px)}& .blog-reading-grid{grid-template-columns:minmax(0,1fr) 300px;gap:40px}}@media (max-width:1000px){& .blog-reading-grid{display:flex;flex-direction:column;gap:0}& .blog-toc{display:none}& .blog-mobile-toc{display:block;width:100%;border-bottom:1px solid var(--line)}& .blog-mobile-toc summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:54px;font-size:13px;cursor:pointer}& .blog-mobile-toc summary:after{content:"+";font-size:18px}& .blog-mobile-toc[open] summary:after{content:"−"}& .blog-mobile-toc summary>span{margin-left:auto;color:var(--muted);font-size:12px}& .blog-mobile-toc nav{padding:0 4px 16px}}@media (max-width:760px){& .section-block.page-top.blog-experience{padding-top:96px}& .blog-experience .container{width:calc(100% - 40px)}& .article-hero{width:100%;padding-bottom:24px}& .article-hero .page-title{font-size:30px;line-height:1.35}& .article-hero>p{font-size:15px}& .blog-reading-grid .prose-card{padding-top:28px}& .prose-card h2{font-size:23px}& .prose-card li:not(figure li),& .prose-card p{font-size:16px;line-height:1.9}& .related-posts-grid{grid-template-columns:1fr;gap:26px}& .related-post-card{padding:0 0 24px;border-bottom:1px solid var(--line)}& .related-post-card:last-child{border:0}& .blog-related-heading{align-items:start}& .blog-related-heading h2{font-size:23px}& .blog-related-heading .blog-return{flex-shrink:0;font-size:12px;padding-top:6px}}@media (prefers-reduced-motion:reduce){& *,& :after,& :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}}body.editorial-site:has(.blog-index){& .section-block.page-top.blog-index{padding:96px 0 100px}& .blog-index-shell{max-width:none;width:calc(100% - 64px);display:block}& .learn-layout{display:grid;grid-template-columns:var(--blog-sidebar-width) minmax(0,1fr);gap:var(--blog-column-gap);align-items:start}& .learn-main{min-width:0;max-width:1120px;width:100%;margin:0 auto;scroll-margin-top:100px}& .learn-sidebar{transform:translateZ(0);background:var(--bg);position:sticky;top:102px;max-height:calc(100svh - 125px);overflow:auto;padding:0 6px 10px 0;scrollbar-width:thin}& .learn-mobile-nav nav,& .learn-sidebar nav{display:flex;flex-direction:column;gap:3px}& :is(.learn-sidebar,.learn-mobile-nav) nav>p{margin:26px 12px 9px;font-size:12px;color:var(--muted);font-weight:600}& :is(.learn-sidebar,.learn-mobile-nav) nav>a{padding:9px 12px;font-size:13px;line-height:1.5;border-radius:7px;color:#c1c2c7}& :is(.learn-sidebar,.learn-mobile-nav) nav>a:hover{background:#1b1c20;color:#fff}& :is(.learn-sidebar,.learn-mobile-nav) nav>a[aria-current=page]{background:#25262a;color:#fff}& :is(.learn-sidebar,.learn-mobile-nav) nav>.learn-recent-link{font-size:12px;display:block;overflow-wrap:anywhere;padding-top:6px;padding-bottom:6px}& .learn-mobile-nav{display:none}& .learn-hero{text-align:center;padding:30px 16px 55px}& .learn-eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;color:var(--muted);margin:0 0 17px}& .learn-hero h1{font-size:clamp(28px,2.7vw,38px);line-height:1.35;letter-spacing:-.035em;font-weight:550;margin:0;text-wrap:balance;scroll-margin-top:110px}& .learn-hero>p:not(.learn-eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:16px auto 25px;max-width:650px}& .learn-search{display:flex;gap:14px;align-items:center;max-width:620px;width:100%;margin:0 auto;min-height:52px;padding:12px 21px;background:#222326;border:1px solid #313237;border-radius:30px;color:#d2d3d9}& .learn-search input{width:100%;min-width:0;font:inherit;font-size:14px;padding:0;background:transparent;border:0;color:var(--text);line-height:24px}& .learn-search input::placeholder{color:#b2b3ba}& .learn-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}& .learn-search input:focus-visible{outline:none}& .learn-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}& .learn-pills a{background:#242529;border:1px solid #2c2d32;border-radius:25px;padding:7px 14px;color:#c8c9d0;font-size:12px;line-height:1.5}& .learn-pills a:hover{background:#34363d;color:#fff}& .learn-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}& .learn-section-heading h2,& .learn-section-heading>p{font-size:17px;font-weight:550;margin:0;line-height:1.5}& .learn-section-heading>a,& .learn-section-heading>span{font-size:12px;color:var(--muted);line-height:1.5}& .learn-section-heading>a{display:inline-flex;align-items:center;gap:8px}& .learn-section-heading>a:hover{color:#fff}& .learn-feature,& .learn-story{scroll-margin-top:100px;min-width:0}& .learn-feature a,& .learn-story a{display:block;color:var(--text)}& .learn-cover{position:relative;overflow:hidden;border-radius:9px;isolation:isolate;aspect-ratio:2/1;background:radial-gradient(ellipse at 82% 15%,#becdff 0,transparent 50%),radial-gradient(ellipse at 15% 90%,#6365ee 0,transparent 60%),linear-gradient(120deg,#2458c4,#83acfd)}& .learn-cover-report,& .learn-cover-teams{background:radial-gradient(ellipse at 12% 5%,#c4d3ff 0,transparent 52%),radial-gradient(ellipse at 90% 95%,#8e6ecb 0,transparent 58%),linear-gradient(125deg,#487be3,#2462d6)}& .learn-cover-coding{background:radial-gradient(ellipse at 5% 0,#a2e5f3 0,transparent 55%),radial-gradient(ellipse at 87% 100%,#66cfff 0,transparent 50%),linear-gradient(125deg,#07699b,#087ecc)}& .learn-cover-automation{background:radial-gradient(ellipse at 92% 5%,#ffdcbb 0,transparent 55%),radial-gradient(ellipse at 10% 100%,#ec9b8c 0,transparent 50%),linear-gradient(130deg,#a23f21,#b95428)}& .learn-cover-browser{background:radial-gradient(ellipse at 5% 5%,#b5f1d9 0,transparent 50%),radial-gradient(ellipse at 95% 95%,#74c5b6 0,transparent 55%),linear-gradient(130deg,#286557,#176a80)}& .learn-cover-memory{background:radial-gradient(ellipse at 80% 0,#e2c0ef 0,transparent 55%),radial-gradient(ellipse at 5% 95%,#afb6f3 0,transparent 55%),linear-gradient(130deg,#7960b1,#7052b0)}& .learn-cover-updates{background:radial-gradient(ellipse at 5% 5%,#f5dc9c 0,transparent 55%),radial-gradient(ellipse at 95% 100%,#b3c5a1 0,transparent 55%),linear-gradient(130deg,#926d38,#927748)}& .learn-cover[data-variant="1"]{background-position:15% 60%;background-size:130% 130%}& .learn-cover[data-variant="2"]{background-position:90% 30%;background-size:150% 150%}& .learn-cover svg{display:block;width:100%;height:100%;transition:transform .3s ease}& .learn-feature .learn-cover{aspect-ratio:2.8/1}& .learn-feature .learn-cover svg{position:absolute;top:-18%;height:136%}& :is(.learn-feature,.learn-story) a:hover .learn-cover svg{transform:scale(1.025)}& .learn-story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:19px 0 10px;color:var(--muted);font-size:11px;line-height:1.6}& .learn-story-meta time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}& .learn-feature h2{font-size:25px;line-height:1.5;font-weight:500;letter-spacing:-.02em;margin:0 0 9px;text-wrap:pretty}& :is(.learn-feature,.learn-story) p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 14px}& .learn-read{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}& .learn-read svg{color:var(--text)}& .learn-all-stories,& .learn-path-section,& .learn-tracks-section{margin-top:62px;scroll-margin-top:95px}& .learn-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}& .learn-track{position:relative;display:flex;flex-direction:column;min-height:365px;overflow:hidden;border-radius:10px;color:white;background:#164c83;isolation:isolate}& .learn-track-teams{background:#28397c}& .learn-track-automation{background:#82391e}& .learn-track-copy{position:relative;z-index:1;padding:25px 24px 0}& .learn-track-number{font-size:9px;letter-spacing:.08em;opacity:.8}& .learn-track h3{font-size:20px;line-height:1.45;font-weight:550;margin:13px 0 10px;text-wrap:balance}& .learn-track p{font-size:12px;line-height:1.8;color:#ffffffe0;margin:0}& .learn-track .learn-cover{position:relative;margin-top:auto;border-radius:0;height:180px;aspect-ratio:auto;width:100%;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}& .learn-track .learn-cover svg{height:200px;width:100%;object-fit:cover}& .learn-track-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;font-size:11px;background:#00000018}& .learn-track:hover .learn-cover svg{transform:translateY(-4px)}& .learn-track:hover{outline:1px solid #ffffff80;outline-offset:2px}& .learn-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}& .learn-story h3{font-size:17px;line-height:1.55;font-weight:500;margin:0 0 10px;text-wrap:pretty}& .learn-story p{font-size:12px;line-height:1.8}& :is(.learn-feature,.learn-story) a:hover :is(h2,h3){color:var(--accent-text)}& .learn-clear{font:inherit;color:var(--text);padding:5px 9px;border-radius:5px;border:1px solid var(--line-strong);background:transparent;cursor:pointer;margin-left:14px}& .learn-reading-path{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}& .learn-reading-path li{border-bottom:1px solid var(--line)}& .learn-reading-path a{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:18px;align-items:center;color:var(--text);padding:21px 12px;font-size:15px;line-height:1.6}& .learn-reading-path a>span{color:var(--muted);font-size:12px}& .learn-reading-path small{display:block;font-size:11px;color:var(--muted);margin-top:5px}& .learn-reading-path a:hover{background:#191a1e}& .blog-empty{text-align:center;padding:70px 16px}& .blog-empty h2{font-size:23px}& .blog-empty p{color:var(--muted);font-size:14px;line-height:1.8}@media (max-width:1150px){& .learn-tracks{gap:14px}& .learn-track-copy{padding:20px 16px 0}& .learn-track h3{font-size:18px}& .learn-track-bottom{padding:15px 16px}& .learn-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){& .section-block.page-top.blog-index{padding-top:82px}& .blog-index .blog-index-shell{width:calc(100% - 40px)}& .learn-layout{display:block}& .learn-sidebar{display:none}& .learn-mobile-nav{display:block;border-bottom:1px solid var(--line);margin-bottom:12px}& .learn-mobile-nav summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;font-size:12px;cursor:pointer}& .learn-mobile-nav summary:after{content:"+"}& .learn-mobile-nav[open] summary:after{content:"−"}& .learn-mobile-nav summary>span{color:var(--muted);margin-left:auto}& .learn-mobile-nav nav{padding-bottom:20px}& .learn-hero{padding:27px 0 38px}& .learn-hero h1{font-size:29px}& .learn-hero>p:not(.learn-eyebrow){font-size:13px}& .learn-pills{gap:6px}& .learn-pills a{font-size:11px;padding:6px 10px}& .learn-feature h2{font-size:21px}& .learn-feature .learn-cover{aspect-ratio:1.8/1}& .learn-feature .learn-cover svg{top:0;height:100%}& .learn-section-heading{margin-bottom:18px;gap:12px}& .learn-section-heading h2,& .learn-section-heading>p{font-size:16px}& .learn-section-heading>a,& .learn-section-heading>span{font-size:11px}& .learn-all-stories,& .learn-path-section,& .learn-tracks-section{margin-top:44px}}@media (max-width:560px){& .learn-stories,& .learn-tracks{grid-template-columns:minmax(0,1fr)}& .learn-tracks{gap:18px}& .learn-track{min-height:355px}& .learn-track-copy{padding:23px 24px 0}& .learn-track h3{font-size:22px}& .learn-track p{font-size:13px}& .learn-track .learn-cover{height:160px}& .learn-track .learn-cover svg{height:180px}& .learn-track-bottom{padding:15px 24px}& .learn-story h3{font-size:19px}& .learn-story p{font-size:13px}& .learn-reading-path a{gap:12px;grid-template-columns:24px minmax(0,1fr) 12px;padding:18px 0;font-size:14px}}}