.article-page .mini-controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--cf-space-150)}.article-page .mini-controls label{display:grid;min-width:min(100%,var(--cf-space-2000)*3);grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-strong)}.article-page .mini-controls input{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);padding:var(--cf-space-150) var(--cf-space-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit}.article-page .mini-library-playground .pane-body{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250)}.article-page .mini-demo-host{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);padding:var(--cf-space-300);background:var(--cf-color-surface-raised)}.article-page .mini-demo-list{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.article-page .mini-demo-list li{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 .mini-demo-list li.active{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle)}.article-page .mini-demo-list li.highlighted{box-shadow:inset 0 0 0 1px var(--cf-color-warning-border)}.article-page .mini-demo-list .label{color:var(--cf-color-primary);font-weight:var(--cf-font-weight-strong)}.article-page .source-reading-list{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);padding:var(--cf-space-300) var(--cf-space-300) var(--cf-space-300) var(--cf-space-500);background:var(--cf-color-surface-raised)}.article-page .final-definition{border-left:var(--cf-space-050) solid var(--cf-color-border-control);padding-left:var(--cf-space-250)}@media(max-width:560px){.article-page .mini-controls{align-items:stretch}.article-page .mini-controls button,.article-page .mini-controls>*{width:100%}}