.learn-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;padding:18px;min-height:calc(100vh - 74px);background:#f6f7f8;color:#111827}.learn-column{display:flex;flex-direction:column;gap:16px;min-width:0}.learn-hero,.learn-card{background:#fff;border:1px solid #d9dde3;border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.05)}.learn-hero{display:flex;justify-content:space-between;gap:20px;padding:22px 24px}.learn-hero h1{font-size:28px;line-height:1.15;margin:4px 0 8px}.learn-hero p{margin:0;max-width:760px;color:#64748b;line-height:1.55}.learn-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6b7280}.learn-badge,.learn-pill{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid #d1d5db;background:#f8fafc;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.learn-pill.pass{background:#f0fdf4;border-color:#bbf7d0}.learn-pill.fail{background:#fff7ed;border-color:#fed7aa}.learn-card{padding:18px}.learn-card h2{margin:0;font-size:18px}.learn-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.learn-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#475569;margin-bottom:12px}.learn-card input,.learn-card textarea,.learn-card select{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#111827;padding:9px 10px;font:inherit;outline:none}.learn-card input:focus,.learn-card textarea:focus,.learn-card select:focus{border-color:#64748b;box-shadow:0 0 0 2px rgba(100,116,139,.12)}.learn-actions{display:flex;align-items:center;gap:8px}.learn-wrap{flex-wrap:wrap}.learn-actions button,.learn-card button{border:1px solid #cbd5e1;background:#fff;color:#111827;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}.learn-actions button.primary,.learn-card button.primary{background:#111827;border-color:#111827;color:#fff}.learn-card button.danger{color:#991b1b;border-color:#fecaca;background:#fff}.learn-card button:disabled{opacity:.45;cursor:not-allowed}.learn-note{font-size:12px;color:#64748b;line-height:1.5}.learn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.learn-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.learn-question{border-top:1px solid #e5e7eb;padding:16px 0}.learn-question:first-child{border-top:0;padding-top:0}.learn-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.learn-choices label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0}.learn-choices input[type=radio]{width:auto}.learn-check{flex-direction:row!important;align-items:center!important}.learn-check input{width:auto}.learn-case-head{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.learn-case{display:grid;grid-template-columns:1fr 1fr 90px 40px;gap:8px;align-items:start;margin-bottom:8px}.learn-run-card{position:sticky;top:12px}.learn-attempt-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:28px;text-align:center;color:#64748b}.learn-attempt{display:flex;flex-direction:column;gap:12px}.learn-attempt-question{border:1px solid #e5e7eb;border-radius:12px;padding:14px}.learn-attempt-question textarea,.learn-attempt-question input{margin-top:8px}.learn-attempt-choices{display:flex;flex-direction:column;gap:8px}.learn-attempt-choices label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;font-size:14px;color:#111827}.learn-attempt-choices input{width:auto;margin:0}.learn-code-meta{font-size:11px;color:#64748b;margin-bottom:6px}.learn-code-answer{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:180px}.learn-grade{margin-top:10px;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700}.learn-grade.pass{background:#ecfdf5;color:#166534}.learn-grade.fail{background:#fef2f2;color:#991b1b}.learn-grade.pending{background:#f8fafc;color:#475569}.learn-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.learn-summary-grid>div{border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#f8fafc}.learn-summary-grid strong{display:block;font-size:18px}.learn-summary-grid span{display:block;color:#64748b;font-size:11px;margin-top:3px}.learn-result-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;padding:10px 0}.learn-result-row:first-child{border-top:0}.learn-result-row strong,.learn-result-row small{display:block}.learn-result-row small{margin-top:3px;color:#64748b}.learn-integrity-score{display:flex;gap:10px;align-items:baseline}.learn-integrity-score strong{font-size:24px}.learn-integrity-score span{color:#64748b;font-size:12px}.learn-signal-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.learn-signal-list span{border:1px solid #e5e7eb;border-radius:999px;padding:5px 8px;font-size:11px;background:#f8fafc}.learn-status{position:fixed;right:18px;bottom:18px;z-index:1000;max-width:520px;padding:10px 14px;border-radius:10px;background:#111827;color:#fff;font-size:12px;box-shadow:0 10px 30px rgba(15,23,42,.22)}.learn-status:empty{display:none}.learn-status[data-kind=error]{background:#991b1b}.learn-status[data-kind=success]{background:#166534}.science-mode-switch button#mode-learn.active{background:#111827;color:#fff}.science-hidden{display:none!important}@media(max-width:1100px){.learn-workbench{grid-template-columns:1fr}.learn-run-card{position:static}.learn-grid4{grid-template-columns:1fr 1fr}}@media(max-width:720px){.learn-workbench{padding:10px}.learn-hero{flex-direction:column}.learn-grid2,.learn-grid4,.learn-choices,.learn-summary-grid{grid-template-columns:1fr}.learn-case{grid-template-columns:1fr}.learn-card-head{flex-direction:column}.learn-actions{flex-wrap:wrap}}
