.article-page .comparison-output,.article-page .html-stage,.article-page .node-kind-cheatsheet,.article-page .text-stage,.article-page .xss-lab iframe{border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}.article-page .node-inspector-stage{padding:var(--cf-space-300);border-bottom:1px solid var(--cf-color-border)}.article-page .inspector-card{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);padding:var(--cf-space-300);background:var(--cf-color-surface-raised)}.article-page .inspector-card h3,.article-page .inspector-card p{margin:0}.article-page .inspector-card svg{inline-size:calc(var(--cf-space-900)*2);block-size:var(--cf-space-700);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200)}.article-page .inspector-card circle{fill:var(--cf-color-primary)}.article-page .inspector-card text{fill:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200)}.article-page .html-box,.article-page .html-stage{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .html-box input{max-inline-size:100%}.article-page .replacement{color:var(--cf-color-text-strong)}.article-page .text-stage{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .text-panel{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100)}.article-page .text-panel p{margin:0}.article-page .text-panel .caps{text-transform:uppercase}.article-page .comparison-output{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .comparison-output pre,.article-page .xss-lab pre{overflow:auto;margin:0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);padding:var(--cf-space-250);background:var(--cf-color-surface-raised);color:var(--cf-color-text);font-family:var(--cf-font-mono);white-space:pre-wrap}.article-page .xss-lab iframe{inline-size:100%;min-block-size:calc(var(--cf-space-900)*2)}.article-page .hidden-demo-card{display:flex;align-items:center;justify-content:center;min-block-size:var(--cf-space-900);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);padding:var(--cf-space-300);background:var(--cf-color-surface-raised);color:var(--cf-color-text-strong);text-align:center}.article-page .hidden-runtime.with-hidden-fix [hidden]{display:none!important}@media(max-width:560px){.article-page .inspector-card svg{inline-size:100%}}