.demo-assessment{margin:20px 0;border:1px solid #bac9d9;border-radius:12px;overflow:hidden;background:#fff;color:#17283e}
.demo-assessment-head{background:#fff3cc;border-bottom:4px solid #bc8200;padding:20px;position:relative}
.demo-assessment-head h3{font-size:20px;line-height:1.4;margin:10px 0;max-width:850px}
.demo-assessment .demo-score{font-size:30px;display:block;color:#132c4c}.demo-assessment p{font-size:15px;line-height:1.6}
.demo-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}
.demo-signal{border-left:5px solid;border-radius:6px;padding:14px;min-width:0}.demo-signal h4{font-size:16px;margin:0 0 8px}
.demo-signal p{margin:0 0 10px}.demo-interpretation{font-weight:550}
.tone-blue{border-color:#2366a1;background:#edf5ff}.tone-green{border-color:#247653;background:#eaf7ee}.tone-red{border-color:#bc3545;background:#fff0f1}.tone-yellow{border-color:#ac7800;background:#fff7da}.tone-gray{border-color:#606873;background:#f0f2f4}
.demo-rubric{padding:14px 20px;border-top:1px solid #d8e1eb}.demo-rubric summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}.demo-rubric summary:before{content:'▸';margin-right:10px}.demo-rubric[open] summary:before{content:'▾'}
.demo-rubric:not([open])>:not(summary){display:none}.demo-dimension{padding:12px 0;border-top:1px solid #e1e7ee}.demo-dimension p{margin:5px 0}
.demo-source{padding:14px 20px;background:#f2f5f8;margin:0!important;font-size:14px!important}.demo-attention-score{background:#fff1bd;padding:10px;border-radius:6px;font-weight:650;color:#574000}
@media(max-width:700px){.demo-signals{grid-template-columns:1fr}.demo-assessment-head,.demo-rubric{padding:14px}}