/* Blog pages, drawn in the site's own colors and fonts. */
.xb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 max(1.25rem,env(safe-area-inset-left,0px))}
@media (min-width:640px){.xb-wrap{padding:0 2rem}}
.xb-narrow{max-width:820px}
.xb-hero{position:relative;padding:3.5rem 0 2rem;background:radial-gradient(ellipse 60% 70% at 85% 0%,rgb(37 99 235/.28),rgb(139 92 246/.1) 45%,transparent 70%)}
@media (min-width:640px){.xb-hero{padding-top:5rem}}
.xb-crumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 1.5rem;padding:0;font:500 .72rem var(--font-jetbrains),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#7b879b}
.xb-crumbs li{display:flex;gap:.5rem;min-width:0}
.xb-crumbs a{color:#7b879b;text-decoration:none}.xb-crumbs a:hover{color:#22e4ff}
.xb-crumbs [aria-current]{color:#c8d2df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.xb-eyebrow{margin:0 0 1rem;font:500 .75rem var(--font-jetbrains),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em;color:#22e4ff}
.xb-h1{margin:0;max-width:22ch;font-family:var(--font-unbounded),system-ui,sans-serif;font-weight:600;font-size:clamp(1.75rem,1.25rem + 2vw,3rem);line-height:1.1;letter-spacing:-.03em;background:linear-gradient(180deg,#fff 20%,#a6b2c4);-webkit-background-clip:text;background-clip:text;color:transparent}
.xb-article .xb-h1{max-width:none}
.xb-intro{margin:1.25rem 0 0;max-width:62ch;font-size:1.125rem;line-height:1.65;color:#c8d2df}
.xb-meta{margin:.9rem 0 0;font-size:.85rem;color:#8e9bb0}
.xb-list{padding-top:1.5rem;padding-bottom:5rem}
.xb-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.xb-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgb(148 163 184/.18);border-radius:1.25rem;background:rgb(7 13 28/.7);transition:border-color .3s,transform .3s}
.xb-card:hover{border-color:rgb(34 228 255/.4);transform:translateY(-2px)}
.xb-card-img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.xb-card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;flex:1}
.xb-card .xb-meta{margin:0}
.xb-card-title{margin:0;font-family:var(--font-unbounded),system-ui,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.xb-card-title a{color:#f8fafc;text-decoration:none}.xb-card-title a:hover{color:#22e4ff}
.xb-card-excerpt{margin:0;color:#a6b2c4;font-size:.95rem;line-height:1.6;flex:1}
.xb-more{color:#22e4ff;text-decoration:none;font-weight:500;font-size:.92rem}
.xb-pager{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2.5rem;color:#8e9bb0}
.xb-pager a{color:#f8fafc;border:1px solid rgb(148 163 184/.32);border-radius:999px;padding:.6rem 1.1rem;text-decoration:none}
.xb-empty{padding:3rem 1.5rem;text-align:center;border:1px dashed rgb(148 163 184/.3);border-radius:1.25rem;color:#c8d2df}
.xb-empty a,.xb-prose a,.xb-note a{color:#22e4ff}
.xb-cover{display:block;width:100%;height:auto;border-radius:1.25rem;border:1px solid rgb(148 163 184/.18);margin:.5rem 0 2rem}
.xb-toc{margin:0 0 2rem;padding:1.1rem 1.4rem;border:1px solid rgb(148 163 184/.18);border-radius:1rem;background:rgb(7 13 28/.7)}
.xb-toc p{margin:0 0 .5rem;font:500 .72rem var(--font-jetbrains),monospace;text-transform:uppercase;letter-spacing:.12em;color:#7b879b}
.xb-toc ol{margin:0;padding-left:1.2rem;color:#8e9bb0;list-style:decimal}.xb-toc li{margin:.3rem 0}
.xb-toc a{color:#c8d2df;text-decoration:none}.xb-toc a:hover{color:#22e4ff}
.xb-prose{color:#c8d2df;font-size:1.08rem;line-height:1.8;overflow-wrap:break-word}
.xb-prose>*:first-child{margin-top:0}
.xb-prose h2,.xb-prose h3,.xb-prose h4{color:#f8fafc;font-family:var(--font-unbounded),system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.25;scroll-margin-top:6rem}
.xb-prose h2{font-size:1.5rem;margin:2.6rem 0 1rem}.xb-prose h3{font-size:1.2rem;margin:2rem 0 .75rem}.xb-prose h4{font-size:1.05rem;margin:1.6rem 0 .5rem}
.xb-prose p,.xb-prose ul,.xb-prose ol{margin:0 0 1.25rem}
.xb-prose ul{list-style:disc;padding-left:1.4rem}.xb-prose ol{list-style:decimal;padding-left:1.4rem}.xb-prose li{margin:.35rem 0;padding-left:.2rem}.xb-prose li::marker{color:#22e4ff}
.xb-prose strong{color:#f8fafc}
.xb-prose img{display:block;max-width:100%;height:auto;border-radius:1rem;margin:1.75rem 0}
.xb-prose blockquote{margin:1.75rem 0;padding:.25rem 0 .25rem 1.25rem;border-left:3px solid #5eead4;color:#e2e8f0;font-style:italic}
.xb-prose code{font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.88em;background:#0c1730;padding:.15em .4em;border-radius:6px}
.xb-prose pre{overflow-x:auto;background:#070d1c;border:1px solid rgb(148 163 184/.18);border-radius:1rem;padding:1rem 1.2rem}
.xb-prose pre code{background:none;padding:0}
.xb-prose hr{border:0;height:1px;background:rgb(148 163 184/.2);margin:2.5rem 0}
.xb-note{margin:2.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgb(148 163 184/.18);color:#7b879b;font-size:.85rem}
.xb-cta{margin:2.5rem 0 0;padding:2rem;border-radius:1.25rem;border:1px solid rgb(34 228 255/.25);background:radial-gradient(circle at 100% 0%,rgb(34 228 255/.14),transparent 60%),#070d1c;text-align:center}
.xb-cta h2{margin:0;font-family:var(--font-unbounded),system-ui,sans-serif;font-size:1.35rem;color:#f8fafc;letter-spacing:-.02em}
.xb-cta p{margin:.6rem auto 1.25rem;max-width:46ch;color:#a6b2c4}
.xb-btn{display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:0 1.5rem;border-radius:999px;background:#f8fafc;color:#03050b;font-weight:600;text-decoration:none}
.xb-btn:hover{background:#fff}
.xb-related{padding:3.5rem 0 5rem}
.xb-related h2{margin:0 0 1.25rem;font-family:var(--font-unbounded),system-ui,sans-serif;font-size:1.35rem;color:#f8fafc}
.xb-article>.xb-wrap{padding-bottom:1rem}