.language-selector { display: inline-flex; gap: .8em; margin-left: .8em; }
.language-selector label { margin: 0 .5em; }
.kcor-row { display: flex; gap: 12px; align-items: center; margin: 6px 0; flex-wrap: wrap; }
.kcor-label { font-weight: 600; margin-right: 8px; }
.cutoff-row { column-gap: .5em; }
.area-row { align-items: flex-start; }
.area-row > #area { display: flex; flex: 1 1 30em; flex-wrap: wrap; gap: .25em .7em; }
.area-row > #area .inline { margin-right: 0; }
.inline { display: inline-block; margin-right: .7em; white-space: nowrap; }
.selection-controls { display: flex; flex-wrap: wrap; gap: .7em 2em; align-items: flex-start; }
.selection-block { min-width: 0; max-width: 100%; }
.selection-scroll { max-width: 100%; overflow-x: auto; }
#age-scale { width: max-content; min-width: 100%; }
#age { display: flex; flex-wrap: nowrap; gap: .55em; align-items: flex-start; }
#age .inline, #c1 .inline, #c2 .inline { display: inline-flex; flex-direction: column; align-items: center; margin-right: 0; }
#age .age-special-first { margin-left: .8em; }
#age-range-slider { width: 20em; }
#age-range-slider.unmatched, #dose-split-slider.unmatched { opacity: .32; }
#c1, #c2 { display: inline-grid; grid-template-columns: repeat(8, max-content); column-gap: .7em; }
#c1 .option-label { display: none; }
#dose-split-row { position: relative; height: 28px; margin: 2px 0 -4px; }
#dose-split-slider { position: absolute; top: 0; width: 12em; }
#quiet-row { margin: .65em auto .2em; }
#quiet-row > div { margin-bottom: .2em; }
.chart-slider { position: relative; height: 28px; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; }
.slider-track { position: absolute; left: 0; right: 0; top: 13px; height: 3px; border-radius: 2px; background: #9aa0aa; }
.slider-thumb { position: absolute; top: 50%; left: 0; width: 16px; height: 16px; border: 1px solid #666; border-radius: 50%; background: #687080; transform: translate(-50%, -50%); box-sizing: border-box; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; }
.window-range, .single-range { position: absolute; left: -8px; top: 0; width: calc(100% + 16px); height: 28px; margin: 0; appearance: none; -webkit-appearance: none; background: transparent; pointer-events: none; touch-action: none; }
.window-range::-webkit-slider-thumb, .single-range::-webkit-slider-thumb { width: 20px; height: 28px; appearance: none; -webkit-appearance: none; pointer-events: none; opacity: 0; }
.window-range::-moz-range-thumb, .single-range::-moz-range-thumb { width: 20px; height: 28px; pointer-events: none; opacity: 0; }
#quiet-start { z-index: 2; }
#quiet-end { z-index: 3; }
#fit-end { z-index: 2; }
#gamma-toggle { padding: .35em .8em; }
#osaka-gamma-note[hidden] { display: none !important; }
.gamma-active-note { color: #c00000; font-weight: 600; }
#fit-results { margin: .25em 0 .45em; }
.fit-result { display: flex; gap: .55em; height: 1.45em; line-height: 1.45; white-space: nowrap; overflow: hidden; }
.fit-result .mono { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#fit-results:not(.gamma-active) .gamma-fit-result { display: none; }
#quiet-start-value, #quiet-end-value, #fit-end-value { overflow-wrap: anywhere; }
#gamma-factor { margin-left: 1em; }
select { max-width: min(100%, 42em); }
option:disabled { color: #777; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
.cohort1 { color: blue; }
.cohort2 { color: red; }
#kcor-status { text-align: center; margin: 1em; }
#kcor-status:empty { display: none; }
#view { width: 100%; max-width: 1020px; margin-left: auto; margin-right: auto; }
#view.vega-embed { display: flex; justify-content: center; overflow-x: auto; }
#rr-scale-control { width: 100%; max-width: 1020px; margin: .2em auto .5em; text-align: center; }