.site-shell{flex-direction:column;min-block-size:100dvh;display:flex}.site-shell__main{inline-size:100%;max-inline-size:920px;padding-inline:var(--ds-space-6);padding-block:var(--ds-space-12);flex:1;margin-inline:auto}@media (min-width:768px){.site-shell__main{padding-block:var(--ds-space-16)}}.site-header{z-index:10;border-block-end:1px solid var(--ds-color-border);background-color:color-mix(in srgb,var(--ds-color-bg)88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;inset-block-start:0}.site-header__inner{inline-size:100%;max-inline-size:1100px;padding-inline:var(--ds-space-6);justify-content:space-between;align-items:center;block-size:56px;margin-inline:auto;display:flex}.site-header__brand{letter-spacing:-.02em;color:var(--ds-color-text);font-weight:600;text-decoration:none}.site-header__nav{gap:var(--ds-space-5);align-items:center;display:none}@media (min-width:768px){.site-header__nav{display:flex}}.site-header__nav-link{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);text-decoration:none;transition:color .12s}.site-header__nav-link:hover,.site-header__nav-link[aria-current=page]{color:var(--ds-color-text)}.site-footer{border-block-start:1px solid var(--ds-color-border);padding-block:var(--ds-space-8)}.site-footer__inner{gap:var(--ds-space-3);inline-size:100%;max-inline-size:1100px;padding-inline:var(--ds-space-6);font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);flex-direction:column;margin-inline:auto;display:flex}@media (min-width:640px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}.site-footer__link{color:var(--ds-color-text-secondary);text-decoration:none}.site-footer__link:hover{color:var(--ds-color-text)}.page-header{margin-block-end:var(--ds-space-10)}.page-header__eyebrow{padding-inline:var(--ds-space-2);padding-block:var(--ds-space-1);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-xs);letter-spacing:.04em;color:var(--ds-color-text-tertiary);text-transform:uppercase;margin-block-end:var(--ds-space-3);display:inline-block}.page-header__title{font-size:var(--ds-text-4xl);letter-spacing:-.02em;margin-block-end:var(--ds-space-3)}.page-header__lede{font-size:var(--ds-text-lg);color:var(--ds-color-text-secondary);max-inline-size:60ch;line-height:1.5}.section{margin-block-end:var(--ds-space-12)}.section__title{font-size:var(--ds-text-2xl);letter-spacing:-.01em;margin-block-end:var(--ds-space-4)}.section__lede{color:var(--ds-color-text-secondary);max-inline-size:60ch;margin-block-end:var(--ds-space-6)}.prose-block p{color:var(--ds-color-text-secondary);margin-block:var(--ds-space-3);max-inline-size:65ch;line-height:1.65}.tile-grid{gap:var(--ds-space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.tile-grid--2{grid-template-columns:repeat(2,1fr)}.tile-grid--3{grid-template-columns:repeat(3,1fr)}}.tile{gap:var(--ds-space-3);padding:var(--ds-space-5);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.tile:hover{border-color:var(--ds-color-text-tertiary);transform:translateY(-1px)}.tile__index{font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);letter-spacing:.04em}.tile__title{font-size:var(--ds-text-lg);letter-spacing:-.01em}.tile__desc{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);line-height:1.55}.tile__cta{font-size:var(--ds-text-sm);color:var(--ds-color-text);margin-block-start:auto;padding-block-start:var(--ds-space-2)}.hero{gap:var(--ds-space-4);padding-block:var(--ds-space-8);flex-direction:column;margin-block-end:var(--ds-space-12);display:flex}.hero__eyebrow{font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);letter-spacing:.06em;text-transform:uppercase}.hero__title{font-size:var(--ds-text-4xl);letter-spacing:-.03em;line-height:1.1}@media (min-width:768px){.hero__title{font-size:var(--ds-text-5xl)}}.hero__lede{font-size:var(--ds-text-lg);color:var(--ds-color-text-secondary);max-inline-size:60ch;line-height:1.5}.steps{gap:var(--ds-space-8);counter-reset:step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.steps__item{gap:var(--ds-space-5);counter-increment:step;grid-template-columns:auto 1fr;display:grid}.steps__item:before{content:counter(step,decimal-leading-zero);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);block-size:36px;inline-size:36px;font-size:var(--ds-text-sm);color:var(--ds-color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.steps__title{font-size:var(--ds-text-lg);letter-spacing:-.01em;margin-block-end:var(--ds-space-2)}.steps__body{color:var(--ds-color-text-secondary);line-height:1.65}.steps__body p{margin-block:var(--ds-space-2)}.steps__body a{color:var(--ds-color-text);text-underline-offset:3px}.steps__body code{padding-inline:var(--ds-space-2);background-color:var(--ds-color-surface-muted);border-radius:var(--ds-radius-sm);padding-block:1px;font-size:.92em;display:inline-block}.steps__body pre{margin-block:var(--ds-space-3);padding:var(--ds-space-4);background-color:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);line-height:1.55;overflow-x:auto}.glossary{flex-direction:column;display:flex}.glossary__group{border-block-end:1px solid var(--ds-color-border);padding-block:var(--ds-space-6)}.glossary__group:last-child{border-block-end:none}.glossary__letter{font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);letter-spacing:.1em;margin-block-end:var(--ds-space-4)}.glossary__item{gap:var(--ds-space-1);padding-block:var(--ds-space-3);grid-template-columns:1fr;display:grid}@media (min-width:768px){.glossary__item{gap:var(--ds-space-6);padding-block:var(--ds-space-2);grid-template-columns:200px 1fr}}.glossary__term{letter-spacing:-.01em;color:var(--ds-color-text);font-weight:600}.glossary__def{color:var(--ds-color-text-secondary);line-height:1.6}.site-header__right{align-items:center;gap:var(--ds-space-2);display:flex}.site-shell__main{padding-block-end:calc(var(--ds-space-12) + 72px)}@media (min-width:768px){.site-shell__main{padding-block-end:var(--ds-space-16)}}.site-tabbar{z-index:11;border-block-start:1px solid var(--ds-color-border);background-color:color-mix(in srgb,var(--ds-color-bg)92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(6,1fr);padding-block-end:env(safe-area-inset-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}@media (min-width:768px){.site-tabbar{display:none}}.site-tabbar__item{padding-block:var(--ds-space-2);padding-inline:var(--ds-space-1);font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-block-size:56px;text-decoration:none;transition:color .12s;display:flex}.site-tabbar__item:hover,.site-tabbar__item[aria-current=page]{color:var(--ds-color-text)}.site-tabbar__label{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-inline-size:100%;overflow:hidden}.codeblock{margin-block:var(--ds-space-3);position:relative}.codeblock pre{padding:var(--ds-space-4);background-color:var(--ds-color-surface-muted);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);font-size:var(--ds-text-sm);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:0;padding-inline-end:calc(var(--ds-space-4) + 40px);line-height:1.55}.codeblock__copy{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background-color:var(--ds-color-bg);block-size:28px;inline-size:28px;color:var(--ds-color-text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:color .12s,border-color .12s;display:inline-flex;position:absolute;inset-block-start:var(--ds-space-2);inset-inline-end:var(--ds-space-2)}.codeblock__copy:hover{color:var(--ds-color-text);border-color:var(--ds-color-text-tertiary)}.codeblock__copy:focus-visible{outline:2px solid var(--ds-color-text);outline-offset:2px}.claude-mark{padding-inline:var(--ds-space-2);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background-color:var(--ds-color-surface-muted);vertical-align:baseline;align-items:center;gap:6px;padding-block:1px;font-size:.92em;display:inline-flex}.article{max-inline-size:70ch;color:var(--ds-color-text-secondary);line-height:1.65}.article p{margin-block:var(--ds-space-4)}.article h2{font-size:var(--ds-text-xl);letter-spacing:-.01em;color:var(--ds-color-text);margin-block-start:var(--ds-space-8);margin-block-end:var(--ds-space-3)}.article ul,.article ol{margin-block:var(--ds-space-3);padding-inline-start:var(--ds-space-6)}.article li{margin-block:var(--ds-space-2)}.article a{color:var(--ds-color-text);text-underline-offset:3px}.article strong{color:var(--ds-color-text);font-weight:600}.article code{padding-inline:var(--ds-space-2);background-color:var(--ds-color-surface-muted);border-radius:var(--ds-radius-sm);padding-block:1px;font-size:.92em;display:inline-block}.back-link{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-color-text-tertiary);margin-block-end:var(--ds-space-6);text-decoration:none;transition:color .12s;display:inline-flex}.back-link:hover{color:var(--ds-color-text)}.article-nav{gap:var(--ds-space-3);border-block-start:1px solid var(--ds-color-border);grid-template-columns:1fr 1fr;margin-block-start:var(--ds-space-12);padding-block-start:var(--ds-space-6);display:grid}.article-nav__link{gap:var(--ds-space-2);padding:var(--ds-space-4);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .14s;display:flex}.article-nav__link:hover{border-color:var(--ds-color-text-tertiary)}.article-nav__link--next{text-align:end;align-items:end}.article-nav__direction{font-size:var(--ds-text-xs);color:var(--ds-color-text-tertiary);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.article-nav__title{font-size:var(--ds-text-sm);color:var(--ds-color-text);letter-spacing:-.01em}.site-tabbar{grid-template-columns:repeat(5,1fr)}.site-tabbar__item{cursor:pointer;background:0 0;border:none;font-family:inherit}.site-tabbar__menu{inset-inline:var(--ds-space-3);z-index:12;padding:var(--ds-space-2);background-color:var(--ds-color-surface);border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:0 8px 32px color-mix(in srgb,var(--ds-color-bg)30%,transparent);flex-direction:column;animation:.16s ease-out site-tabbar-menu-in;display:flex;position:fixed;inset-block-end:calc(56px + env(safe-area-inset-bottom) + var(--ds-space-3))}.site-tabbar__menu-item{align-items:center;gap:var(--ds-space-3);padding-inline:var(--ds-space-3);padding-block:var(--ds-space-3);font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary);border-radius:var(--ds-radius-sm);text-decoration:none;transition:background-color .12s,color .12s;display:flex}.site-tabbar__menu-item:hover{background-color:var(--ds-color-surface-muted);color:var(--ds-color-text)}.site-tabbar__menu-item[aria-current=page]{background-color:var(--ds-color-surface-active);color:var(--ds-color-text)}.site-tabbar__backdrop{z-index:11;background-color:color-mix(in srgb,var(--ds-color-bg)60%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;border:none;animation:.16s ease-out site-tabbar-backdrop-in;position:fixed;inset:0}@media (min-width:768px){.site-tabbar__menu,.site-tabbar__backdrop{display:none}}@keyframes site-tabbar-menu-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes site-tabbar-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.site-tabbar__menu,.site-tabbar__backdrop{animation:none}}.article h3{font-size:var(--ds-text-lg);letter-spacing:-.005em;color:var(--ds-color-text);margin-block-start:var(--ds-space-6);margin-block-end:var(--ds-space-3)}.resource-meta{gap:var(--ds-space-2)var(--ds-space-4);font-size:var(--ds-text-sm);color:var(--ds-color-text-tertiary);flex-wrap:wrap;margin-block-end:var(--ds-space-8);padding:0;list-style:none;display:flex}.resource-meta li{align-items:center;gap:6px;display:inline-flex}.resource-meta a{color:var(--ds-color-text);align-items:center;gap:6px;text-decoration:none;transition:color .12s;display:inline-flex}.resource-meta a:hover{color:var(--ds-color-text-secondary)}.external-list{border-block-start:1px solid var(--ds-color-border);margin:0;padding:0;list-style:none}.external-list li{border-block-end:1px solid var(--ds-color-border)}.external-list__item{gap:var(--ds-space-4);padding-block:var(--ds-space-4);color:var(--ds-color-text);grid-template-columns:220px 1fr auto;align-items:center;text-decoration:none;transition:background-color .12s;display:grid}.external-list__item:hover{background-color:var(--ds-color-surface-muted)}.external-list__url{font-family:var(--ds-font-mono);font-size:var(--ds-text-base);color:var(--ds-color-text);letter-spacing:-.01em;padding-inline-start:var(--ds-space-2)}.external-list__item:hover .external-list__url{text-underline-offset:3px;text-decoration:underline}.external-list__desc{font-size:var(--ds-text-sm);color:var(--ds-color-text-secondary)}.external-list__arrow{color:var(--ds-color-text-tertiary);margin-inline-end:var(--ds-space-3)}@media (max-width:640px){.external-list__item{padding-block:var(--ds-space-3);grid-template-rows:auto auto;grid-template-columns:1fr auto}.external-list__url{grid-area:1/1}.external-list__arrow{grid-area:1/2}.external-list__desc{grid-area:2/1/auto/-1}}.site-header__brand{align-items:center;gap:var(--ds-space-2);display:inline-flex}.site-footer__socials{align-items:center;gap:var(--ds-space-4);flex-wrap:wrap;display:inline-flex}.site-footer__socials a{align-items:center;gap:6px;display:inline-flex}
body{--ds-font-display:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;--ds-font-sans:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;--ds-font-mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;background-color:var(--ds-color-bg);color:var(--ds-color-text);font-family:var(--ds-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--ds-color-text);color:var(--ds-color-bg)}