.verbal-lab{border:1px solid var(--border);background:linear-gradient(145deg,var(--secondary),var(--card) 46%);box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 8%,transparent);border-radius:18px;margin:2rem 0;padding:1.5rem}.verbal-lab h2{font-size:1.45rem}.verbal-lab h3{margin:1rem 0 .6rem;font-size:1.05rem}.verbal-lab-kicker{color:var(--primary);font-size:.875rem;font-weight:800}.verbal-lab-privacy,.verbal-lab-objective{color:var(--muted-foreground);font-size:.9rem}.verbal-lab-source{background:var(--card);border-inline-start:4px solid var(--accent-foreground);white-space:pre-wrap;border-radius:12px;padding:1rem 1.1rem;font-weight:700}.verbal-lab-counter{color:var(--muted-foreground);justify-content:space-between;gap:1rem;font-size:.875rem;display:flex}.verbal-lab-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.verbal-lab-steps li{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:10px;place-items:center;min-height:44px;padding:.5rem;font-size:.875rem;display:grid}.verbal-lab-steps li.active{border-color:var(--primary);color:var(--primary);font-weight:800}.verbal-lab-steps li.done{background:var(--success-surface);border-color:var(--success)}.verbal-lab-option{border:1px solid var(--input);cursor:pointer;overflow-wrap:anywhere;border-radius:10px;align-items:baseline;gap:.75rem;min-height:48px;padding:.75rem 1rem;display:flex}.verbal-lab-option.selected{border-color:var(--primary);background:var(--card)}.verbal-lab-feedback{border-inline-start:4px solid;border-radius:12px;gap:.4rem;margin-top:1rem;padding:1rem;display:grid}.verbal-lab-feedback.is-correct{background:var(--success-surface);border-color:var(--success)}.verbal-lab-feedback.needs-review{background:var(--error-surface);border-color:var(--destructive)}.verbal-lab-storage{color:var(--muted-foreground);margin:1rem 0;display:block}.verbal-lab-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.verbal-lab-actions button,.verbal-lab-button{white-space:normal;height:auto;min-height:46px;padding:.65rem 1rem}.verbal-lab-review{gap:1rem;display:grid}.verbal-lab-review article{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:1rem}.verbal-lab-correct{color:var(--success)}.verbal-lab-error{color:var(--destructive)}.verbal-lab-remediation{background:var(--accent);color:var(--accent-foreground);border-radius:12px;padding:1rem}.verbal-lab-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.verbal-lab-summary article{border:1px solid;border-radius:12px;gap:.25rem;padding:1rem;display:grid}.verbal-lab-summary article.is-correct{background:var(--success-surface);border-color:var(--success)}.verbal-lab-summary article.needs-review{background:var(--error-surface);border-color:var(--destructive)}.verbal-lab-summary span{font-size:.875rem}.verbal-lab :is(button,[role=radio]):focus-visible{outline:3px solid var(--ring);outline-offset:4px}.verbal-lab-clarity{border:1px solid var(--border);background:var(--card);border-radius:12px;gap:.75rem;margin:1.25rem 0 0;padding:1rem;display:grid}.verbal-lab-clarity legend{padding:0 .35rem;font-weight:800}.verbal-lab-clarity p{color:var(--muted-foreground);margin:0;font-size:.875rem}.verbal-lab-clarity [role=radiogroup]{flex-wrap:wrap;gap:.65rem;display:flex}.verbal-lab-clarity-option{border:1px solid var(--input);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;min-height:44px;padding:.55rem .75rem;display:flex}.verbal-lab-clarity button{justify-self:start;min-height:44px}.verbal-lab-clarity output{color:var(--muted-foreground);font-size:.875rem}@media (max-width:620px){.verbal-lab{padding:1rem}.verbal-lab-steps,.verbal-lab-summary{grid-template-columns:1fr}.verbal-lab-actions button{width:100%}.verbal-lab-counter{flex-direction:column;align-items:flex-start;gap:.25rem}}
