.article-figure{font-family:inherit;font-size:14px;line-height:1.5;width:100%;max-width:100%;margin:2rem 0;padding:28px 27px 0;background:#fff;border:1px solid #e5e8e0;border-radius:3px;letter-spacing:0;scroll-margin-top:28px}.article-figure figcaption{margin:0;color:inherit;font-style:normal}.figure-index{display:block;font-size:10px;letter-spacing:1.25px;text-transform:uppercase;color:#687460;margin-bottom:10px;line-height:1.4}.article-figure h3{color:#252525;font-size:21px;font-weight:500;line-height:1.35;letter-spacing:-.6px;margin:0 0 8px}.metric-headline{display:flex;align-items:baseline;gap:20px;margin:24px 0 19px}.metric-headline>strong{font-size:49px;line-height:1.2;letter-spacing:-2px;color:#252525;font-weight:450}.metric-headline>strong span{font-size:25px;letter-spacing:-1px;padding-left:2px}.metric-headline>p{font-size:11px;color:#72806b;margin:0}.composition-track{height:26px;display:flex;gap:2px;overflow:hidden;border-radius:2px}.composition-track>span{display:block}.composition-labels{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:1.6;margin-top:13px;color:#6b7662}.composition-labels strong{font-weight:500;color:#424d3d;margin-left:5px;font-variant-numeric:tabular-nums}.metric-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;border-top:1px solid #dce2d6;margin:25px 0 0;padding:18px 0}.metric-details dt{font-size:9px;color:#7a8571;line-height:1.5}.metric-details dd{font-size:22px;font-weight:450;line-height:1.5;letter-spacing:-.5px;margin:5px 0 0}.metric-details dd span{color:#7a8571;font-size:11px;letter-spacing:0}.article-figure{--chart-accent: #003366;--chart-edge: #003366;background:#fff;border-color:#dedede}.article-figure .figure-index{color:#666;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.35px}.bar-chart.article-figure{border:0;border-radius:0;padding:15px 0 0}.bar-chart .chart-legend{display:flex;flex-wrap:wrap;gap:23px;font-size:12px;color:#222;margin:21px 0 10px}.chart-legend>span{display:flex;align-items:center;gap:8px}.chart-legend .legend-mark{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid var(--chart-edge)}.solid-bar{fill:var(--chart-accent);stroke:var(--chart-edge)}.outlined-bar{fill:#fff;stroke:var(--chart-edge)}.legend-mark.solid-bar{background:var(--chart-accent)}.legend-mark.outlined-bar{background:#fff}.research-chart{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}.research-chart text{fill:#252525;font-size:11px;letter-spacing:0;font-variant-numeric:tabular-nums}.chart-axes path,.category-tick{fill:none;stroke:#292929;stroke-width:.8}.research-chart .chart-axis-title{font-size:12px}.research-chart .category-label{font-size:11px}.research-chart .zero-label{font-size:10px;fill:#777}.research-chart.chart-mobile{display:none}.architecture.article-figure{padding:0;border-radius:4px}.architecture-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 26px 22px;border-bottom:1px solid #dedede}.architecture-heading h3{margin:0;font-size:21px;font-weight:550}.architecture-heading .figure-index{color:#303030;font-weight:550;margin-bottom:10px}.animation-toggle{display:inline-flex;justify-content:center;align-items:center;gap:9px;background:#fff;border:1px solid #292929;border-radius:8px;padding:9px 13px;font:10px/1.4 SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.2px;color:#111;cursor:pointer;flex-shrink:0}.animation-toggle:hover{background:#f6f6f6}.animation-toggle[hidden],.animation-toggle [hidden]{display:none}.architecture-canvas{position:relative;display:grid;grid-template-columns:150px minmax(200px,1fr) 145px;gap:40px;align-items:center;min-height:340px;margin:28px 24px}.architecture-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}.flow-paths path{fill:none;stroke:#d4d4d4;stroke-width:1.1}.flow-paths .wire-blue{stroke:#afc8f0}.flow-paths .wire-amber{stroke:#ebd0a3}.flow-packets rect{stroke:#fff;stroke-width:2;opacity:0;visibility:hidden}.diagram-column-label{margin:0 0 15px;color:#606060;font:9px/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.4px;text-transform:uppercase}.request-node,.session-node,.backend-node,.capability-node{position:relative;z-index:3;border:1px solid #4b4b4b;border-radius:3px;background:#fff}.architecture-canvas strong{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#202020}.diagram-mono{display:block;font:9px/1.6 SFMono-Regular,Consolas,monospace;color:#707070;letter-spacing:-.1px;margin-top:5px}.request-node{padding:12px 11px 12px 14px}.request-node:before{content:"";position:absolute;top:7px;bottom:7px;left:3px;width:3px}.request-blue:before{background:#326bcc}.request-amber:before{background:#bf8a2a}.request-node+.request-node{margin-top:37px}.request-node p{font-size:10px;line-height:1.6;color:#393939;margin:12px 0 0}.hub-column{border:1px solid #484848;border-radius:4px;padding:16px;background:#fff}.hub-column>.diagram-column-label{color:#222;font-family:inherit;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;margin-bottom:16px}.session-node{padding:13px;background:#f6f6f6}.session-node>p,.backend-node>p{font-size:9px;line-height:1.6;color:#666;margin:11px 0 0}.session-slots{display:flex;gap:4px;margin-top:17px}.session-slots>span{position:relative;height:16px;width:25px;border:1px solid #c3c3c3;border-radius:2px;overflow:hidden;background:#fff}.session-slots i{position:absolute;inset:0;background:#326bcc;transform:scaleY(0)}.backend-node{padding:12px 13px;margin-top:43px}.backend-node strong{display:flex;align-items:center;gap:7px}.backend-light{width:6px;height:6px;border-radius:50%;background:#326bcc;opacity:.25}.tools-column .diagram-column-label{margin-bottom:12px}.capability-node{padding:10px 12px}.capability-node+.capability-node{margin-top:12px}.capability-node strong{font-size:11px}.capability-node>span{display:block;font-size:9px;line-height:1.6;color:#717171;margin-top:3px}.architecture-playhead{display:flex;justify-content:center;align-items:center;gap:14px;border-top:1px solid #e6e6e6;padding:15px 20px;font-size:10px;color:#858585}.architecture-playhead>span{transition:color .15s}.architecture-playhead b{font:9px/1.5 SFMono-Regular,Consolas,monospace;margin-right:4px}.architecture-playhead>i{color:#aaa;font-style:normal}.architecture-playhead .is-active{color:#222}.architecture-canvas[data-layout=vertical]{grid-template-columns:minmax(0,1fr);gap:64px}.architecture-canvas[data-layout=vertical] .discord-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.architecture-canvas[data-layout=vertical] .discord-column>.diagram-column-label{grid-column:1 / -1;margin-bottom:0}.architecture-canvas[data-layout=vertical] .request-node+.request-node{margin-top:0}.architecture-canvas[data-layout=vertical] .tools-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #484848;border-radius:3px;padding:14px;position:relative;z-index:3;background:#fff}.architecture-canvas[data-layout=vertical] .tools-column>.diagram-column-label{grid-column:1 / -1;margin-bottom:0}.architecture-canvas[data-layout=vertical] .capability-node+.capability-node{margin-top:0}.workload-figure .metric-headline>strong{color:#252525}.workload-figure .tone-dark{background:var(--chart-accent);border:1px solid var(--chart-edge)}.workload-figure .tone-light{background:#fff;border:1px solid var(--chart-edge)}.workload-figure .composition-labels .legend-mark{display:inline-block;width:9px;height:9px;border-radius:50%}.workload-figure .composition-labels>span{display:flex;align-items:center;gap:7px}.workload-figure .metric-headline>p,.workload-figure .composition-labels,.workload-figure .metric-details dt,.workload-figure .metric-details dd span{color:#686868}.workload-figure .metric-details{border-color:#e3e3e3}@media (max-width: 640px){.article-figure{padding:22px 17px 0}.article-figure h3{font-size:20px}.metric-headline{align-items:center;gap:14px}.metric-headline>strong{font-size:43px}.metric-headline>p{font-size:10px;line-height:1.6;max-width:120px}.composition-track{height:23px}.composition-labels{font-size:9px;align-items:flex-start}.composition-labels strong{display:block;margin-left:12px}.composition-labels .legend-mark{margin-right:5px;width:7px;height:7px}.metric-details{gap:12px}.metric-details dt{font-size:8px;min-height:24px}.metric-details dd{font-size:21px}.metric-details dd span{font-size:9px}.research-chart.chart-desktop{display:none}.research-chart.chart-mobile{display:block}.bar-chart .chart-legend{font-size:11px;margin-bottom:18px}.research-chart .mobile-category{font-size:11px}.research-chart .mobile-value{font-size:10px}.research-chart .chart-axis-title{font-size:11px}.research-chart .chart-axes text{font-size:10px}.architecture-heading{align-items:flex-start;padding:20px 16px;gap:12px}.architecture-heading h3{font-size:18px}.architecture-heading .figure-index{font-size:8px}.animation-toggle{padding:7px 9px;font-size:9px;gap:6px}.architecture-canvas{margin:24px 17px;grid-template-columns:1fr}.request-node{padding:10px 8px 10px 12px}.architecture-canvas strong{font-size:11px}.request-node .diagram-mono{font-size:8px}.request-node p{font-size:9px}.architecture-playhead{gap:7px;font-size:9px;padding:13px 9px}.architecture-playhead b{font-size:8px;margin-right:2px}.workload-figure .composition-labels>span{display:block}}@media print{.animation-toggle,.flow-packets{display:none}.architecture{-moz-column-break-inside:avoid;break-inside:avoid}}.article-figure,.article-figure *,.article-figure *:before,.article-figure *:after{box-sizing:border-box}.article-figure :focus-visible{outline:2px solid #326bcc;outline-offset:4px}@media (prefers-reduced-motion: reduce){.article-figure *{transition:none!important}}@media print{.article-figure{-moz-column-break-inside:avoid;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}}