.assessment-review { display:flex; flex-direction:column; flex:1; min-height:0; padding:6px 10px; border:1px solid #cadace; border-radius:10px; background:#f7faf3; color:var(--ink,#233631); }
.assessment-review[hidden] { display:none!important; }
.assessment-review-host { flex:1; min-height:0; }
.ar-visual { flex:1; min-height:0; background:radial-gradient(#d6ddd150 .75px,transparent .75px); background-size:18px 18px; }
.ar-visual > svg { display:block; width:100%; height:100%; max-height:330px; }
.ar-visual text { font-family:Inter,"Segoe UI",Arial,sans-serif; }
.ar-caption { display:flex; align-items:center; justify-content:center; flex:none; min-height:66px; margin:5px 0; padding:7px 12px; border-radius:8px; background:#e8f1e3; color:#285936; font-size:16px; line-height:1.4; text-align:center; }
.ar-transcript,.ar-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ar-controls { display:flex; align-items:center; justify-content:center; flex:none; gap:8px; }
.ar-controls button { min-height:40px; padding:8px 13px; border:1px solid #c5d8cb; border-radius:8px; background:#fffefa; color:#196b64; font:650 12px/1.3 Inter,"Segoe UI",Arial,sans-serif; cursor:pointer; }
.ar-controls button:hover:not(:disabled) { background:#e4efe0; }
.ar-controls .ar-primary { min-width:112px; background:#196b64; border-color:#196b64; color:#fff; }
.ar-controls .ar-primary:hover:not(:disabled) { background:#115650; }
.ar-controls button:disabled { opacity:.6; cursor:default; }
.ar-controls button:focus-visible { outline:3px solid #005cbd; outline-offset:2px; }
.ar-progress { flex:none; height:4px; margin-top:6px; overflow:hidden; border-radius:4px; background:#dfe8da; }
.ar-progress > span { display:block; height:100%; width:0; background:#6e9774; }
.ar-audio { display:none; }
@media(max-width:600px) {
  .assessment-review { padding:5px 6px; }
  .ar-caption { min-height:85px; padding:6px 9px; font-size:14px; line-height:1.35; }
  .ar-controls { gap:5px; }
  .ar-controls button { min-height:40px; padding:8px 9px; font-size:11px; }
  .ar-controls .ar-primary { min-width:108px; }
}
@media print { .assessment-review { display:none; } }