/* precision-recall: the capstone's hap.py benchmark re-scored by the reader (content/academy/genetics-for-data-scientists/capstone.md). */
.precision-recall__buttons { display: inline-flex; flex-wrap: wrap; gap: var(--spacing-4); }
.precision-recall__buttons .button { max-width: 100%; }
.precision-recall__select { max-width: 100%; padding: var(--spacing-2) var(--spacing-4); border: var(--stroke-weight-1) solid var(--border-default); border-radius: var(--corner-radius-xs); background-color: var(--background-base); color: inherit; font-size: var(--font-size-14); }
.precision-recall__slider { width: var(--width-320); max-width: 60%; accent-color: var(--text-primary); }
.precision-recall__value { color: var(--text-primary); font-family: var(--font-family-mono); font-size: var(--font-size-14); }
.precision-recall__summary { margin-bottom: var(--spacing-12); }
.precision-recall__headline { margin-bottom: var(--spacing-4); color: var(--text-primary); font-size: var(--font-size-16); font-weight: var(--font-weight-600); }
.precision-recall__note { margin-bottom: var(--spacing-8); color: var(--text-secondary); font-size: var(--font-size-12); }
.precision-recall__table-wrap { overflow-x: auto; margin-bottom: var(--spacing-12); }
.precision-recall__table-wrap--errors { max-height: 20rem; }
.precision-recall__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-12); }
.precision-recall__table th { position: sticky; top: 0; padding: var(--spacing-2) var(--spacing-8); border-bottom: var(--stroke-weight-1) solid var(--border-default); background-color: var(--background-surface-1); color: var(--text-tertiary); font-weight: var(--font-weight-600); text-align: left; }
.precision-recall__table td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); vertical-align: top; }
.precision-recall__table td:first-child, .precision-recall__table td:nth-child(2) { font-family: var(--font-family-mono); white-space: nowrap; }
.precision-recall__formula { margin-bottom: var(--spacing-12); color: var(--text-secondary); font-family: var(--font-family-mono); font-size: var(--font-size-12); overflow-wrap: anywhere; }
.precision-recall__curve-wrap { max-width: 24rem; margin-bottom: var(--spacing-12); }
.precision-recall__curve { display: block; width: 100%; height: auto; font-family: var(--font-family-body); font-size: var(--font-size-14); }
.precision-recall__grid { stroke: var(--border-subtle); stroke-width: 1; }
.precision-recall__axis { fill: var(--text-tertiary); }
.precision-recall__line { fill: none; stroke: var(--text-primary); stroke-width: 2; }
.precision-recall__line--other { stroke: var(--text-tertiary); stroke-width: 1.5; stroke-dasharray: 4 3; }
.precision-recall__dot { fill: var(--text-danger); }
.precision-recall__ring { fill: none; stroke: var(--text-primary); stroke-width: 1.5; }
.precision-recall__threshold { stroke: var(--text-danger); stroke-width: 1.5; }
.precision-recall__bar { fill: var(--text-secondary); }
.precision-recall__bar--gt { fill: var(--text-danger); }
.precision-recall__bar--fp { fill: var(--text-secondary); }
.precision-recall__bar--dropped { fill: var(--border-default); }