/* Reusable beginner experiment surface, scoped to Lesson 3. */
.fruit-lab{margin:22px 0;border-color:#c6ded5;background:#fffefa}
.fruit-lab h2{max-width:740px}.fruit-lab-top{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.fruit-lab-tag{font-size:.8rem;color:#196c63;font-weight:800;border-radius:999px;background:#eaf7f0;padding:7px 12px}
.fruit-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px}
.fruit-lab-box{background:#f5faf7;border-radius:18px;border:1px solid #dbe9df;padding:20px;min-width:0}
.fruit-lab-box h3{margin:0 0 10px;font-size:1.14rem}.fruit-lab-box p{font-size:.95rem}
.fruit-examples{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.fruit-example{background:#fff;border:1px solid #cbded4;border-radius:13px;padding:9px 11px;font-size:.89rem;font-weight:750}
.fruit-lab-field{display:grid;gap:6px;margin:12px 0;color:#235954;font-weight:800}
.fruit-lab-select{width:100%;min-height:48px;background:#fff;color:#253d3b;border:2px solid #c5dbd2;border-radius:11px;padding:10px;font:inherit}
.fruit-lab-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.fruit-lab-actions .btn{min-height:44px}.fruit-lab-outcome{border-radius:17px;background:#eaf6f0;padding:16px;margin-top:16px}
.fruit-lab-outcome p{margin:5px 0}.fruit-lab-result{font-size:1.2rem;font-weight:900;color:#18594f}
.fruit-lab[data-outcome="incorrect"] .fruit-lab-outcome{background:#fff0e8}
.fruit-lab[data-outcome="unsure"] .fruit-lab-outcome{background:#fff5d9}
.fruit-lab-help{background:#f5f0fc;padding:16px;border-radius:16px;margin-top:14px;font-size:.92rem}
.fruit-lab-note{font-size:.9rem;color:#47625e;border-top:1px solid #e0ece5;padding-top:12px}
@media(max-width:720px){.fruit-lab-grid{grid-template-columns:1fr}.fruit-lab-actions .btn{flex:1;min-width:165px}}
@media print{.fruit-lab-select,.fruit-lab-actions{display:none!important}.fruit-lab-box{break-inside:avoid}}