/* Mini laboratorio · usa la tipografía, botones y tokens de InsustituIAble. */
.learning-lab{scroll-margin-top:90px}
.learning-lab .lab-intro{max-width:65ch;color:var(--ink-2)}
.lab-demo{margin-top:24px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.lab-grid h3{font-size:clamp(1.4rem,2.5vw,1.8rem);margin:12px 0}
.lab-grid p{color:var(--ink-2);line-height:1.65}
.lab-controls{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}
.lab-controls[hidden],.lab-panel[hidden]{display:none}
.lab-controls button{min-height:46px;padding:11px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:600 .9rem/1.4 Figtree,"Segoe UI",sans-serif;cursor:pointer}
.lab-controls button:hover{border-color:var(--gold)}
.lab-controls button[aria-pressed="true"]{border-color:var(--gold);background:var(--gold-soft);color:var(--gold)}
.lab-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.lab-note{font-size:.85rem;max-width:62ch}
.lab-sample{min-height:360px;padding:24px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:8px}
.lab-panel+.lab-panel:not([hidden]){margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.lab-sample[data-enhanced] .lab-panel{margin-top:0;padding-top:0;border-top:0}
.lab-review{border-left:2px solid var(--gold);padding-left:12px;font-size:.85rem}
.lab-demo>.btn{margin-top:24px;min-height:46px}
@media(max-width:720px){.lab-demo{padding:20px}.lab-grid{grid-template-columns:minmax(0,1fr);gap:20px}.lab-sample{padding:20px;min-height:0}.lab-controls button{flex:1;min-width:120px}.lab-demo>.btn{width:100%;justify-content:center;text-align:center}}