/* Shared shell owns identity, fonts, theme and navigation. */
#teaching-content {
  --font-sans: inherit;
  --aantc-blue: inherit;
  --aantc-black: inherit;
  --aantc-white: inherit;
  --aantc-surface: inherit;
  --aantc-border: inherit;
  --shell: inherit;
  --header-height: inherit;
  font-family: inherit;
  padding-top: var(--header-height);
  padding-bottom: 48px;
}
#teaching-content .teaching-return {padding-top:24px;font-size:16px;}
#teaching-content .course-home h1 {font-size:clamp(40px,3.75vw,54px);line-height:1.16;}
#teaching-content .lab-links {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
#teaching-content .lab-link {grid-template-columns:1fr;gap:16px;align-content:start;}
#teaching-content .lab-illustration {justify-self:start;}
@media(max-width:680px){#teaching-content .lab-links{grid-template-columns:1fr;gap:0;}}

/* Task pages use the shared type scale; explanations belong to reference views. */
#teaching-content .intro h1 {font-size:clamp(40px,3.75vw,54px);line-height:1.08;max-width:920px;}
#teaching-content h2,
#teaching-content .workflow-heading h2,
#teaching-content .plot-heading h2,
#teaching-content .tool-page h2 {font-size:32px;line-height:1.15;}
#teaching-content h3 {font-size:24px;line-height:1.2;}
#teaching-content label,
#teaching-content button,
#teaching-content select,
#teaching-content input,
#teaching-content textarea,
#teaching-content summary,
#teaching-content .workspace-nav a,
#teaching-content #steps button,
#teaching-content .quiz legend,
#teaching-content .rig-tools button {font-size:16px;}
#teaching-content .panel p,
#teaching-content .quiz p,
#teaching-content .quiz-option,
#teaching-content .action-sequence,
#teaching-content .capture-sequence,
#teaching-content .guide-grid p,
#teaching-content .compact-details p,
#teaching-content .plot-notes p {font-size:19px;line-height:1.6;}
#teaching-content p {max-width:760px;}
#teaching-content .legend,
#teaching-content .metrics span,
#teaching-content .parameter-group summary span,
#teaching-content .quality,
#teaching-content .quality small,
#teaching-content .message,
#teaching-content .progress-label,
#teaching-content .bench-title span,
#teaching-content .section-heading p {font-size:16px;}
#teaching-content .physical-rig .rig-target {font-size:14px;}
#teaching-content .metrics {grid-template-columns:1fr 1fr;}
#teaching-content .intro-meta:has(#pythonStatus[data-state="ready"]),
#teaching-content [role="status"]:empty {display:none;}
#teaching-content #guide .instrument-meta {flex-direction:row;gap:24px;justify-content:flex-start;margin-bottom:16px;}
#teaching-content #guide .instrument-settings {margin-bottom:32px;}
#teaching-content .parameter-group .frequency-flow {grid-template-columns:1fr;gap:12px;border:0;}
#teaching-content .parameter-group .frequency-flow div {flex-direction:row;justify-content:space-between;gap:12px;}
#teaching-content .parameter-group .frequency-flow .multiply {display:none;}
#teaching-content .plot-notes {margin-bottom:32px;}
@media(max-width:680px){
  #teaching-content .panel p,#teaching-content .quiz p,#teaching-content .quiz-option,
  #teaching-content .action-sequence,#teaching-content .capture-sequence,
  #teaching-content .guide-grid p,#teaching-content .compact-details p,#teaching-content .plot-notes p {font-size:17px;}
  #teaching-content .workflow-heading {align-items:center;}
  #teaching-content .workflow-heading h2 {flex-basis:100%;}
  #teaching-content .plot-heading {flex-wrap:wrap;}
}
#teaching-content .bench-title h2 {font-size:32px;line-height:1.15;}
#teaching-content .workflow-heading .quiet {font-size:16px;}
#teaching-content .task-panel .fields {gap:20px;}
#teaching-content .task-panel .quiz-option {font-size:17px;}
/* Direct operations remove the need to hit small overlapping diagram targets. */
#teaching-content.guided-rig .rig-tools {display:none;}
#teaching-content.guided-rig .action-sequence {display:none;}
#teaching-content #rig-guided button {width:100%;min-height:48px;margin-top:16px;}
#teaching-content[data-course="impedance-tube"] .task-panel {position:sticky;top:calc(var(--header-height) + 16px);}
#teaching-content[data-course="impedance-tube"] #feedback {font-size:16px;line-height:1.5;}
@media(max-width:800px){
 #teaching-content[data-course="impedance-tube"] .task-panel {position:static;}
}
#teaching-content.guided-rig .capture-sequence {list-style:none;}
#teaching-content.guided-rig .capture-sequence:not(:has(li:not([hidden]))) {display:none;}
#teaching-content.guided-rig[data-rig-busy="false"] #captureProgress {display:none;}
#teaching-content.guided-rig[data-rig-busy="true"] #feedback {display:none;}
/* Progress is non-interactive; only the current valid action is a button. */
#teaching-content #steps .workflow-step {
 display:block;border-top:3px solid var(--line);padding:9px 2px 0;
 font-size:16px;line-height:1.4;color:var(--muted);height:100%;
}
#teaching-content #steps .workflow-step[data-complete="true"] {border-color:var(--plot);}
#teaching-content #steps .workflow-step[aria-current="step"] {border-color:var(--plot);color:var(--plot);font-weight:700;}
#teaching-content[data-course="impedance-tube"] .workspace {grid-template-columns:minmax(0,1fr) minmax(360px,400px);}
#teaching-content.guided-rig .capture-sequence li::before {content:none;}
#teaching-content.guided-rig .task-panel .primary {width:100%;}
#teaching-content .apparatus #measurementResults {margin-top:0;padding-top:0;border-top:0;}
#teaching-content .apparatus #measurementResults .plots {grid-template-columns:1fr;}
#teaching-content .apparatus #quality {display:none;}
@media(max-width:1000px){
 #teaching-content[data-course="impedance-tube"] .workspace {grid-template-columns:1fr;}
 #teaching-content[data-course="impedance-tube"] .task-panel,
 #teaching-content[data-course="impedance-tube"] .apparatus {grid-column:auto;grid-row:auto;position:static;}
 #teaching-content[data-course="impedance-tube"] .task-panel .fields {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
 #teaching-content[data-course="impedance-tube"] .task-panel .fields {grid-template-columns:1fr;}
 #teaching-content #steps {display:grid;grid-template-columns:1fr;overflow:visible;}
 #teaching-content #steps li:has(.workflow-step:not([aria-current])) {display:none;}
}
/* Keep a side section throughout tray handling, dragging and installation. */
#teaching-content .sample-disc.specimen-diagram {
 border:0;border-radius:0;background:none;box-shadow:none;line-height:1;
 width:100%;height:auto;aspect-ratio:1;max-width:60px;
}
#teaching-content .specimen-diagram svg {display:block;width:100%;height:100%;}
#teaching-content .specimen-installed .sample-disc.specimen-diagram {
 max-width:none;height:100%;aspect-ratio:auto;
}
#teaching-content .physical-rig .specimen-installed {opacity:1;}
#teaching-content .physical-rig .sample-part:disabled {opacity:1;}

/* Completed operations stay readable for review within the current stage. */
#teaching-content .completed-actions {list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;}
#teaching-content #rig-guided .completed-action,
#teaching-content .task-panel .completed-action {
 margin:0;min-height:44px;background:#e6e6e6;color:#555;border:1px solid #ccc;
 opacity:1;cursor:default;text-align:left;padding:10px 14px;font-size:16px;
}