.article-page .delegation-metrics{display:flex;flex-wrap:wrap;gap:var(--cf-space-150) var(--cf-space-300);margin-bottom:var(--cf-space-250);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .delegation-metrics strong{color:var(--cf-color-text)}.article-page .delegation-demo-list{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.article-page .delegation-demo-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);padding:var(--cf-space-150) var(--cf-space-200);background:var(--cf-color-surface);color:var(--cf-color-text)}.article-page .delegation-demo-list li.is-done .delegation-todo-label{color:var(--cf-color-text-secondary);text-decoration:line-through}.article-page .behavior-demo,.article-page .delegation-todo-actions,.article-page .delegation-trap-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-150)}.article-page .behavior-demo p{flex-basis:100%;margin:0;color:var(--cf-color-text-secondary)}.article-page .delegation-demo-status{margin:var(--cf-space-250) 0 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}