.article-page .rendering-frame{display:flex;justify-content:center;padding:var(--cf-space-300)}.article-page .rendering-frame img{display:block;max-inline-size:min(100%,var(--cf-space-2000)*4);block-size:auto;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100)}.article-page .shift-box{display:grid;align-content:start;min-block-size:calc(var(--cf-space-2000)*2.5)}.article-page .shift-slot.is-kept{min-block-size:var(--cf-space-1200)}.article-page .shift-banner{box-sizing:border-box;display:flex;align-items:center;block-size:var(--cf-space-1200);margin:0;padding:var(--cf-space-200) var(--cf-space-300);overflow:hidden;border-radius:var(--cf-radius-100);background:var(--cf-color-warning);color:var(--cf-color-text-strong);font-size:var(--cf-font-size-350)}.article-page .shift-list{margin:0;padding:0;list-style:none}.article-page .shift-list li{padding:var(--cf-space-200) 0;-webkit-border-before:1px solid var(--cf-color-border);border-block-start:1px solid var(--cf-color-border);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-350)}.article-page .monitor-chart{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);align-items:end;block-size:calc(var(--cf-space-2000)*2)}.article-page .monitor-bar{position:relative;display:block;block-size:100%;border-radius:var(--cf-radius-050);background:var(--cf-color-surface-raised)}.article-page .monitor-bar.is-click{outline:1px solid var(--cf-color-border-emphasis)}.article-page .monitor-fill{position:absolute;inset-inline:0;inset-block-end:0;border-radius:var(--cf-radius-050);background:var(--cf-color-primary-solid)}.article-page .monitor-axis{display:flex;justify-content:space-between;padding:var(--cf-space-100) var(--cf-space-300) var(--cf-space-300);color:var(--cf-color-text-muted);font-size:var(--cf-font-size-250)}