.approved-design .score-insights { display:grid; gap:calc(16 * var(--guide-unit)); }
.approved-design .score-cohort { display:flex; gap:calc(14 * var(--guide-unit)); flex-wrap:wrap; align-items:end; }
.approved-design .score-cohort label { display:grid; gap:6px; color:#565650; font:600 calc(13 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-cohort select { min-height:calc(44 * var(--guide-unit)); max-width:100%; width:calc(230 * var(--guide-unit)); padding:10px 34px 10px 12px; border:1px solid #918b80; border-radius:8px; background:#fffefa; color:#24231f; font:400 calc(15 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-insights :is(input,select,button):focus-visible { outline:3px solid #155b86; outline-offset:3px; }
.approved-design .score-insights .score-status { font-size:calc(12 * var(--guide-unit)); }
.approved-design .score-insights .guides-card { display:block; min-width:0; }
.approved-design .score-insights .guides-card > p { margin-bottom:calc(10 * var(--guide-unit)); }
.approved-design .score-insights .guides-card h2 { margin-bottom:calc(8 * var(--guide-unit)); }
.approved-design .score-kpis { display:grid; grid-template-columns: .7fr 1fr 1fr; gap:12px; margin:calc(18 * var(--guide-unit)) 0; border-block:1px solid #ded9ce; padding-block:calc(14 * var(--guide-unit)); }
.approved-design .score-kpis dt { color:#565650; font:400 calc(12 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-kpis dd { margin:6px 0 0; color:#24231f; font:600 calc(24 * var(--guide-unit))/1.3 var(--font-data); }
.approved-design .score-insights .score-chart-caption { display:flex; justify-content:space-between; gap:8px; font-size:calc(12 * var(--guide-unit)); margin-bottom:8px; }
.approved-design .score-hist-row { display:grid; grid-template-columns:calc(58 * var(--guide-unit)) minmax(0,1fr) calc(95 * var(--guide-unit)); gap:calc(10 * var(--guide-unit)); align-items:center; min-height:calc(23 * var(--guide-unit)); color:#565650; font:400 calc(12 * var(--guide-unit))/1.4 var(--font-data); font-variant-numeric:tabular-nums; }
.approved-design .score-hist-row > span:last-child { text-align:right; color:#24231f; }
.approved-design .score-hist-row small { display:inline-block; min-width:calc(45 * var(--guide-unit)); color:#565650; font:inherit; }
.approved-design .score-bar-track { display:block; height:calc(9 * var(--guide-unit)); background:#eeeae1; }
.approved-design .score-bar-track > span { display:block; height:100%; background:#292b2a; }
.approved-design [data-score-panel='body'] .score-bar-track > span { background:#aa1020; }
.approved-design .score-insights .score-coverage { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px; margin-top:calc(14 * var(--guide-unit)); font-size:calc(12 * var(--guide-unit)); }
.approved-design .score-insights .score-confidence { font-size:calc(12 * var(--guide-unit)); margin-top:4px; }
.approved-design .score-try { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:calc(18 * var(--guide-unit)); color:#24231f; font:600 calc(14 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-try input { min-height:calc(44 * var(--guide-unit)); width:calc(92 * var(--guide-unit)); border:1px solid #918b80; border-radius:8px; padding:8px; background:#fffefa; color:#24231f; font:500 calc(16 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-ruler { position:relative; height:calc(10 * var(--guide-unit)); background:#eeeae1; margin:calc(18 * var(--guide-unit)) 7px 10px; }
.approved-design .score-typical { position:absolute; inset-block:0; background:#bab3a5; }
.approved-design .score-median-marker { position:absolute; top:-3px; bottom:-3px; width:2px; background:#24231f; }
.approved-design .score-selected-marker { position:absolute; width:calc(14 * var(--guide-unit)); height:calc(14 * var(--guide-unit)); border-radius:50%; background:#aa1020; border:2px solid #fffefa; top:50%; transform:translate(-50%,-50%); }
.approved-design .score-ruler-labels { display:flex; justify-content:space-between; gap:6px; color:#565650; font:400 calc(11 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-insights .score-percentile { margin-top:12px; font-size:calc(13 * var(--guide-unit)); min-height:3.1em; }
.approved-design .score-rubric { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 12px; }
.approved-design .score-rubric div { padding:12px; background:#f4f1e9; border-radius:6px; }
.approved-design .score-rubric dt { font:650 calc(14 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-rubric dd { margin:4px 0 0; color:#565650; font:400 calc(13 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .score-age-table { width:100%; border-collapse:collapse; color:#24231f; font:400 calc(13 * var(--guide-unit))/1.4 var(--font-data); table-layout:fixed; }
.approved-design .score-age-table th { text-align:left; font-weight:600; }
.approved-design .score-age-table :is(td,th) { padding:12px 8px; border-bottom:1px solid #ded9ce; vertical-align:top; }
.approved-design .score-age-table small { display:block; color:#565650; }
.approved-design .score-age-range { height:10px; margin:6px 4px 10px; background:#eeeae1; position:relative; }
.approved-design .score-age-range span { position:absolute; inset-block:0; background:#bab3a5; }
.approved-design .score-age-range i { position:absolute; top:-3px; bottom:-3px; width:2px; background:#24231f; }
.approved-design .detail-body-assessment .body-component-value { display:grid; grid-template-columns:minmax(80px,1fr) auto; gap:12px; align-items:center; width:100%; }
.approved-design .body-component-track { display:block; height:8px; background:#eeeae1; }
.approved-design .body-component-track > span { display:block; height:100%; background:#aa1020; }
@media(max-width:900px) { .approved-design .score-insights .guides-score-grid { grid-template-columns:1fr; } }
@media(max-width:600px) {
 .approved-design .score-cohort { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
 .approved-design .score-cohort label:first-child { grid-column:1/-1; }
 .approved-design .score-cohort label { min-width:0; }
 .approved-design .score-cohort select { width:100%; font-size:16px; }
 .approved-design .score-kpis { gap:8px; grid-template-columns:.7fr 1fr 1fr; }
 .approved-design .score-kpis dd { font-size:18px; overflow-wrap:anywhere; }
 .approved-design .score-hist-row { grid-template-columns:54px minmax(0,1fr) 87px; gap:8px; }
 .approved-design .score-ruler-labels { font-size:11px; }
}
.approved-design .score-try label { color:#24231f; text-transform:none; letter-spacing:normal; font:600 calc(14 * var(--guide-unit))/1.4 var(--font-data); }
.approved-design .detail-body-assessment dl { margin:16px 0; display:grid; gap:14px; }
.approved-design .detail-body-assessment dl > div { display:grid; gap:6px; min-width:0; }
.approved-design .detail-body-assessment .body-component-value { width:auto; margin:0; min-width:0; }
.approved-design .score-age-table { min-width:0; }
.approved-design .score-age-table :is(th,td) { position:static; min-width:0; width:auto; background:transparent; color:#24231f; white-space:normal; text-transform:none; letter-spacing:normal; box-shadow:none; }
.approved-design .score-age-table tr { background:transparent; }
.approved-design .score-age-table th:first-child { width:20%; }