/* Review views compose the existing measured shell, cards and button tokens. */
.interactive-tests { display:grid; gap:var(--space-16); min-width:0; }
.interactive-test-heading h1 { margin:0 0 var(--space-8); }
.interactive-test-heading p,.interactive-example-copy p { margin:0; color:var(--text-secondary); }
.interactive-test-list { list-style:none; padding:0; margin:0; display:grid; gap:var(--space-12); }
.interactive-example-card > .ui-card-body { display:flex; align-items:center; justify-content:space-between; gap:var(--space-24); }
.interactive-example-copy { display:grid; gap:var(--space-8); min-width:0; }
.interactive-example-card .ui-button { flex-shrink:0; }
.interactive-example-meta { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-8); font-size:var(--text-meta-size); color:var(--text-secondary); }
.interactive-test-navigation,.interactive-test-actions { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-12); }
.interactive-test-navigation { justify-content:space-between; }
.interactive-test-navigation > span { font-size:var(--text-meta-size); color:var(--text-secondary); }
.interactive-test-actions { margin-top:var(--space-16); }
.interactive-question-material summary { cursor:pointer; font-weight:500; }
.interactive-question-text { white-space:pre-wrap; }
.interactive-question-material img { display:block; max-width:100%; max-height:650px; object-fit:contain; margin:var(--space-16) auto 0; }
@media (max-width:640px) {
 .interactive-example-card > .ui-card-body { align-items:stretch; flex-direction:column; gap:var(--space-12); }
 .interactive-example-card .ui-button { align-self:flex-start; }
}