.prose{color:var(--color-text-primary);font-size:var(--text-body-lg);line-height:var(--leading-body-lg);letter-spacing:var(--tracking-body-lg)}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose figure,.prose hr{margin-block:var(--spacing-24) 0}.prose .table-flow,.prose .terminal-flow,.prose .checklist,.prose .demo-button{margin-block:var(--spacing-32) 0}.prose .cta-flow{margin-block:var(--spacing-40) 0}.prose h2{margin-block:var(--spacing-56) var(--spacing-16);font-weight:var(--font-weight-bold)}.prose h3{margin-block:var(--spacing-40) var(--spacing-16);font-weight:var(--font-weight-bold)}.prose h4{margin-block:var(--spacing-32) var(--spacing-8);font-size:var(--text-subheading);font-weight:var(--font-weight-bold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading);color:var(--color-text-primary)}.prose :is(h2,h3,h4) :is(strong,b){font-weight:inherit}.prose :is(h2,h3,h4) :is(em,i){font-style:inherit}.prose p.label{margin-block:var(--spacing-32) var(--spacing-8);color:var(--color-text-primary);font-size:var(--text-subheading);font-weight:var(--font-weight-bold);line-height:var(--leading-subheading);letter-spacing:var(--tracking-subheading)}.prose>:first-child,.prose>*>:first-child{margin-block-start:0}.prose ul{padding-inline-start:var(--spacing-24)}.prose ol{--lane:24px;counter-reset:item;padding-inline-start:calc(var(--lane) + var(--spacing-16));list-style:none}.prose ol>li{counter-increment:item;position:relative}.prose ol>li:before{content:counter(item);width:var(--lane);font-family:var(--font-mono);font-size:var(--text-caption);line-height:calc(var(--text-body-lg) * var(--leading-body-lg));letter-spacing:.02em;color:var(--color-text-caption);position:absolute;inset-inline-start:calc(-1 * (var(--lane) + var(--spacing-16)))}.prose li+li{margin-block-start:var(--spacing-8)}.prose ol>li+li{margin-block-start:var(--spacing-16)}.prose :is(h2,h3,h4):target{position:relative}.prose :is(h2,h3,h4):target:after{content:"";background:var(--color-text-primary);transform-origin:0;height:2px;animation:heading-landed var(--motion-hold) var(--ease-out) both;pointer-events:none;position:absolute;inset-block-start:100%;inset-inline:0}@keyframes heading-landed{0%{opacity:1;transform:scaleX(0)}15%{opacity:1;transform:scaleX(1)}80%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.prose :is(h2,h3,h4):target:after{animation:heading-landed-still var(--motion-hold) var(--ease-out) both}@keyframes heading-landed-still{0%,80%{opacity:1}to{opacity:0}}}.prose img{border-radius:var(--radius-image)}.prose blockquote{padding-block:var(--spacing-8);border-inline-start:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm);letter-spacing:var(--tracking-heading-sm);margin-inline:0;padding-inline-start:var(--spacing-24)}.prose blockquote p+p{color:var(--color-text-secondary);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm);margin-block-start:var(--spacing-16)}.prose pre{padding:var(--spacing-24);border-radius:var(--radius-code-panel);background:var(--surface-code-panel);color:var(--color-text-on-dark);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.prose :not(pre)>code{border-radius:var(--radius-small-ui);background:var(--surface-warm-cream);font-size:var(--text-body);padding:2px 6px}.prose .table-flow{justify-content:center;display:flex}.prose .table-scroll{border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(to right, var(--surface-canvas) 60%, transparent) local, linear-gradient(to left, var(--surface-canvas) 60%, transparent) local, radial-gradient(farthest-side at 0 50%, #0000001f, transparent) scroll, radial-gradient(farthest-side at 100% 50%, #0000001f, transparent) scroll;background-color:var(--surface-canvas);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:32px 100%,32px 100%,12px 100%,12px 100%;max-width:100%;overflow-x:auto}.prose table{border-collapse:collapse;font-size:var(--text-body-sm);line-height:var(--leading-body-sm);letter-spacing:var(--tracking-body-sm)}.prose thead :is(th,td){padding:var(--spacing-16) var(--spacing-24);background:var(--surface-canvas);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption);letter-spacing:.02em;font-weight:var(--font-weight-regular);color:var(--color-text-caption);text-align:start;white-space:nowrap}.prose tbody td{min-width:10rem;padding:var(--spacing-16) var(--spacing-24);border-block-start:1px solid var(--color-border);vertical-align:top;text-align:start}.prose tbody td:first-child{font-weight:var(--font-weight-bold)}@media (width<=48rem){.prose h2{font-size:var(--text-heading-lg);letter-spacing:var(--tracking-heading-lg)}.prose thead :is(th,td),.prose tbody td{padding:12px var(--spacing-16)}.prose tbody td{min-width:8rem}.prose table:not(:has(td:nth-child(3))){display:block}.prose table:not(:has(td:nth-child(3))) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.prose table:not(:has(td:nth-child(3))) tbody,.prose table:not(:has(td:nth-child(3))) tr,.prose table:not(:has(td:nth-child(3))) td{min-width:0;display:block}.prose table:not(:has(td:nth-child(3))) tr{padding:var(--spacing-16)}.prose table:not(:has(td:nth-child(3))) tr+tr{border-block-start:1px solid var(--color-border)}.prose table:not(:has(td:nth-child(3))) td{border:0;padding:0}.prose table:not(:has(td:nth-child(3))) td+td{margin-block-start:var(--spacing-8)}}.prose h2+*,.prose h3+*,.prose h4+*,.prose p.label+*{margin-block-start:0}
