/* Teaching workbench: a live apparatus next to its question, followed by a lab notebook. */
.trial-feedback{padding:14px 16px;border-left:3px solid #ae7625;background:#f8f4e9;line-height:1.8}.trial-feedback[data-matched=true]{border-color:#286455;background:#edf3ee}.guided-practice .flow-next-question{display:block;margin-top:20px;font-size:15px}.guided-practice .flow-drawing .work-sketch{min-height:480px;max-height:none;background:#fbfbf8}.guided-practice .flow-drawing .notebook-title{margin-bottom:5px}
body.practice-page,body.practice-page.intuitive-edition{background:#fffefa!important;color:#243c33!important}
.practice-page :is(.work-header,.work-question,.notebook) button{background:#fffefa;color:#286455;border:1px solid #c7d4cb}
.practice-page :is(.work-header,.work-question,.notebook) button:hover{background:#edf3ee}
.practice-page :is(.work-header,.work-question,.notebook) button.primary,.practice-page .notebook button[aria-pressed=true]{background:#286455;color:#fffefa;border-color:#286455}
.practice-page :is(.work-header,.work-question,.notebook) button:disabled{opacity:.5}
.dimension-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 0 16px}.dimension-toolbar button{background:#fffefa;color:#286455;border:1px solid #c7d4cb;font-size:13px}.dimension-toolbar button[aria-pressed=true]{background:#286455;color:#fffefa}.dimension-toolbar span{font-size:12px;color:#66756d;margin-left:auto;max-width:310px}
body.practice-page .dimension-toolbar button{background:#fffefa;color:#286455;border-color:#c7d4cb}
.guided-practice .work-grid{grid-template-columns:minmax(0,1fr) 380px}.guided-practice .work-header{padding:15px 30px}.guided-practice .work-header h1{font-size:25px}.guided-practice .work-main{max-width:1550px;padding-top:12px}.guided-practice .work-tabs{margin-bottom:12px}.flow-steps{display:flex;gap:32px;border-bottom:1px solid #d9dfd5;padding:7px 0 15px;margin-bottom:16px;font-size:14px;color:#859088}.flow-steps [aria-current=step]{color:#286455;font-weight:700}.guided-practice .work-question{padding-top:15px}.guided-practice .work-question h2{font-size:23px;line-height:1.6}.guided-practice .work-question>p{font-size:14px}.flow-panel .flow-instruction{font-size:16px;line-height:1.9;margin:24px 0}.flow-panel{padding-bottom:12px}.flow-panel .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.flow-panel .slot-grid label{margin:0;font-size:12px}.flow-panel .calc-line{flex-wrap:wrap}.flow-panel .calc-line input{flex-basis:100%}.flow-panel #calculate,.flow-panel #flow-next,.flow-panel #export-readable{width:100%;padding:12px 15px}.flow-panel #calc-result{display:block}.flow-panel #calc-feedback{margin:0 0 12px;line-height:1.7}.flow-help{margin:18px 0;font-size:13px;line-height:1.7}.flow-help summary,.flow-records summary,.flow-lab-tools summary,.flow-ink-tools summary{cursor:pointer;color:#66756d;padding:8px 0;font-size:13px}.guided-practice .flow-back{display:block;background:transparent!important;border:0!important;padding:8px 0!important;font-size:13px}.flow-records{margin:18px 0;border-top:1px solid #d9dfd5;padding:10px 0;max-width:1100px}.flow-records .record-detail{padding-top:10px}.flow-lab-tools{margin:8px 0;padding:0 12px;background:#f7f9f5}.flow-lab-tools[open]{padding-bottom:16px}.flow-drawing{padding:12px 0}.flow-drawing .work-sketch{max-height:570px;min-height:360px}.flow-drawing .empty-note{font-size:13px;margin:8px 0 16px}.flow-drawing .notebook-title h2{font-size:19px}.flow-drawing .sketch-tools{padding:8px 0}.flow-drawing .flow-draw-select{padding:8px;border:1px solid #d9dfd5;background:white}.guided-practice .dimension-toolbar{padding:0 0 12px}.guided-practice .flow-plane-select{padding:7px;border:1px solid #d9dfd5;border-radius:4px;background:#fffefa;font-size:12px}.guided-practice .work-scene .field-direction-key,.guided-practice .work-scene .field-dynamic-note,.guided-practice .work-scene .view-switch,.guided-practice .work-scene .paths-view-controls,.guided-practice .work-scene .fx-heading{display:none}.guided-practice .work-scene .stage-wrap{min-height:490px}.guided-practice .work-scene .fx-plate{height:510px}.guided-practice .work-scene .stage-top{top:16px}.guided-practice .work-scene .field-probe-caption{top:72px}.guided-practice .work-scene .paths-picture{height:510px;min-height:510px}.guided-practice .work-footer{font-size:11px;margin-top:8px;max-width:1100px}.guided-practice .work-question .kicker{font-size:11px}.guided-practice .work-question .status-note{font-size:12px}.guided-practice .work-question ol{font-size:13px}.guided-practice .work-links{gap:20px;font-size:13px}
@media(min-width:1600px){.guided-practice .work-scene .stage-wrap,.guided-practice .work-scene .paths-picture{min-height:560px}.guided-practice .work-scene .fx-plate{height:560px}}
@media(max-width:1050px){.guided-practice .work-grid{grid-template-columns:1fr}}
.practice-page{--paper:#fffefa;--ink:#243c33;--muted:#66756d;--teal:#286455;--line:#d9dfd5;--amber:#ae7625;--blue:#326c8c;background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif}
.practice-page h1,.practice-page h2{font-family:'Noto Serif SC','Songti SC',SimSun,serif;letter-spacing:0}.practice-page h1{font-size:30px}.practice-page h2{font-size:21px;margin:0 0 12px}.practice-page p{line-height:1.8}.practice-page button{border-radius:5px}.practice-page textarea,.practice-page input:not([type=range]){background:#fff;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:8px;max-width:100%;font:inherit}.practice-page textarea{width:100%;resize:vertical}.practice-page textarea:focus-visible{outline:3px solid var(--amber)}
.work-header{padding:20px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.work-header p{margin:4px 0 0;font-size:13px;color:var(--muted)}.work-links{display:flex;gap:22px;align-items:center;font-size:14px}.work-main{max-width:1700px;padding:20px 30px}.work-tabs{display:flex;gap:12px;margin-bottom:20px}.work-tabs a{padding:9px 17px;text-decoration:none;border-bottom:3px solid transparent;color:var(--muted)}.work-tabs a[aria-current=page]{border-color:var(--teal);color:var(--teal);font-weight:700}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.work-scene{min-width:0}.work-question{border-top:3px solid var(--teal);padding:18px 0}.work-question .kicker,.notebook .kicker{font:12px Consolas,monospace;color:var(--teal);letter-spacing:1px}.work-question p{font-size:14px;margin:10px 0}.work-question ol{padding-left:22px;font-size:14px;line-height:1.9}.work-question label{display:block;font-size:13px;margin:13px 0 6px}.work-question input{width:100%}.work-question .status-note{background:#edf3ee;border-left:3px solid var(--teal);padding:10px 12px}.work-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.work-question small,.notebook small{color:var(--muted);line-height:1.6}.work-capture{width:100%;font-weight:700}.snapshot-status{font-size:12px;color:var(--muted);min-height:20px}.work-scene .field-challenge,.work-scene .field-engine-link{display:none}.work-scene .stage-wrap{min-height:480px}.work-scene .paths-stage{min-height:480px}.work-scene .fx-stage{min-height:0}.work-scene .fx-plate{height:540px}.work-scene .field-results{font-size:12px}
.notebook{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:30px}.notebook>section{min-width:0}.notebook-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.data-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.data-chip{display:flex;align-items:center;gap:8px;text-align:left;font-size:12px;cursor:grab}.data-chip strong{font-family:Consolas,monospace;font-weight:500}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.slot-grid label{font-size:12px;line-height:1.6}.slot-grid input{display:block;width:100%;font-family:Consolas,monospace!important}.slot-grid input:focus{border-color:var(--teal)}.paste-box{margin:13px 0}.paste-box summary{font-size:13px;cursor:pointer}.paste-box textarea{margin:10px 0;font-family:Consolas,monospace}.calc-line{display:flex;align-items:center;gap:10px;margin-top:14px}.calc-line input{min-width:0;flex:1;font-family:Consolas,monospace!important}.calc-result{font:20px Consolas,monospace;min-height:40px;padding:10px 0;color:var(--teal);overflow-wrap:anywhere}.work-sketch{background:#f8faf6;border:1px solid var(--line);width:100%;height:auto;display:block;touch-action:none}.sketch-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sketch-tools input{width:160px}.evidence-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:12px}.evidence-table th,.evidence-table td{text-align:left;border-bottom:1px solid var(--line);padding:7px 5px;overflow-wrap:anywhere}.evidence-table td{font-family:Consolas,'Microsoft YaHei',monospace}.record-detail{font-size:13px;line-height:1.8}.record-detail p{margin:6px 0}.empty-note{font-size:13px;color:var(--muted);padding:8px 0}.work-footer{margin-top:25px;border-top:1px solid var(--line);padding:15px 0;font-size:12px;color:var(--muted)}.practice-page [hidden]{display:none!important}.work-message{font-size:13px;min-height:22px;color:var(--teal)}
@media(min-width:1600px){.work-grid{grid-template-columns:minmax(0,1fr) 390px}.work-question p,.work-question ol{font-size:16px}.work-scene .stage-wrap{min-height:560px}.work-scene .fx-plate{height:600px}}
@media(max-width:1050px){.work-grid,.notebook{grid-template-columns:1fr}.work-header{align-items:start}.work-main{padding:16px}.work-question{max-width:760px}.work-tabs{flex-wrap:wrap}}

/* Each problem has its own qualitative and quantitative levels. */
.flow-target{display:flex;align-items:center;gap:16px;padding:16px 18px;border:2px solid #354855;background:#f1f4f7;margin:18px 0}.flow-target .target-icon{font:54px/1 sans-serif;color:#354855}.flow-target strong{display:block;color:#243c33;font-size:19px}.flow-target small{display:block;margin-top:7px;font-size:12px;line-height:1.6}.flow-phase{font-weight:700;color:#286455;font-size:13px!important;letter-spacing:.5px}.flow-quant-intro{padding:12px;border-left:3px solid #ae7625;background:#f8f4e9}.flow-to-quant{width:100%;padding:13px!important;margin:12px 0}.guided-practice .practice-trial .field-probe-caption{display:none}.flow-steps [data-level]{font-size:16px}.guided-practice .work-question #export-readable:not(.primary){width:auto;padding:8px 0;border:0;background:transparent}.guided-practice [data-path-drag]:disabled{opacity:1;cursor:default}.guided-practice[data-practice-level=qualitative] .fx-live{display:none}

.guided-practice .work-scene .potential-picture{height:auto;min-height:0;border:1px solid #d9dfd5;background:#fbfbf8}.potential-models{display:flex;gap:8px;padding:10px 14px}.potential-models button{padding:9px 15px;background:#fffefa;color:#66756d;border:1px solid #c7d4cb}.potential-models button[aria-pressed=true]{background:#286455;color:white;border-color:#286455}.potential-readings{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:1px;background:#d9dfd5;border-top:1px solid #d9dfd5;border-bottom:1px solid #d9dfd5}.potential-readings>div{padding:11px 16px;background:#fffefa;font-size:13px;color:#52665c}.potential-readings strong{display:block;font:23px/1.5 Consolas,monospace;color:#243c33}.potential-readings .potential-difference{background:#f4eddf}.potential-stage{height:420px;position:relative;overflow:hidden}.potential-stage canvas{display:block;width:100%;height:100%}.potential-stage button{position:absolute;transform:translate(-50%,-50%);z-index:2;padding:0;border-radius:50%;width:32px;height:32px;background:#fffefa;color:#286455;border:2px solid #286455;font:700 16px sans-serif}.potential-stage .potential-handle{background:#ae701c;color:#fff;border:3px solid #fff;box-shadow:0 0 0 2px #ae701c;cursor:grab;touch-action:none}.potential-handle span{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;background:#fffefa;color:#89550e;font-size:13px;font-weight:400;padding:4px 8px;border:1px solid #decaa6;border-radius:3px;pointer-events:none}.potential-legend{display:flex;flex-wrap:wrap;gap:18px;padding:9px 14px;font-size:12px;color:#66756d;border-top:1px solid #d9dfd5}.straight-key{color:#2d7895}.curve-key{color:#9a641d}.potential-picture #potential-change{margin:0;padding:0 14px 10px;font-size:13px;color:#286455}.potential-model-note p{font-size:13px}.potential-stage [data-path-drag]:disabled{opacity:1}.potential-stage button:focus-visible{outline:3px solid #283e53;outline-offset:4px}
@media(min-width:1600px){.potential-stage{height:490px}}

body.academic.practice-page #experience.potential-path-lab .potential-stage button{border-radius:50%!important;background:#fffefa!important;color:#286455!important;border:2px solid #286455!important}body.academic.practice-page #experience.potential-path-lab .potential-stage button.potential-handle{background:#ae701c!important;color:white!important;border:3px solid #fff!important;box-shadow:0 0 0 2px #ae701c!important}body.academic.practice-page #experience.potential-path-lab .potential-models button[aria-pressed=true]{background:#286455!important;color:white!important;border-color:#286455!important}
