.article-page .feature-controls,.article-page .reference-buttons{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);align-items:center}.article-page .reference-buttons button[aria-pressed=false]{background:var(--cf-color-surface);color:var(--cf-color-text-secondary);border-color:var(--cf-color-border-control)}.article-page .feature-controls label{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .feature-controls select{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);padding:var(--cf-space-150) var(--cf-space-250);background:var(--cf-color-surface-input);color:var(--cf-color-text);font:inherit}.article-page .feature-grid{align-items:stretch}.article-page .feature-result{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300);align-content:start;padding:var(--cf-space-350)}.article-page .feature-result strong{display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-full);padding:var(--cf-space-100) var(--cf-space-250);background:var(--cf-color-success-subtle);color:var(--cf-color-success);font-size:var(--cf-font-size-325)}.article-page .feature-result p{margin:0;color:var(--cf-color-text-secondary)}.article-page .syntax-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .reference-mini-code{overflow-x:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);padding:var(--cf-space-350);background:var(--cf-color-code-bg);color:var(--cf-color-code-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-160)}@media(max-width:768px){.article-page .syntax-card{grid-template-columns:1fr}}