@layer pages{.blog-list{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.blog-card{display:flex;flex-direction:column;gap:var(--s-2);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);padding:var(--s-6);color:var(--ink);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.blog-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md)}.blog-card-meta{font-size:var(--fs-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.blog-card h2{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4)}.blog-card p{font-size:var(--fs-tagline);color:var(--ink-2)}.blog-card-more{display:inline-flex;margin-top:var(--s-3);color:var(--link)}.blog-back,.blog-card-more{align-items:center;gap:var(--s-2);font-size:var(--fs-tagline)}.blog-back{display:flex;width:-moz-fit-content;width:fit-content;margin-bottom:var(--s-5);color:var(--ink-3)}.blog-back:hover{color:var(--ink)}.blog-back-arrow{transform:rotate(180deg)}.blog-side-title{font-size:var(--fs-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:var(--s-3);line-height:1.4}.blog-toc{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-5);margin-bottom:var(--s-7)}.blog-toc ol{list-style:decimal;padding-left:1.25em;color:var(--ink-2)}.blog-toc li+li{margin-top:var(--s-2)}.blog-toc a{color:var(--ink-2)}.blog-toc a:hover{color:var(--ink)}.blog-body h2{scroll-margin-top:var(--s-9)}.blog-tip{border-left:2px solid var(--line-2);padding-left:var(--s-4);color:var(--ink-2)}.blog-cta{margin-top:var(--s-6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:var(--s-5)}.blog-cta .row-wrap{margin-top:var(--s-4)}.blog-video{margin-top:var(--s-6)}.blog-hero-video .blog-video{margin-top:0}.blog-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-md)}.blog-video figcaption{margin-top:var(--s-3);font-size:var(--fs-sub);color:var(--ink-3)}.blog-related{margin-top:var(--s-8);padding-top:var(--s-6);border-top:1px solid var(--line)}.blog-related li+li{margin-top:var(--s-2)}.blog-band-row{justify-content:center}.sg-band{position:relative;padding:var(--s-6);border-radius:var(--r-md);border:1px solid var(--line);overflow:clip}.sg-band-label{position:absolute;top:var(--s-3);right:var(--s-4);font-size:var(--fs-sub);color:var(--ink-3)}.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-gap:var(--s-3);gap:var(--s-3);margin-top:var(--s-4)}.sg-swatch{display:grid;grid-gap:var(--s-1);gap:var(--s-1);font-size:var(--fs-sub)}.sg-swatch code{color:var(--ink)}.sg-swatch small{color:var(--ink-3);font-size:var(--fs-sub)}.sg-chip{display:block;width:100%;height:2.75rem;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--accent)}.sg-accent{display:grid;grid-template-columns:8rem 1fr 1fr 1fr 3rem;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.sg-accent:last-child{border-bottom:0}.sg-accent .sg-chip{height:1.75rem}.sg-accent-name{font-size:var(--fs-tagline);color:var(--ink)}.sg-type>*+*{margin-top:var(--s-4)}.sg-kbd{display:inline-block;padding:1px 7px;font-size:.82em;border:solid var(--line-2);border-width:1px 1px 2px;border-radius:.4rem}.sg-tokens{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));grid-gap:var(--s-6);gap:var(--s-6)}.sg-token-group h4{margin-bottom:var(--s-3)}.sg-token-group dl{display:grid;grid-gap:var(--s-2);gap:var(--s-2);font-size:var(--fs-sub)}.sg-token-group dt code{color:var(--ink)}.sg-token-group dt small{margin-left:var(--s-2);color:var(--ink-3)}.sg-token-group dd,.sg-token-group dd code{color:var(--ink-2)}.sg-radii{display:flex;flex-wrap:wrap;gap:var(--s-4)}.sg-r{display:grid;place-items:center;width:7rem;height:4.5rem;background:var(--surface);border:1px solid var(--line);font-size:var(--fs-sub);color:var(--ink-2)}code{font-family:var(--font-mono);font-size:.9em}}@layer pages{}@layer tokens, base, components, utilities, pages;@font-face{font-family:satoshi;src:url(/_next/static/media/d9396795aa5ec363-s.p.woff2) format("woff2");font-display:swap;font-weight:300 900;font-style:normal}@font-face{font-family:satoshi;src:url(/_next/static/media/7c85d340480eabe7-s.p.woff2) format("woff2");font-display:swap;font-weight:300 900;font-style:italic}@font-face{font-family:satoshi Fallback;src:local("Arial");ascent-override:92.36%;descent-override:21.95%;line-gap-override:9.14%;size-adjust:109.35%}.__className_c5a951{font-family:satoshi,satoshi Fallback}.__variable_c5a951{--font-satoshi:"satoshi","satoshi Fallback"}