.models.svelte-yo3ffk{border:1px solid var(--border);border-radius:12px;margin:0;overflow:hidden}.models.svelte-yo3ffk input:where(.svelte-yo3ffk){opacity:0;pointer-events:none;position:absolute}.tabs.svelte-yo3ffk{border-bottom:1px solid var(--border);display:flex}.tab.svelte-yo3ffk{font-size:var(--size-nav);line-height:var(--lh-body);color:var(--ink-nav);cursor:pointer;transition:color .14s var(--ease-out), background-color .14s var(--ease-out);flex-direction:column;flex:1;align-items:center;gap:1px;padding:12px 8px;display:flex}.tab.svelte-yo3ffk+.tab:where(.svelte-yo3ffk){border-left:1px solid var(--border)}.sub.svelte-yo3ffk{color:var(--ink-role);font-size:.75rem}.stage.svelte-yo3ffk{padding:8px 0 0}svg.svelte-yo3ffk{width:100%;height:auto;display:block}.scene.svelte-yo3ffk{opacity:0;pointer-events:none}.person.svelte-yo3ffk{fill:#27272a29;transition:fill .22s var(--ease-out)}.person.gives.svelte-yo3ffk,.core.svelte-yo3ffk rect:where(.svelte-yo3ffk){fill:var(--ink)}.core.svelte-yo3ffk .cut:where(.svelte-yo3ffk){fill:var(--paper)}.flow.svelte-yo3ffk{stroke-linecap:round;fill:none}.flow.takes.svelte-yo3ffk{stroke:#27272a2e;stroke-width:1.2px;color:#27272a2e}.flow.gives.svelte-yo3ffk{stroke:var(--ink);stroke-width:2px;color:var(--ink)}.note.svelte-yo3ffk{font-size:var(--size-body);line-height:var(--lh-prose);color:var(--ink-subtle);margin:0;padding:16px 20px 20px;display:none}#tm-solitary.svelte-yo3ffk:checked~.stage:where(.svelte-yo3ffk) .scene[data-model=solitary]:where(.svelte-yo3ffk),#tm-central.svelte-yo3ffk:checked~.stage:where(.svelte-yo3ffk) .scene[data-model=central]:where(.svelte-yo3ffk),#tm-federated.svelte-yo3ffk:checked~.stage:where(.svelte-yo3ffk) .scene[data-model=federated]:where(.svelte-yo3ffk){opacity:1}#tm-solitary.svelte-yo3ffk:checked~figcaption:where(.svelte-yo3ffk) .note[data-model=solitary]:where(.svelte-yo3ffk),#tm-central.svelte-yo3ffk:checked~figcaption:where(.svelte-yo3ffk) .note[data-model=central]:where(.svelte-yo3ffk),#tm-federated.svelte-yo3ffk:checked~figcaption:where(.svelte-yo3ffk) .note[data-model=federated]:where(.svelte-yo3ffk){display:block}#tm-solitary.svelte-yo3ffk:checked~.tabs:where(.svelte-yo3ffk) .tab[data-for=solitary]:where(.svelte-yo3ffk),#tm-central.svelte-yo3ffk:checked~.tabs:where(.svelte-yo3ffk) .tab[data-for=central]:where(.svelte-yo3ffk),#tm-federated.svelte-yo3ffk:checked~.tabs:where(.svelte-yo3ffk) .tab[data-for=federated]:where(.svelte-yo3ffk){color:var(--ink);background:var(--hover)}.models.svelte-yo3ffk input:where(.svelte-yo3ffk):focus-visible~.tabs:where(.svelte-yo3ffk) .tab:where(.svelte-yo3ffk){outline:none}#tm-solitary.svelte-yo3ffk:focus-visible~.tabs:where(.svelte-yo3ffk) .tab[data-for=solitary]:where(.svelte-yo3ffk),#tm-central.svelte-yo3ffk:focus-visible~.tabs:where(.svelte-yo3ffk) .tab[data-for=central]:where(.svelte-yo3ffk),#tm-federated.svelte-yo3ffk:focus-visible~.tabs:where(.svelte-yo3ffk) .tab[data-for=federated]:where(.svelte-yo3ffk){outline:2px solid var(--ink);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.tab.svelte-yo3ffk:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.person.svelte-yo3ffk,.tab.svelte-yo3ffk{transition:none}}.contrib.svelte-iju9bh{border:1px solid var(--border);border-radius:12px;margin:0;overflow:hidden}.contrib.svelte-iju9bh input:where(.svelte-iju9bh){opacity:0;pointer-events:none;position:absolute}.tabs.svelte-iju9bh{border-bottom:1px solid var(--border);display:flex}.tab.svelte-iju9bh{text-align:center;font-size:var(--size-nav);line-height:var(--lh-body);color:var(--ink-nav);cursor:pointer;transition:color .14s var(--ease-out), background-color .14s var(--ease-out);flex:1;padding:12px 8px}.tab.svelte-iju9bh+.tab:where(.svelte-iju9bh){border-left:1px solid var(--border)}.track.svelte-iju9bh{flex-wrap:wrap;align-items:center;gap:8px 6px;margin:0;padding:22px 20px;list-style:none;display:none}.track.svelte-iju9bh li:where(.svelte-iju9bh){align-items:center;gap:6px;display:inline-flex}.chip.svelte-iju9bh{white-space:nowrap;background:var(--bg);color:var(--fg);border-radius:8px;align-items:center;gap:7px;padding:6px 11px;font-size:.9375rem;line-height:1.4;display:inline-flex}.dot.svelte-iju9bh{background:var(--fg);border-radius:50%;flex:none;width:7px;height:7px}.chip.gate.svelte-iju9bh{box-shadow:0 0 0 1.5px var(--fg)}.arrow.svelte-iju9bh{width:12px;height:12px;color:var(--ink-role);flex:none}[data-tone=grey].svelte-iju9bh{--fg:#52525b;--bg:#f4f4f5}[data-tone=magenta].svelte-iju9bh{--fg:#a21caf;--bg:#fdf4ff}[data-tone=orange].svelte-iju9bh{--fg:#c2410c;--bg:#fff7ed}[data-tone=cyan].svelte-iju9bh{--fg:#0e7490;--bg:#ecfeff}[data-tone=blue].svelte-iju9bh{--fg:#1d4ed8;--bg:#eff6ff}[data-tone=violet].svelte-iju9bh{--fg:#6d28d9;--bg:#f5f3ff}[data-tone=green].svelte-iju9bh{--fg:#15803d;--bg:#f0fdf4}[data-tone=lime].svelte-iju9bh{--fg:#4d7c0f;--bg:#f7fee7}figcaption.svelte-iju9bh{font-size:var(--size-body);line-height:var(--lh-prose);color:var(--ink-role);margin:0;padding:0 20px 20px}#cf-designer.svelte-iju9bh:checked~.stage:where(.svelte-iju9bh) .track[data-track=designer]:where(.svelte-iju9bh),#cf-developer.svelte-iju9bh:checked~.stage:where(.svelte-iju9bh) .track[data-track=developer]:where(.svelte-iju9bh){display:flex}#cf-designer.svelte-iju9bh:checked~.tabs:where(.svelte-iju9bh) .tab[data-for=designer]:where(.svelte-iju9bh),#cf-developer.svelte-iju9bh:checked~.tabs:where(.svelte-iju9bh) .tab[data-for=developer]:where(.svelte-iju9bh){color:var(--ink);background:var(--hover)}#cf-designer.svelte-iju9bh:focus-visible~.tabs:where(.svelte-iju9bh) .tab[data-for=designer]:where(.svelte-iju9bh),#cf-developer.svelte-iju9bh:focus-visible~.tabs:where(.svelte-iju9bh) .tab[data-for=developer]:where(.svelte-iju9bh){outline:2px solid var(--ink);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.tab.svelte-iju9bh:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.tab.svelte-iju9bh{transition:none}}article.svelte-fe1vlo{flex-direction:column;gap:32px;display:flex}header.svelte-fe1vlo{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.back.svelte-fe1vlo{font-size:var(--size-nav);line-height:var(--lh-body);color:var(--ink-nav);transition:color .14s var(--ease-out);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.back.svelte-fe1vlo svg:where(.svelte-fe1vlo){width:12px;height:12px;transition:transform .14s var(--ease-out)}article.svelte-fe1vlo{--prose:1.125rem}h1.svelte-fe1vlo{margin:0;font-size:1.5rem;font-weight:400;line-height:1.35}.meta.svelte-fe1vlo{font-size:var(--size-nav);line-height:var(--lh-body);color:var(--ink-role);margin:-24px 0 0}section.svelte-fe1vlo p:where(.svelte-fe1vlo){font-size:var(--prose);line-height:var(--lh-prose);margin:0}section.svelte-fe1vlo{flex-direction:column;gap:20px;display:flex}h2.svelte-fe1vlo{font-size:var(--prose);line-height:var(--lh-body);border-bottom:1px solid var(--border);margin:0;padding-bottom:12px;font-weight:500}.numbers.svelte-fe1vlo{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:24px 0;display:grid}.numbers.svelte-fe1vlo dt:where(.svelte-fe1vlo){font-size:var(--size-name);line-height:var(--lh-name);color:var(--ink)}.numbers.svelte-fe1vlo dd:where(.svelte-fe1vlo){font-size:var(--size-nav);line-height:var(--lh-body);color:var(--ink-role);margin:2px 0 0}.plain.svelte-fe1vlo,.steps.svelte-fe1vlo{font-size:var(--prose);line-height:var(--lh-prose);color:var(--ink-subtle);margin:0;padding:0 0 0 1.1em}.plain.svelte-fe1vlo{list-style:outside}.plain.svelte-fe1vlo li:where(.svelte-fe1vlo)::marker{color:var(--ink-role)}.brand.svelte-fe1vlo{aspect-ratio:600/299;background:#ff671d;border-radius:20px;justify-content:center;align-items:center;padding:0;display:flex}.brand.svelte-fe1vlo img:where(.svelte-fe1vlo){width:120px;height:auto}.asked.svelte-fe1vlo{border-left:2px solid var(--border);color:var(--ink-subtle);margin:0;padding-left:1.1em}.asked.svelte-fe1vlo p:where(.svelte-fe1vlo)+p:where(.svelte-fe1vlo){margin-top:4px}figure.svelte-fe1vlo{margin:0}.plate.svelte-fe1vlo{display:block}.video.svelte-fe1vlo{aspect-ratio:16/9;border:1px solid var(--border);background:var(--hover);border-radius:12px;position:relative;overflow:hidden}.video.svelte-fe1vlo iframe:where(.svelte-fe1vlo){border:0;width:100%;height:100%;position:absolute;inset:0}figure.svelte-fe1vlo img:where(.svelte-fe1vlo),figure.svelte-fe1vlo video:where(.svelte-fe1vlo),.grid.svelte-fe1vlo img:where(.svelte-fe1vlo){border:1px solid var(--border);border-radius:12px;width:100%;height:auto;display:block}figcaption.svelte-fe1vlo{font-size:var(--size-body);line-height:var(--lh-body);color:var(--ink-role);margin-top:10px}.wide.svelte-fe1vlo{width:min(920px,92vw);margin-left:50%;transform:translate(-50%)}.grid.svelte-fe1vlo{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid.svelte-fe1vlo img:where(.svelte-fe1vlo){aspect-ratio:4/3;object-fit:cover}.grid.svelte-fe1vlo img:where(.svelte-fe1vlo):first-child{aspect-ratio:3/2;grid-column:1/-1}.grid.two.svelte-fe1vlo img:where(.svelte-fe1vlo):first-child{grid-column:auto}.grid.two.svelte-fe1vlo img:where(.svelte-fe1vlo){aspect-ratio:16/10;object-fit:contain;background:var(--hover)}.snippets.svelte-fe1vlo{flex-direction:column;gap:20px;display:flex}.credit.svelte-fe1vlo{color:var(--ink-role)}@media (width<=640px){.numbers.svelte-fe1vlo{grid-template-columns:repeat(2,1fr)}}@media (hover:hover) and (pointer:fine){.back.svelte-fe1vlo:hover{color:var(--ink)}.back.svelte-fe1vlo:hover svg:where(.svelte-fe1vlo){transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.back.svelte-fe1vlo svg:where(.svelte-fe1vlo),.back.svelte-fe1vlo:hover svg:where(.svelte-fe1vlo){transition:none;transform:none}}