.article-page .target-choices label span{font-family:var(--cf-font-mono)}.article-page .sucrase-grid,.article-page .target-playground-grid{align-items:stretch}.article-page .target-output .article-code{margin:0}.article-page .sucrase-grid .pane-body,.article-page .target-output .pane-body{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .sucrase-editor{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}.article-page .sucrase-editor textarea{min-height:12rem;resize:vertical;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-input);color:var(--cf-color-text);padding:var(--cf-space-250);font:inherit;font-family:var(--cf-font-mono);line-height:var(--cf-line-height-160)}.article-page .compatibility-steps{display:grid;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);margin:var(--cf-space-400) 0;padding:var(--cf-space-400) var(--cf-space-500);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised)}.article-page .compatibility-steps li::marker{color:var(--cf-color-primary);font-weight:var(--cf-font-weight-semibold)}@media(max-width:768px){.article-page .sucrase-editor textarea{min-height:10rem}.article-page .compatibility-steps{padding:var(--cf-space-300) var(--cf-space-400)}}