.correlation-article .cr-chart,.correlation-article .cr-demo{margin-block:1.5rem;padding:1.25rem;background:#fff;border:1px solid #aabfcf;border-radius:1rem}
.correlation-article .cr-chart figcaption,.correlation-article .cr-demo h3{font-size:1.15rem;font-weight:750;line-height:1.5;color:#18344b;margin-block:0 1rem}
.correlation-article .cr-chart-scroll{direction:ltr;overflow-x:auto;overscroll-behavior-x:contain}
.correlation-article .cr-chart-scroll svg{display:block;width:100%;min-width:560px;height:auto}
.correlation-article .cr-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-block:1rem}
.correlation-article .cr-legend span{display:flex;align-items:center;gap:.5rem}
.correlation-article .cr-legend i{width:2rem;border-top:3px solid #24649a}
.correlation-article .cr-legend span+span i{border-color:#9b4d00;border-top-style:dashed}
.correlation-article .cr-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.correlation-article .cr-controls label,.correlation-article .cr-results div{min-width:0;overflow-wrap:anywhere}
.correlation-article .cr-controls label{font-size:1rem;font-weight:650;line-height:1.5}
.correlation-article .cr-controls select{display:block;width:100%;min-height:44px;margin-block-start:.5rem;padding:.7rem;border:1px solid #869fb4;border-radius:.5rem;background:#fff;color:#18344b;font:inherit}
.correlation-article .cr-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-block:1rem}
.correlation-article .cr-results div{padding:.9rem;border-radius:.5rem;background:#edf3f7}
.correlation-article .cr-results dt{font-size:.94rem;line-height:1.5;color:#405768}
.correlation-article .cr-results dd{margin:0;font-size:1.3rem;font-weight:750;line-height:1.5;color:#16334b;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.correlation-article .cr-note{font-size:.95rem;line-height:1.65;margin-block:1rem 0}
.correlation-article .cr-table{min-width:43rem}
.correlation-article .cr-mistakes{padding-inline-start:1.5rem;line-height:1.7}
.correlation-article .cr-mistakes li+li{margin-block-start:.5rem}
.correlation-article select:focus-visible,.correlation-article .cr-chart-scroll:focus-visible{outline:3px solid #a96a00;outline-offset:3px}
@media(max-width:640px){.correlation-article .cr-controls,.correlation-article .cr-results{grid-template-columns:1fr}.correlation-article .cr-chart,.correlation-article .cr-demo{padding:.85rem}}