.article-page .observer-lab-grid{align-items:stretch}.article-page .observer-toggle-controls{display:flex;flex-wrap:wrap;gap:var(--cf-space-200)}.article-page .observer-static-control{color:var(--cf-color-text-secondary)}.article-page .observer-diagram{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .observer-log,.article-page .observer-store-card,.article-page .observer-widget-card{border:1px solid var(--cf-color-paper-border);border-radius:var(--cf-radius-300);background:var(--cf-color-paper-raised);color:var(--cf-color-paper-text);padding:var(--cf-space-300)}.article-page .observer-store-card,.article-page .observer-widget-card{display:flex;justify-content:space-between;gap:var(--cf-space-250)}.article-page .observer-widget-card{border-color:var(--cf-color-paper-border-strong)}.article-page .observer-widget-card.is-active{border-color:var(--cf-color-paper-success-border);background:var(--cf-color-paper-success-subtle)}.article-page .observer-arrow{color:var(--cf-color-paper-text-secondary);font-size:var(--cf-font-size-275);text-transform:uppercase;letter-spacing:var(--cf-letter-spacing-wide)}.article-page .observer-widget-list{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .observer-log ol{margin:var(--cf-space-200) 0 0;padding-left:var(--cf-space-450)}.article-page .observer-log li+li{margin-top:var(--cf-space-150)}.article-page .observer-big-output{margin:0;font-size:var(--cf-font-size-450)}@media(max-width:768px){.article-page .observer-store-card,.article-page .observer-widget-card{flex-direction:column}.article-page .observer-big-output{font-size:var(--cf-font-size-350)}}