/* pgs-dotproduct: a polygenic score as a weighted sum, module 6 (content/academy/genetics-for-data-scientists/module-6.md). */
.pgs-dotproduct__buttons { display: inline-flex; flex-wrap: wrap; gap: var(--spacing-4); }
.pgs-dotproduct__radio { display: inline-flex; align-items: baseline; gap: var(--spacing-4); }
.pgs-dotproduct__summary { margin-bottom: var(--spacing-12); color: var(--text-primary); font-size: var(--font-size-14); }
.pgs-dotproduct__summary p { margin-bottom: var(--spacing-4); }
.pgs-dotproduct__plot-wrap { overflow-x: auto; margin-bottom: var(--spacing-12); }
.pgs-dotproduct__plot { display: block; width: 100%; min-width: 40rem; height: auto; font-family: var(--font-family-body); font-size: var(--font-size-12); }
.pgs-dotproduct__bar { fill: var(--border-strong); }
.pgs-dotproduct__axis-line { stroke: var(--text-tertiary); stroke-width: 1; }
.pgs-dotproduct__label { fill: var(--text-secondary); }
.pgs-dotproduct__mean { stroke: var(--text-secondary); stroke-width: 2; }
.pgs-dotproduct__mean--current { stroke: var(--text-primary); stroke-width: 3; }
.pgs-dotproduct__person { stroke: var(--text-danger); stroke-width: 2; }
.pgs-dotproduct__person-label { fill: var(--text-danger); font-weight: var(--font-weight-600); }
.pgs-dotproduct__table-wrap { overflow-x: auto; margin-bottom: var(--spacing-12); }
.pgs-dotproduct__table-wrap--tall { max-height: 24rem; overflow-y: auto; }
.pgs-dotproduct__groups,
.pgs-dotproduct__table { width: 100%; border-collapse: collapse; font-size: var(--font-size-12); }
.pgs-dotproduct__groups th,
.pgs-dotproduct__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; }
.pgs-dotproduct__groups td,
.pgs-dotproduct__table td { padding: var(--spacing-2) var(--spacing-8); color: var(--text-primary); font-family: var(--font-family-mono); white-space: nowrap; }
.pgs-dotproduct__row--current td { font-weight: var(--font-weight-600); }
.pgs-dotproduct__row--changed td { color: var(--text-danger); }
.pgs-dotproduct__select { padding: 0 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-family: var(--font-family-mono); font-size: var(--font-size-12); }