.research-page{--research-bar:var(--mk-accent)}.dark .research-page{--research-bar:#8f7ef0}.research-chart{color:var(--mk-ink)}.research-bars{gap:2px;display:grid}.research-row{outline-offset:2px;border-radius:.35rem;grid-template-columns:minmax(9rem,1fr) minmax(8rem,2fr);align-items:center;gap:1rem;min-height:2.6rem;padding:.35rem .45rem;display:grid;position:relative}.research-row:focus-visible{outline:2px solid var(--mk-accent)}.research-label,.research-value{color:var(--mk-ink);font-size:.875rem}.research-track{border-left:1px solid var(--mk-line);align-items:center;height:1.4rem;display:flex;position:relative}.research-bar{background:var(--research-bar);border-radius:4px;min-width:4px;height:.55rem;display:block}.research-value{color:var(--mk-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem;position:absolute;top:50%;transform:translateY(-50%)}.research-tooltip{z-index:2;border:1px solid var(--mk-line);background:var(--mk-surface);color:var(--mk-ink);opacity:0;pointer-events:none;border-radius:.5rem;padding:.45rem .65rem;font-size:.75rem;position:absolute;bottom:calc(100% - .25rem);left:45%}.research-row:hover .research-tooltip,.research-row:focus .research-tooltip{opacity:1}.research-table-details{color:var(--mk-muted);margin-top:1.25rem;font-size:.875rem}.research-table-details summary{cursor:pointer;width:fit-content}.research-table-details table{width:100%;margin-top:.75rem}@media (max-width:640px){.research-row{grid-template-columns:minmax(6rem,1fr) minmax(4rem,1.2fr);gap:.5rem}}