.article-page .pointer-events-hint{margin:0;color:var(--cf-color-text-secondary)}.article-page .dnd-list,.article-page .hover-card,.article-page .pointer-pad,.article-page .slider-track{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised)}.article-page .pointer-pad{display:grid;place-items:center;min-height:160px;margin-bottom:var(--cf-space-300);color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-page .button-legend{margin-top:var(--cf-space-250);color:var(--cf-color-text-secondary)}.article-page .event-log{display:grid;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);margin:var(--cf-space-300) 0 0;padding-left:var(--cf-space-400);color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275)}.article-page .hover-card{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:var(--cf-space-250);gap:var(--cf-space-250);padding:var(--cf-space-400)}.article-page .hover-icon{font-size:var(--cf-font-size-500)}.article-page .hover-title{color:var(--cf-color-text)}.article-page .hover-button{grid-column:1/-1}.article-page .slider-track{position:relative;min-height:44px;margin-block:var(--cf-space-400);overflow:hidden;touch-action:none}.article-page .slider-fill{position:absolute;inset:0 auto 0 0;background:var(--cf-color-primary-subtle)}.article-page .slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);inline-size:36px;block-size:36px;border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-full);background:var(--cf-color-primary);color:var(--cf-color-on-primary);touch-action:none}.article-page .dnd-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .dnd-list{display:grid;align-content:start;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);min-height:180px;padding:var(--cf-space-300)}.article-page .dnd-list h3{margin:0;color:var(--cf-color-text);font-size:var(--cf-font-size-300)}.article-page .dnd-list button{cursor:-webkit-grab;cursor:grab}.article-page .dnd-list.is-over{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle)}@media(max-width:560px){.article-page .dnd-board{grid-template-columns:1fr}}