.blog-shell{--blog-muted:hsl(213 16% 70%);background:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh}.blog-container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.blog-shell a,.blog-shell button,.blog-shell input{transition:color .18s,background-color .18s,border-color .18s}.blog-header{border-bottom:1px solid hsl(var(--border));background:hsl(var(--background))}.blog-header-inner{min-height:94px;display:flex;align-items:center;gap:42px}.blog-header img{display:block;max-width:100%}.blog-header nav{display:flex;gap:30px;align-items:center;margin-left:auto;font-size:14px;color:var(--blog-muted)}.blog-header nav a:hover,.blog-current{color:hsl(var(--foreground))}.blog-current{border-bottom:2px solid hsl(var(--secondary));padding-block:34px}.blog-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));padding:15px 21px;border-radius:7px;font-weight:650;line-height:1.3;text-align:center;border:1px solid transparent}.blog-button:hover{background:#5bdff1}.blog-button-small{font-size:13px;padding:11px 15px}.blog-skip{position:absolute;left:16px;top:-100px;z-index:100;background:hsl(var(--secondary));color:hsl(var(--background));padding:12px}.blog-skip:focus{top:8px}.blog-intro{padding:65px 0 40px}.blog-intro h1{font-size:clamp(34px,4.3vw,58px);font-weight:700;font-variation-settings:"wdth" 108;letter-spacing:-.04em;line-height:1.08;max-width:1000px}.blog-intro>p{font-size:18px;line-height:1.65;color:var(--blog-muted);max-width:750px;margin-top:18px}.blog-back{display:inline-block;color:hsl(var(--secondary));font-size:14px;margin-bottom:20px}.blog-feature{display:grid;grid-template-columns:1.05fr 1fr;background:#10161e;border:1px solid hsl(213 26% 20%);border-radius:12px;overflow:hidden;margin-bottom:45px}.blog-feature-copy{padding:38px 40px;display:flex;align-items:flex-start;flex-direction:column}.blog-feature-label{font-size:13px;color:var(--blog-muted);margin-bottom:26px}.blog-category{font-size:13px;font-weight:600;display:inline-block;margin-bottom:12px;color:hsl(var(--secondary))}.blog-category:hover{text-decoration:underline;text-underline-offset:4px}.blog-category-ember{color:#faa166}.blog-category-blue{color:#88b4fc}.blog-category-violet{color:#c2a1f7}.blog-category-green{color:#7fe1b6}.blog-feature h2{font-size:clamp(25px,2.5vw,35px);font-weight:650;letter-spacing:-.025em;line-height:1.16;max-width:540px}.blog-feature h2 a:hover{color:hsl(var(--secondary))}.blog-feature-copy>p{color:var(--blog-muted);line-height:1.65;margin-top:17px;font-size:15px}.blog-meta{display:flex;flex-wrap:wrap;-moz-column-gap:18px;column-gap:18px;row-gap:6px;font-size:12px;color:var(--blog-muted);line-height:1.5}.blog-meta>span:first-child{flex-basis:100%;color:#d0d6dd}.blog-feature .blog-meta{margin-top:23px}.blog-feature .blog-text-link{margin-top:25px}.blog-text-link{display:inline-flex;gap:10px;align-items:center;color:hsl(var(--secondary));font-size:14px;font-weight:600}.blog-text-link:hover{text-decoration:underline;text-underline-offset:4px}.blog-feature-image{display:flex;min-height:100%;background:#0f1b2a;align-items:stretch}.blog-feature-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-discovery{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding-bottom:24px;border-bottom:1px solid hsl(var(--border));margin-bottom:35px}.blog-topics{display:flex;flex-wrap:wrap;gap:6px;flex:1}.blog-topics a{padding:9px 12px;border-radius:6px;color:var(--blog-muted);font-size:13px;white-space:nowrap}.blog-topics a:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.blog-topics a[aria-current=page]{background:#112e32;color:#6ee3f2}.blog-search{display:flex;align-items:center;gap:10px;padding:10px 12px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:6px;color:var(--blog-muted);width:240px}.blog-search:focus-within{border-color:hsl(var(--secondary))}.blog-search input{background:none;outline:0;width:100%;min-width:0;font-size:13px;color:hsl(var(--foreground))}.blog-search button{flex-shrink:0}.blog-search input::-webkit-search-cancel-button{display:none}.blog-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.blog-section-heading h2{font-size:27px;letter-spacing:-.025em;font-weight:650}.blog-section-heading p{color:var(--blog-muted);font-size:14px;margin-top:7px;line-height:1.6}.blog-section-heading>span{font-size:13px;color:var(--blog-muted);white-space:nowrap}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.blog-card{display:flex;flex-direction:column;min-width:0}.blog-card-image{display:block;aspect-ratio:5/3;overflow:hidden;background:hsl(var(--card));border-radius:8px;margin-bottom:22px;border:1px solid hsl(var(--border))}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card .blog-category{align-self:flex-start;margin-bottom:10px}.blog-card h3{font-size:21px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-bottom:12px;overflow-wrap:anywhere}.blog-card h3 a:hover{color:hsl(var(--secondary))}.blog-card-description{color:var(--blog-muted);font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}.blog-card .blog-meta{margin-top:auto}.blog-topic-section{padding-top:45px;margin-top:45px;border-top:1px solid hsl(var(--border))}.blog-pilot{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:34px 38px;background:#111b27;border:1px solid hsl(213 33% 23%);border-left:3px solid hsl(var(--secondary));border-radius:8px;margin-block:60px}.blog-pilot-label{color:hsl(var(--secondary));font-size:13px;margin-bottom:10px}.blog-pilot h2{font-size:27px;letter-spacing:-.025em;font-weight:650;line-height:1.2}.blog-pilot p:last-child{color:var(--blog-muted);font-size:14px;line-height:1.65;max-width:600px;margin-top:12px}.blog-pilot .blog-button{flex-shrink:0;font-size:14px}.blog-footer{border-top:1px solid hsl(var(--border));margin-top:70px;padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-footer p{color:var(--blog-muted);font-size:12px;margin-top:12px}.blog-footer nav{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;color:var(--blog-muted)}.blog-footer a:hover{color:hsl(var(--secondary))}.blog-empty{padding-block:60px;line-height:1.7}.blog-empty h3{font-size:22px}.blog-empty p{color:var(--blog-muted);margin-bottom:20px}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--blog-muted);padding-top:32px;margin-bottom:35px}.blog-breadcrumb a:hover{color:hsl(var(--secondary))}.blog-article-header{max-width:920px}.blog-article-header h1{font-size:clamp(30px,3.4vw,47px);font-weight:650;letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}.blog-article-description{color:var(--blog-muted);font-size:18px;line-height:1.65;max-width:800px;margin-top:22px}.blog-article-byline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.blog-share{display:inline-flex;gap:8px;align-items:center;font-size:13px;padding:10px 13px;border:1px solid hsl(var(--border));border-radius:6px;white-space:nowrap}.blog-share:hover{background:hsl(var(--card))}.blog-share-feedback{font-size:13px;color:hsl(var(--secondary));min-height:20px;margin-top:8px}.blog-article-cover{width:100%;max-height:390px;-o-object-fit:cover;object-fit:cover;border:1px solid hsl(var(--border));border-radius:10px;margin-top:20px}.blog-reading-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;margin-top:45px;align-items:start;justify-content:center}.blog-toc{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;font-size:13px;line-height:1.5}.blog-toc summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;padding-bottom:14px;border-bottom:1px solid hsl(var(--border))}.blog-toc ol{padding-top:10px}.blog-toc li{margin-block:12px}.blog-toc a{display:block;color:var(--blog-muted)}.blog-toc a:hover{color:hsl(var(--secondary))}.blog-article-body{min-width:0;font-size:17px;line-height:1.85}.blog-article-body.article-prose{max-width:none}.blog-article-body :is(h2,h3,h4){scroll-margin-top:24px;line-height:1.3;letter-spacing:-.02em}.blog-article-body h2{font-size:27px;margin-top:42px}.blog-article-body>h2:first-child{margin-top:0}.blog-article-body :is(pre,table){max-width:100%;overflow:auto}.blog-article-body a{text-underline-offset:4px;text-decoration:underline}.blog-related{margin-top:70px;padding-top:35px;border-top:1px solid hsl(var(--border))}@media (min-width:1440px){.blog-container{width:min(1240px,calc(100% - 120px))}}@media (max-width:1000px){.blog-container{width:calc(100% - 48px)}.blog-header-inner{gap:25px}.blog-feature-copy{padding:28px}.blog-feature{grid-template-columns:1.1fr .9fr}.blog-feature h2{font-size:29px}.blog-grid{gap:30px 22px}.blog-card h3{font-size:19px}.blog-pilot{padding:28px;gap:25px}.blog-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}}@media (max-width:700px){.blog-container{width:calc(100% - 36px)}.blog-header-inner{min-height:78px;gap:16px}.blog-header img{width:125px;height:auto}.blog-header nav{gap:16px;font-size:13px}.blog-header nav a:first-child{display:none}.blog-current{padding-block:27px}.blog-header .blog-button-small{font-size:12px;padding:9px 10px;gap:6px}.blog-header .blog-button-small svg{display:none}.blog-intro{padding:39px 0 28px}.blog-intro h1{font-size:37px}.blog-intro>p{font-size:16px}.blog-feature{grid-template-columns:1fr;margin-bottom:28px}.blog-feature-copy{padding:25px;order:1}.blog-feature-image{height:215px;min-height:0}.blog-feature-image img{-o-object-position:center 43%;object-position:center 43%}.blog-feature-label{margin-bottom:16px}.blog-feature h2{font-size:28px}.blog-feature-copy>p{font-size:14px}.blog-feature .blog-meta,.blog-feature .blog-text-link{margin-top:18px}.blog-discovery{gap:16px;margin-bottom:26px}.blog-topics{flex-basis:100%;gap:5px}.blog-topics a{padding:8px 10px;font-size:12px}.blog-search{width:100%}.blog-section-heading h2{font-size:25px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.blog-card h3{font-size:18px}.blog-card-image{margin-bottom:16px}.blog-card-description{font-size:13px}.blog-meta{font-size:11px;gap:5px 10px}.blog-pilot{flex-direction:column;align-items:flex-start;gap:22px;padding:27px 23px;margin-block:40px}.blog-pilot h2{font-size:27px}.blog-topic-section{margin-top:32px;padding-top:32px}.blog-footer{flex-direction:column;align-items:flex-start;margin-top:45px}.blog-footer nav{gap:20px}.blog-reading-layout{display:flex;flex-direction:column;gap:30px;margin-top:30px}.blog-toc{position:static;max-height:none;width:100%;padding:18px;border:1px solid hsl(var(--border));border-radius:8px}.blog-toc summary{list-style:revert}.blog-toc ol{max-height:220px;overflow:auto}.blog-article-header h1{font-size:32px}.blog-article-description{font-size:16px}.blog-article-byline{align-items:flex-start;gap:14px}.blog-article-cover{max-height:230px}.blog-article-body{font-size:16px}.blog-article-body h2{font-size:25px}.blog-breadcrumb{margin-bottom:25px;padding-top:24px}}@media (max-width:460px){.blog-grid{grid-template-columns:1fr;gap:34px}.blog-card h3{font-size:23px}.blog-card-description{font-size:14px}.blog-card-image{aspect-ratio:1.9}.blog-meta{font-size:12px}.blog-section-heading{gap:12px}.blog-section-heading .blog-text-link{font-size:12px;white-space:nowrap}.blog-intro h1{font-size:34px}.blog-header-inner{gap:12px}.blog-header img{width:112px}.blog-header .blog-button-small{font-size:11px}.blog-header nav{font-size:12px}.blog-article-byline{flex-wrap:wrap}.blog-article-header h1{font-size:29px}}@media (prefers-reduced-motion:reduce){.blog-shell a,.blog-shell button,.blog-shell input{transition:none}}
