.article-page .range-builder-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--cf-space-300);gap:var(--cf-space-300);align-items:stretch}.article-page .range-control-group{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);padding:var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface)}.article-page .range-control-group legend,.article-page .range-control-group strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-bold)}.article-page .range-control-group 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 .range-control-group input[type=range],.article-page .range-control-group select{width:100%}.article-page .range-control-group p{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .range-control-group button[aria-pressed=true]{background:var(--cf-color-primary);color:var(--cf-color-on-primary);border-color:var(--cf-color-primary)}.article-page .demo-selection-area{padding:var(--cf-space-400);border:1px dashed var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface);color:var(--cf-color-text)}.article-page .demo-selection-area p{margin:0}.article-page .demo-selection-area b{color:var(--cf-color-text);font-weight:var(--cf-font-weight-bold)}.article-page .demo-selection-area mark{padding:0 var(--cf-space-050);border-radius:var(--cf-radius-100);background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}.article-page .highlighter-demo{min-height:96px}.article-page .range-readout{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:var(--cf-space-300) 0 0}.article-page .range-readout div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);padding:var(--cf-space-150) var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface-raised)}.article-page .range-readout dt{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200)}.article-page .range-readout dd{margin:0;color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200);overflow-wrap:anywhere}.article-page textarea{width:100%;min-height:120px;padding:var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface);color:var(--cf-color-text);font:inherit;resize:vertical}.article-page ::highlight(selection-range-builder){background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}@media(max-width:768px){.article-page .range-builder-controls{grid-template-columns:1fr}}@media(max-width:560px){.article-page .range-readout div{grid-template-columns:1fr}}