.article-page .crux-controls{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150)}.article-page .crux-axis,.article-page .crux-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:var(--cf-space-100);gap:var(--cf-space-100)}.article-page .crux-chart{position:relative;block-size:calc(var(--cf-space-2000)*2.5);align-items:end;-webkit-border-after:1px solid var(--cf-color-border);border-block-end:1px solid var(--cf-color-border)}.article-page .crux-axis{-webkit-margin-before:var(--cf-space-100);margin-block-start:var(--cf-space-100)}.article-page .crux-limit{position:absolute;inset-inline:0;-webkit-border-before:1px dashed var(--cf-color-success);border-block-start:1px dashed var(--cf-color-success);pointer-events:none}.article-page .crux-limit.is-poor{border-block-start-color:var(--cf-color-danger)}.article-page .crux-month{display:grid;grid-gap:var(--cf-space-050);gap:var(--cf-space-050);justify-items:center;min-inline-size:0}.article-page .crux-bar-area{position:relative;display:flex;align-items:flex-end;justify-content:center;inline-size:100%;block-size:100%}.article-page .crux-bar{display:block;inline-size:70%;min-block-size:var(--cf-space-050);border-radius:var(--cf-radius-050) var(--cf-radius-050) 0 0;background:var(--cf-color-success)}.article-page .crux-bar.is-needs-improvement{background:var(--cf-color-warning)}.article-page .crux-bar.is-poor{background:var(--cf-color-danger)}.article-page .crux-empty{align-self:center;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-200);writing-mode:vertical-rl}.article-page .crux-label,.article-page .crux-value{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-200);white-space:nowrap}.article-page .crux-value{color:var(--cf-color-text-strong)}.article-page .crux-label{display:grid;justify-items:center}@media(max-width:560px){.article-page .crux-value{display:none}}