.article-page .realtime-stack{display:grid;grid-gap:var(--cf-space-300);gap:var(--cf-space-300)}.article-page .realtime-field,.article-page .realtime-slider{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 .realtime-field input,.article-page .realtime-slider input{width:100%}.article-page .event-log{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:0;list-style:none}.article-page .event-log li{padding:var(--cf-space-200) var(--cf-space-250);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.article-page .timeline-grid{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200)}.article-page .timeline-row{display:grid;grid-template-columns:minmax(3rem,.35fr) minmax(0,1fr) minmax(0,1fr);grid-gap:var(--cf-space-200);gap:var(--cf-space-200);align-items:stretch;padding:var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface)}.article-page .timeline-row span,.article-page .timeline-row strong{overflow-wrap:anywhere}.article-page .timeline-row strong{color:var(--cf-color-primary)}.article-page .timeline-row span{color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300)}@media(max-width:560px){.article-page .timeline-row{grid-template-columns:1fr}}