.lab-workspace{font-size:var(--font-size,18px);line-height:1.7;min-width:0;overflow-wrap:anywhere}.lab-workspace *{min-width:0}.lab-workspace h2{margin-top:12px}.lab-heading{max-width:900px;margin:24px 0}.lab-method{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.lab-method li{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:15px}.lab-method strong,.lab-method span{display:block}.lab-method strong{color:var(--accent)}.lab-guide{background:var(--soft);border-left:3px solid var(--accent);padding:20px 24px;margin:22px 0;border-radius:0 10px 10px 0}.lab-guide p:last-child,.lab-guide ol:last-child{margin-bottom:0}.lab-guide h3{margin-top:0}.lab-form{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:24px 0}.lab-form fieldset{padding:0;border:0;margin:0 0 22px}.lab-form legend{font-weight:700;font-size:18px;margin-bottom:16px}.lab-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}.lab-workspace label{display:grid;align-content:start;gap:8px;font-weight:600;font-size:16px}.lab-workspace input,.lab-workspace select{width:100%;min-height:44px;font-size:16px;padding:10px 12px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px}.lab-workspace input:focus-visible,.lab-workspace select:focus-visible{outline-offset:2px}.lab-prediction{max-width:620px;margin:20px 0}.lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.lab-result:empty,.lab-calculation:empty{display:none}.lab-feedback{padding:20px;border-radius:10px;border:1px solid var(--line);margin:20px 0;font-size:17px}.lab-feedback p{margin:8px 0 0}.lab-feedback.is-success{background:var(--success-bg);color:var(--success-ink);border-color:var(--success-ink)}.lab-feedback.is-retry{background:var(--error-bg);color:var(--error-ink);border-color:var(--error-line)}.lab-table-scroll{overflow-x:auto;max-width:100%;margin:20px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.lab-table-scroll table{font-size:15px;width:100%;border-collapse:collapse;line-height:1.6}.lab-table-scroll caption{text-align:left;padding:12px 16px;font-weight:650;color:var(--ink)}.lab-table-scroll th,.lab-table-scroll td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:normal}.lab-table-scroll thead{background:var(--soft)}.lab-table-scroll tbody th{font-weight:600}.lab-takeaway{padding:14px 0}.lab-reading{padding-top:20px;margin-top:28px;border-top:1px solid var(--line)}.lab-reading h3{font-size:18px}.lab-reading ul{margin:12px 0 20px;padding-left:22px}.lab-reading li{margin:7px 0}.lab-trace-run{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.lab-trace-steps{padding-left:30px;margin:18px 0}.lab-trace-steps li{padding:8px 12px;border:2px solid transparent;border-radius:6px;margin:6px 0}.lab-trace-steps .is-active{border-color:var(--accent);background:var(--soft);font-weight:700}.lab-trace-steps .is-done::after{content:' ✓';color:var(--accent)}.lab-trace-explanation{min-height:3em}.lab-geometry-picture{max-width:660px;margin:24px auto;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lab-geometry-picture svg{display:block;width:100%;height:auto;fill:#193345;font-family:'Segoe UI',system-ui,sans-serif}.lab-workspace [hidden]{display:none!important}.lab-workspace details{font-size:16px}.lab-workspace .sql-lab{margin:22px 0}.lab-workspace .editor{max-width:100%}
@media(max-width:600px){.lab-method{grid-template-columns:1fr;gap:8px}.lab-method li{padding:11px 14px}.lab-method strong,.lab-method span{display:inline}.lab-method strong{margin-right:10px}.lab-form,.lab-trace-run{padding:18px 14px}.lab-guide{padding:16px}.lab-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lab-inputs label{font-size:14px}.lab-table-scroll table{min-width:440px}.lab-table-scroll th,.lab-table-scroll td{padding:10px 12px}.lab-workspace{font-size:var(--font-size,17px)}.lab-workspace .lab-prediction{font-size:16px}}
@media print{.lab-actions,.lab-form button,.lab-trace-run button{display:none!important}.lab-method{grid-template-columns:repeat(3,1fr)}.lab-workspace{font-size:12pt}.lab-guide,.lab-form,.lab-trace-run{break-inside:avoid}.lab-table-scroll{overflow:visible}.lab-table-scroll table{min-width:0}}

.lab-cases .lab-actions{margin:0 0 12px}.lab-cases button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.lab-record{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.lab-record p{margin:0;flex:1;min-width:180px}.lab-trace-progress{margin:10px 0;color:var(--accent);font-weight:650}.lab-trace-run:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media print{.lab-record,.lab-cases{display:none!important}}
.lab-shortcuts{position:sticky;top:86px;z-index:10;display:flex;gap:8px;padding:10px;margin:18px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 10px #10212b0d}.lab-shortcuts button{min-height:44px;padding:8px 12px}.lab-nav-target{scroll-margin-top:162px}.lab-nav-target:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:820px){.lab-shortcuts{top:76px}.lab-nav-target{scroll-margin-top:152px}}
@media(max-width:400px){.lab-shortcuts{gap:5px;padding:7px}.lab-shortcuts button{font-size:13px;padding:8px 6px;flex:1;white-space:nowrap}.lab-shortcuts button:first-child{flex:1.4}}
@media print{.lab-shortcuts{display:none!important}}

.lab-save{border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0;background:var(--paper)}.lab-save p{margin:0}.lab-save .lab-actions{margin-top:12px}.lab-save.is-unsaved{border:2px solid var(--error-line)}.sql-draft-controls .lab-actions{margin:10px 0}.sql-draft-controls [role=status]{max-width:85ch}.lab-save [hidden]{display:none!important}@media print{.lab-save,.sql-draft-controls{display:none!important}}