.bar-details {position:fixed;z-index:10000;box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:12px;background:#fff;color:#20372e;border:1px solid #a8bbb0;border-radius:6px;box-shadow:0 3px 12px #163d3020;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;text-align:left;letter-spacing:normal;}
.bar-details[hidden]{display:none!important}
.bar-details-heading {display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #dce5df}
.bar-details-title {font-size:15px;line-height:1.3;font-weight:700}
.bar-details-count {font-size:12px;color:#52665b;white-space:nowrap}
.bar-details-body {display:grid;grid-template-columns:minmax(95px,.85fr) minmax(0,1.45fr);gap:14px;align-items:start}
.bar-details-names {list-style:none;padding:0 6px 0 0;margin:0;max-height:224px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:4px;}
.bar-details-names li {padding:1px 0;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.bar-details-example {padding:0 0 0 12px;border-left:1px solid #dce5df;min-width:0}
.bar-details-example-label {display:block;font-size:11px;color:#52665b;margin:0 0 4px}
.bar-details p {margin:0 0 8px;font:inherit;line-height:1.4;color:inherit}
.bar-details-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;font-size:13px}
.bar-details-options>span {padding:3px 6px;border:1px solid #e0e7e2;border-radius:3px;overflow-wrap:anywhere}
.bar-details .bar-details-correct {font-weight:700;color:#245b41;background:#edf5ef;border-color:#a9c9b5}
.bar-details-example .pilot-diagram {max-width:220px;margin:6px auto}
.bar-details-example svg {max-height:120px;width:100%}
.bar-details-example .pilot-equation {font-size:14px;gap:4px;margin:6px 0}
.bar-details:not(:has(.bar-details-example)) {width:min(340px,calc(100vw - 24px))}
.bar-details-body:not(:has(.bar-details-example)) {grid-template-columns:1fr}
.bar-details-body:not(:has(.bar-details-example)) .bar-details-names {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}
@media(max-width:480px){.bar-details{padding:10px}.bar-details-body{gap:10px;grid-template-columns:minmax(88px,.75fr) minmax(0,1.5fr)}.bar-details-example{padding-left:10px}.bar-details-title{font-size:14px}}
[data-bar-details] {cursor:help}
[data-bar-details]:focus-visible {outline:3px solid #225ca5;outline-offset:3px;position:relative;z-index:1}
.visual-results .rv-bar {height:28px;overflow:visible;gap:2px;background:transparent}
.visual-results .rv-segment {font:700 12px Arial,sans-serif;border:0;padding:0;min-width:0;flex-shrink:1;border-radius:3px;color:white}
.visual-results .rv-segment.missing {color:#26392f}
.visual-results .rv-objective-row {cursor:default}
.rv-objective-context {border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}
.rv-objective-open {border:0;background:none;font:inherit;text-align:left;padding:4px 0;cursor:pointer}
.rv-pupil-skill-label {border:0;background:none;font:inherit;text-align:left;color:inherit;padding:4px 0;cursor:pointer}
.visual-results .rv-pupil-skill {grid-template-columns:minmax(100px,1fr) minmax(90px,1fr) 30px;cursor:default}
.home-intro.home-design .person,.home-design .student-name-chip {display:inline-block;margin:3px 5px 3px 0;padding:4px 9px;background:#eef3f0;border:1px solid #cbd9d1;border-radius:5px;font:600 15px/1.5 Arial,Helvetica,sans-serif;color:#20372e;white-space:normal;overflow-wrap:anywhere}
.home-design .names {line-height:1.6;font-size:15px}
.home-design .names>b {display:block;margin-bottom:4px}
.rv-roster-button,.rv-pupil-link,.ss-name {font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1.5}
.report-outcome-tooltip .report-outcome-tooltip-list {grid-template-columns:1fr;max-height:none}
.report-outcome-tooltip .report-outcome-tooltip-list li {font-size:15px;min-height:34px}
.report-outcome-tooltip .report-outcome-tooltip-list li span {white-space:normal;overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif;font-weight:600}
.report-outcome-tooltip .report-outcome-tooltip-list li strong {font-size:12px}
@media print {.bar-details {display:none!important}}