.code{border-radius:var(--surf-radius-md);background:var(--surf-block);color:var(--surf-code-text);overflow:hidden}html[data-theme=dark] .code{box-shadow:inset 0 0 0 1px var(--surf-line)}.code__head{justify-content:space-between;align-items:center;padding:10px 10px 0 18px;display:flex}.code__name{font-family:var(--surf-font-mono);color:var(--surf-on-block-tertiary);font-size:12px}:root .ui-shell.surf-btn.code__copy{--shell-fg:var(--surf-on-block-tertiary);--shell-bg-hover:#ffffff14;--shell-bg-active:#fff2;color:var(--surf-on-block-tertiary)}:root .ui-shell.surf-btn.code__copy:hover{color:var(--surf-on-block)}.code__pre{font-family:var(--surf-font-mono);tab-size:2;counter-reset:code-line;outline:none;margin:0;padding:18px 18px 24px;font-size:13.5px;line-height:1.75;overflow-x:auto}.code__pre:focus-visible{box-shadow:inset 0 0 0 2px var(--surf-accent)}.code__pre code{min-width:max-content;font:inherit;color:inherit;background:0 0;padding:0;display:block}.code__line{white-space:pre;display:block}.code__line:before{counter-increment:code-line;content:counter(code-line);text-align:right;width:2ch;color:var(--surf-code-gutter);-webkit-user-select:none;user-select:none;margin-right:1.5ch;display:inline-block}.zoom-image{cursor:zoom-in;display:block}.flow__canvas{overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:var(--surf-radius-md);padding-block:4px;overflow-x:auto}.flow__canvas:focus-visible{outline:2px solid var(--surf-ink);outline-offset:2px}.flow__canvas>svg{width:100%;max-width:var(--flow-w);min-width:var(--flow-min);height:auto;margin-inline:auto;display:block}.flow__caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:14px;display:flex}.flow__note{color:var(--surf-ink-tertiary);margin-top:10px}.flow__source{flex:none}.flow__source>summary{cursor:pointer;color:var(--surf-ink-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--surf-line);text-decoration-color:var(--surf-line);text-underline-offset:3px;list-style:none}.flow__source>summary::-webkit-details-marker{display:none}.flow__source>summary:hover{color:var(--surf-ink)}.flow__source[open]{flex-basis:100%}.flow__source[open]>summary{margin-bottom:12px}.fc{font-family:var(--surf-font-sans);letter-spacing:0;font-kerning:normal;-webkit-user-select:none;user-select:none}.fc text{fill:var(--surf-ink);font-size:14px}.fc-shape{fill:var(--surf-paper);stroke:var(--surf-ink-tertiary);stroke-width:1.25px;stroke-linejoin:round}.fc-shape-inner{fill:none;stroke:var(--surf-ink-tertiary);stroke-width:1.25px}.fc-node--diamond .fc-shape{stroke:var(--surf-ink)}.fc-node--stadium .fc-shape,.fc-node--circle .fc-shape{fill:var(--surf-surface)}.fc-line{fill:none;stroke:var(--surf-ink-muted);stroke-width:1.25px;stroke-linejoin:round}.fc-head{fill:var(--surf-ink-muted)}.fc-head--circle{fill:var(--surf-paper);stroke:var(--surf-ink-muted);stroke-width:1.25px}.fc-head--cross{fill:none;stroke:var(--surf-ink-muted);stroke-width:1.5px;stroke-linecap:round}.fc-edge--thick .fc-line{stroke:var(--surf-ink-secondary);stroke-width:2.25px}.fc-edge--thick .fc-head{fill:var(--surf-ink-secondary)}.fc-edge--dotted .fc-line{stroke-dasharray:4 4}.fc-edge--back{opacity:.7}.fc-label rect{fill:var(--surf-paper);fill-opacity:.92}.fc-label text{fill:var(--surf-ink-secondary);font-size:12px}.fc-group rect{fill:var(--surf-surface);stroke:var(--surf-line);stroke-width:1px}.fc-group text{fill:var(--surf-ink-secondary);font-size:12px;font-weight:500}.flow__stage{position:relative}.flow__canvas{cursor:zoom-in}.flow__zoom{top:8px;box-shadow:0 1px 2px #0000000f, 0 0 0 1px var(--surf-line);opacity:0;transition:opacity .15s;position:absolute;inset-inline-end:8px}.flow__stage:hover .flow__zoom,.flow__stage:focus-within .flow__zoom{opacity:1}@media (hover:none){.flow__zoom{opacity:1}}.flow__canvas:focus-visible{outline-color:var(--surf-blue)}.body{display:flow-root}.body>*{margin:0}.body>*+*{margin-top:var(--surf-prose-gap)}.body>.body__h2{margin-top:calc(var(--surf-rhythm) * 9)}.body>.body__h2+*{margin-top:var(--surf-prose-gap)}.body>:is(.body__figure,.body__table,.body__code,.body__flow),.body>:is(.body__figure,.body__table,.body__code,.body__flow)+*{margin-top:calc(var(--surf-rhythm) * 6)}.body>.body__pullquote{margin-block:calc(var(--surf-rhythm) * 10)}.body>.body__quote,.body>.body__callout{margin-block:calc(var(--surf-rhythm) * 5)}.body__h2{scroll-margin-top:calc(var(--surf-header-h) + 24px);align-items:baseline;gap:.9em;display:flex}.body__h2-num{font-variant-numeric:tabular-nums}.body__h2-text{text-wrap:balance;min-width:0}.body .t-accent{color:var(--surf-accent-ink)}.body figcaption,.body__callout-text,.body__notes p,.body__quote blockquote{text-wrap:pretty}.body figcaption{line-height:var(--surf-caption-leading)}.body__cite:before{content:var(--surf-cite-dash)}.body__figure-grid{gap:12px;display:grid}.body__figure--multi .body__figure-grid{grid-template-columns:1fr 1fr}.body__figure-img{border-radius:var(--surf-radius-md);background:var(--surf-surface)}.body__figure figcaption,.body__table figcaption{margin-top:calc(var(--surf-rhythm) * 2)}.body__label{color:var(--surf-ink-secondary);margin-inline-end:12px}.body__pullquote blockquote{color:var(--surf-ink);margin:0}.body__pullquote figcaption{margin-top:calc(var(--surf-rhythm) * 2)}:is([lang=en],[lang=es],[lang=fr],[lang=pt-BR],[lang=de],[lang=ru]) .body__pullquote blockquote{hanging-punctuation:first}.body__quote{padding-inline-start:36px;position:relative}.body__quote-mark{inset-inline-start:0;top:var(--surf-quote-mark-y,-6px);font-family:var(--surf-font-serif);font-size:var(--surf-quote-mark-size,44px);color:var(--surf-accent);font-weight:700;line-height:1;position:absolute}.body__quote-mark:before{content:var(--surf-quote-mark)}.body__quote blockquote{font-size:calc(var(--surf-prose-size) * .945);line-height:var(--surf-prose-leading);letter-spacing:var(--surf-prose-track);color:var(--surf-ink-secondary);margin:0}.body__quote figcaption{margin-top:var(--surf-rhythm);color:var(--surf-ink-soft)}.body__callout{border-radius:var(--surf-radius-md);background:var(--surf-surface);gap:14px;padding:22px 24px;display:flex}.body__callout-icon{color:var(--surf-accent);flex:none;margin-top:1px}.body__callout-title{margin:0 0 var(--surf-rhythm);font-size:calc(13px * var(--surf-small-scale,1));font-weight:600;line-height:1.5}.body__callout-text{font-size:calc(14px * var(--surf-small-scale,1));line-height:var(--surf-prose-leading,1.75);color:var(--surf-ink-secondary);margin:0}.body__table-frame{margin-top:calc(var(--surf-rhythm) * 2);position:relative}.body__table-scroll .ui-table__th:first-child:after,.body__table-scroll .ui-table__td:first-child:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(to right, color-mix(in srgb, var(--surf-ink) 12%, transparent), transparent);width:14px;transition:opacity var(--surf-fast) var(--surf-ease);position:absolute;inset-block:0 -1px;inset-inline-start:100%}.body__table-frame.is-fade-left .ui-table__th:first-child:after,.body__table-frame.is-fade-left .ui-table__td:first-child:after{opacity:1}.body__table-frame:after{content:"";z-index:2;opacity:0;pointer-events:none;width:48px;transition:opacity var(--surf-fast) var(--surf-ease);background:linear-gradient(to left, var(--surf-surface), transparent) top / 100% var(--table-head-h,0) no-repeat, linear-gradient(to left, var(--surf-paper), transparent) bottom / 100% calc(100% - var(--table-head-h,0px)) no-repeat;border-start-end-radius:var(--table-head-radius,0);position:absolute;inset-block:0;inset-inline-end:0}.body__table-frame.is-fade-right:after{opacity:1}[dir=rtl] .body__table-scroll .ui-table__th:first-child:after,[dir=rtl] .body__table-scroll .ui-table__td:first-child:after,[dir=rtl] .body__table-frame:after{transform:scaleX(-1)}.body__table-frame .ui-table{scrollbar-width:none}.body__table-frame .ui-table::-webkit-scrollbar{display:none}.body__td-strong{font-weight:600}.body__table-scroll .ui-table__th,.body__td-fit{white-space:nowrap}.body__td-text{min-width:10em;display:block}.body__table-scroll .ui-table__th:first-child,.body__table-scroll .ui-table__td:first-child{z-index:1;position:sticky;inset-inline-start:0}.body__table-scroll .ui-table__td:first-child{background:var(--surf-paper)}.body__table-scroll .ui-table__th:first-child{background:var(--surf-surface)}.body>.body__notes{margin-top:calc(var(--surf-rhythm) * 10)}.body__notes-title{margin:0 0 calc(var(--surf-rhythm) * 2);font-size:calc(13px * var(--surf-small-scale,1));font-weight:600}.body__notes ol{gap:var(--surf-rhythm);margin:0;display:grid}.body__notes li{font-size:calc(13px * var(--surf-small-scale,1));color:var(--surf-ink-secondary);scroll-margin-top:calc(var(--surf-header-h) + 24px);align-items:baseline;gap:16px;line-height:1.65;display:flex}.body__notes li:target{color:var(--surf-ink)}.body__notes li .t-mono{font-size:calc(12px * var(--surf-small-scale,1));flex:none}.body__notes p{margin:0}.body__notes-back{color:var(--surf-ink-soft);display:inline-block}@media (width<=640px){.body>.body__h2{margin-top:calc(var(--surf-rhythm) * 7)}.body>.body__pullquote{margin-block:calc(var(--surf-rhythm) * 7)}.body__figure--multi .body__figure-grid{grid-template-columns:1fr}}
