.correlation-figure{--correlation-group-header-height:2rem;--correlation-name-header-height:5.25rem;--correlation-cell-size:3.75rem;--correlation-row-header-size:12rem;width:min(100%, var(--content-copy));min-width:0;max-width:100%;color:var(--color-text);margin-block:2.5rem}.correlation-introduction,.correlation-metadata,.correlation-legend,.correlation-instructions,.correlation-selection,.correlation-rankings,.correlation-alternative,.correlation-notes,.correlation-empty,.correlation-error{border-block-start:1px solid var(--color-line);padding-block-start:1rem}.correlation-introduction h2,.correlation-introduction h3,.correlation-selection h3,.correlation-selection h4{margin-block:0 .5rem}.correlation-introduction p,.correlation-instructions,.correlation-ranking-introduction,.correlation-rankings>p,.correlation-notes p,.correlation-empty,.correlation-error{margin-block:.5rem}.correlation-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin-block:1.5rem;display:grid}.correlation-metadata div{min-width:0}.correlation-metadata dt,.correlation-selection dt{color:var(--color-muted);font-size:.84rem}.correlation-metadata dd,.correlation-selection dd{font-variant-numeric:tabular-nums;margin:0}.correlation-legend{gap:.35rem;margin-block:1.5rem;padding-inline-start:1.25rem;display:grid}.correlation-scale{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.correlation-swatches{border:1px solid var(--color-line);display:inline-flex}.correlation-swatches>span{block-size:.8rem;inline-size:1.5rem}.correlation-swatches .is-negative{background:color-mix(in oklch, var(--color-correlation-negative) 62%, var(--color-surface) 38%)}.correlation-swatches .is-neutral{background:var(--color-correlation-neutral)}.correlation-swatches .is-positive{background:color-mix(in oklch, var(--color-correlation-positive) 62%, var(--color-surface) 38%)}.correlation-scroll-hint{color:var(--color-muted);font-size:.84rem}.correlation-matrix-shell{min-width:0;max-width:100%}.correlation-matrix-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-block-size:28rem;max-block-size:min(70vh,46rem);max-inline-size:100%;overflow:auto}.correlation-matrix{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.correlation-matrix caption{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.correlation-matrix th,.correlation-matrix td{box-sizing:border-box;border-inline-end:1px solid var(--color-line);border-block-end:1px solid var(--color-line);padding:0}.correlation-row-column{inline-size:var(--correlation-row-header-size);min-inline-size:var(--correlation-row-header-size);max-inline-size:var(--correlation-row-header-size)}.correlation-data-column{inline-size:var(--correlation-cell-size);min-inline-size:var(--correlation-cell-size);max-inline-size:var(--correlation-cell-size)}.correlation-corner,.correlation-group-header,.correlation-column-header,.correlation-row-header{background:var(--color-correlation-header);color:var(--color-text)}.correlation-corner{z-index:6;block-size:calc(var(--correlation-group-header-height) + var(--correlation-name-header-height));text-align:start;vertical-align:top;position:sticky;inset-block-start:0;inset-inline-start:0;padding:.65rem!important}.correlation-corner span{display:block}.correlation-group-header{z-index:4;block-size:var(--correlation-group-header-height);font-size:.75rem;line-height:var(--correlation-group-header-height);white-space:nowrap;position:sticky;inset-block-start:0;padding-inline:.4rem!important}.correlation-group-header span{display:block}.correlation-group-header.is-narrow{text-align:center;white-space:normal;font-size:.68rem;line-height:1.05;overflow:hidden;padding-inline:.15rem!important}.correlation-group-header.is-single-line span{white-space:nowrap}.correlation-column-header{z-index:3;block-size:var(--correlation-name-header-height);overflow-wrap:anywhere;vertical-align:middle;font-size:.72rem;line-height:1.35;position:sticky;inset-block-start:var(--correlation-group-header-height);padding:.35rem!important}.correlation-row-header{z-index:2;block-size:var(--correlation-cell-size);min-block-size:var(--correlation-cell-size);max-block-size:var(--correlation-cell-size);text-align:start;overflow-wrap:anywhere;vertical-align:middle;font-size:.78rem;line-height:1.2;position:sticky;inset-inline-start:0;padding:.25rem .5rem!important}.correlation-row-header span{display:block}.correlation-cell{block-size:var(--correlation-cell-size);min-block-size:var(--correlation-cell-size);max-block-size:var(--correlation-cell-size);background:var(--color-correlation-neutral)}.correlation-cell.is-negative{background:color-mix(in oklch, var(--color-correlation-negative) calc(var(--correlation-intensity) * 62%), var(--color-surface))}.correlation-cell.is-positive{background:color-mix(in oklch, var(--color-correlation-positive) calc(var(--correlation-intensity) * 62%), var(--color-surface))}:root[data-theme=dark] .correlation-cell.is-negative{background:color-mix(in oklch, var(--color-correlation-negative) calc(var(--correlation-intensity) * 40%), var(--color-surface))}:root[data-theme=dark] .correlation-cell.is-positive{background:color-mix(in oklch, var(--color-correlation-positive) calc(var(--correlation-intensity) * 40%), var(--color-surface))}.correlation-cell.is-missing{background:var(--color-correlation-missing)}.correlation-cell.is-class-start,.correlation-column-header.is-class-start{border-inline-start:2px solid var(--color-line)}.correlation-cell.is-row-class-start,.correlation-row-header.is-class-start{border-block-start:2px solid var(--color-line)}.correlation-cell button{block-size:100%;inline-size:100%;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:.25rem;font-weight:700;display:grid}.correlation-cell button[aria-pressed=true],.correlation-cell button:focus-visible{outline:3px solid var(--color-correlation-selected);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.correlation-cell button:hover:not([aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--color-muted)}}.correlation-scroll-hint{text-align:end;margin-block:.35rem 0}.correlation-selection{margin-block:1.5rem}.correlation-selection dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;display:grid}.correlation-rankings{margin-block:2rem}.correlation-rankings>section{margin-block-start:1.5rem}.correlation-rankings h3{margin-block:0 .5rem}.correlation-alternative{margin-block:2rem}.correlation-ranking-details{margin:0}.correlation-ranking-details summary,.correlation-alternative summary{cursor:pointer;min-block-size:44px;font-weight:700}.correlation-alternative section{margin-block-start:1.5rem}.correlation-standard-table-scroll{overscroll-behavior-inline:contain;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);max-inline-size:100%;overflow:auto hidden}.correlation-standard-table-scroll>.correlation-standard-table{background:0 0;border:0;border-radius:0;inline-size:max-content;min-inline-size:100%;margin:0;display:table}.correlation-notes{color:var(--color-muted);font-size:.88rem}.correlation-notes a{color:var(--color-secondary)}.correlation-error{font-weight:700}@media (width<=40rem){.correlation-figure{--correlation-group-header-height:2.25rem;--correlation-name-header-height:5.6rem;--correlation-cell-size:3.25rem;--correlation-row-header-size:8.5rem}.correlation-metadata,.correlation-selection dl{grid-template-columns:minmax(0,1fr)}.correlation-matrix-scroll{border-radius:var(--radius-sm);block-size:min(60dvh,34rem);min-block-size:23rem}.correlation-corner{font-size:.78rem}}@media (forced-colors:active){.correlation-matrix-scroll,.correlation-corner,.correlation-group-header,.correlation-column-header,.correlation-row-header,.correlation-cell{color:canvastext;background:canvas;border-color:canvastext}.correlation-cell button{color:canvastext}.correlation-cell button[aria-pressed=true],.correlation-cell button:focus-visible{outline-color:highlight}}
