/* Spring Lab: one cue, the experiment, and optional detail. */
.learning-experiment.inquiry {
  --learn-ink:#302e29;
  --learn-muted:#6d655b;
  --learn-paper:transparent;
  --learn-rule:#d8d0c2;
  --learn-in:#32638b;
  --learn-out:#ad552e;
  color:var(--learn-ink);
  background:transparent;
  padding:8px 0 0;
  font:14px/1.5 var(--sans,Arial,sans-serif);
  overflow-wrap:break-word;
}
.inquiry *,.inquiry *::before,.inquiry *::after {box-sizing:border-box;}
.inquiry [hidden] {display:none!important;}
.inquiry :is(h2,h3,h4,p,figure) {margin:0;color:inherit;}
.inquiry .learn-header {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;}
.inquiry .inquiry-eyebrow {font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--learn-muted);margin-block-end:10px;}
.inquiry h2 {font:400 clamp(38px,5vw,54px)/1.08 var(--serif,Georgia,serif);letter-spacing:-.03em;max-width:18ch;}
.inquiry .inquiry-intro {font-size:17px;line-height:1.45;max-width:46ch;margin-block-start:10px;color:var(--learn-muted);}
.inquiry button {min-height:44px;padding:9px 14px;border:1px solid var(--learn-rule);border-radius:3px;background:transparent;color:var(--learn-ink);font:inherit;cursor:pointer;touch-action:manipulation;}
.inquiry button:hover:not(:disabled) {background:#eee7da;}
.inquiry button:disabled {opacity:.5;cursor:default;}
.inquiry :is(button,input,summary):focus-visible {outline:3px solid var(--learn-in);outline-offset:4px;}
.inquiry .learn-reset {border:0;font-size:12px;padding-inline:2px;color:var(--learn-muted);flex:0 0 auto;}
.inquiry-chapters {display:flex;flex-wrap:wrap;gap:4px 25px;margin-block-start:16px;border-block-end:1px solid var(--learn-rule);}
.inquiry .inquiry-chapters button {border:0;border-block-end:2px solid transparent;border-radius:0;padding:8px 0;font-size:13px;color:var(--learn-muted);}
.inquiry .inquiry-chapters button[aria-current="step"] {color:var(--learn-ink);border-block-end-color:var(--learn-ink);}
.inquiry-cue {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-block:12px 8px;}
.inquiry .inquiry-discovery {flex:1 1 320px;max-width:65ch;font:400 22px/1.35 var(--serif,Georgia,serif);}
.inquiry-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.inquiry .inquiry-next {background:var(--learn-ink);border-color:var(--learn-ink);color:var(--paper,#f6efe3);}
.inquiry .inquiry-next:hover:not(:disabled) {background:#4e493f;}
.inquiry .inquiry-next.inquiry-next-quiet {background:transparent;border:0;color:var(--learn-muted);min-height:40px;padding-inline:0;font-size:15px;}
.inquiry .inquiry-next.inquiry-next-quiet:hover:not(:disabled) {background:transparent;color:var(--learn-ink);}
.inquiry-material {background:var(--learn-paper,#f6efe3);padding:4px 8px 2px;}
.inquiry-pull-hit {fill:#32638b22;stroke:none;pointer-events:all;}
.inquiry-pull-handle {cursor:grab;}
.inquiry-pull-handle:focus {outline:none;}
.inquiry-pull-handle:focus-visible .learn-port {stroke-width:3;}
.inquiry-pull-handle .learn-port-label {font-size:13px;font-weight:700;letter-spacing:.06em;}
.inquiry-pull-pulse {fill:none;stroke:#32638b;stroke-width:1.4;opacity:.55;transform-box:fill-box;transform-origin:center;pointer-events:none;animation:inquiry-pull-ring 1.7s ease-out infinite;}
@keyframes inquiry-pull-ring {
  0% {transform:scale(1);opacity:.5;}
  100% {transform:scale(1.55);opacity:0;}
}
@media (prefers-reduced-motion:reduce) {
  .inquiry-pull-pulse {animation:none;opacity:.35;}
}
.learn-hit[data-pull-handle] {cursor:grab;}
.inquiry-network.inquiry-grabbing,
.inquiry-network.inquiry-grabbing .inquiry-pull-handle,
.inquiry-network.inquiry-grabbing .learn-hit[data-pull-handle] {cursor:grabbing;}
.inquiry .inquiry-auto[aria-pressed="true"] {border-color:var(--learn-out);color:var(--learn-out);}
.inquiry-count {font-size:12px;color:var(--learn-muted);white-space:nowrap;}
.inquiry-workbench {display:grid;grid-template-columns:minmax(0,1fr) 215px;align-items:start;gap:20px;margin-block-start:6px;}
.inquiry-workbench[data-chapter="0"] {grid-template-columns:minmax(0,1fr);}
.inquiry-workbench[data-chapter="0"] .inquiry-aside {display:none;}
.inquiry-material,.inquiry-aside,.inquiry-training {min-width:0;}
.inquiry-network {display:block;inline-size:100%;block-size:auto;max-inline-size:620px;margin-inline:auto;touch-action:none;background:var(--learn-paper,#f6efe3);}
.inquiry .inquiry-motion {font-size:11px;line-height:1.4;color:var(--learn-muted);margin-block-start:3px;}
.inquiry-legend {display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:11px;line-height:1.4;color:var(--learn-muted);margin-block-start:6px;}
.inquiry-gradient {display:inline-block;flex:0 0 75px;block-size:6px;background:linear-gradient(90deg,#ab4d66,#b8b4ab,#306994);}
.inquiry-aside {padding-block-start:8px;}
.inquiry h4 {font:400 19px/1.25 var(--serif,Georgia,serif);}
.inquiry-lens {display:block;inline-size:100%;block-size:auto;max-inline-size:240px;margin-block:6px 0;}
.inquiry-lens path {fill:none;stroke-width:2.5;stroke-linecap:round;}
.inquiry-response {font-size:12px;color:var(--learn-muted);}
.inquiry-editor {margin-block-start:12px;border-block-start:1px solid var(--learn-rule);padding-block-start:4px;}
.inquiry-editor summary {min-height:44px;display:list-item;align-content:center;cursor:pointer;font-size:13px;}
.inquiry-editor label {display:block;font-size:13px;margin-block:6px;}
.inquiry-stiffness {inline-size:100%;min-block-size:34px;margin:0;accent-color:var(--learn-in);cursor:pointer;}
.inquiry-range-ends {display:flex;justify-content:space-between;font-size:11px;color:var(--learn-muted);}
.inquiry .inquiry-hint {font-size:12px;line-height:1.45;color:var(--learn-muted);margin-block:8px;}
.inquiry .inquiry-restore {font-size:12px;padding:7px 10px;}
.inquiry[data-chapter="2"] .inquiry-aside {display:none;}
.inquiry-workbench[data-chapter="2"] {grid-template-columns:minmax(0,1fr);}
.inquiry-training {grid-column:1 / -1;}
.inquiry .inquiry-field-equation {font-size:13px;color:var(--learn-muted);margin-block-end:10px;}
.inquiry-field-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.inquiry-field {min-width:0;}
.inquiry .inquiry-field h4 {font-size:18px;padding-block-end:5px;border-block-end:2px solid var(--learn-rule);}
.inquiry-field[data-active="true"] h4 {border-block-end-color:var(--learn-in);}
.inquiry-field[data-active="true"]:last-child h4 {border-block-end-color:#b4823d;}
.inquiry-field-network {display:block;inline-size:100%;block-size:auto;margin-block:4px;}
.inquiry-field-network .learn-port-label {font-size:17px;}
.inquiry-field figcaption {font-size:12px;line-height:1.4;color:var(--learn-muted);}
.inquiry-field-legend {font-size:11px;line-height:1.4;color:var(--learn-muted);}
.inquiry-training-feedback {display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px;border-block-start:1px solid var(--learn-rule);padding-block-start:8px;margin-block-start:10px;}
.inquiry-training-feedback .inquiry-output {display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;}
.inquiry-training-feedback .inquiry-output h4 {font-size:15px;max-width:7ch;}
.inquiry-training-feedback .inquiry-lens {max-inline-size:145px;margin:0;}
.inquiry-training-progress {min-width:0;font-size:13px;}
.inquiry-task-error {font-weight:500;font-variant-numeric:tabular-nums;margin-inline-start:6px;}
.inquiry-progress-track {block-size:6px;max-inline-size:480px;background:#ded7c9;margin-block:8px;}
.inquiry-progress-track>i {display:block;block-size:100%;max-inline-size:100%;background:var(--learn-in);}
.inquiry .inquiry-progress-note {font-size:12px;color:var(--learn-muted);}
.inquiry-bottom {margin-block-start:8px;}
.inquiry-details {border-block-start:1px solid var(--learn-rule);padding-block-start:4px;font-size:12px;color:var(--learn-muted);}
.inquiry-details summary {min-height:32px;align-content:center;cursor:pointer;color:var(--learn-ink);}
.inquiry .inquiry-details p {margin-block-start:12px;max-width:92ch;line-height:1.6;}
.inquiry-error {font-size:13px;color:#9c3535;margin-block:8px;}

/* Network geometry: marks keep their physical meaning as the copy fades away. */
.inquiry .learn-rest {fill:none;stroke:#b5ae9f;stroke-dasharray:3 5;opacity:.4;}
.inquiry .learn-wire {fill:none;stroke:#837e76;}
.inquiry .learn-node,.inquiry .inquiry-node-image {fill:var(--learn-paper);stroke:#6a655d;stroke-width:1.3;pointer-events:none;}
.inquiry .learn-port {fill:var(--learn-paper);stroke-width:1.8;}
.inquiry .learn-in {stroke:var(--learn-in);fill:none;}
.inquiry .learn-out {stroke:var(--learn-out);fill:none;}
.inquiry .learn-port.learn-in,.inquiry .learn-port.learn-out {fill:var(--learn-paper);}
.inquiry .inquiry-pull-handle .learn-port.learn-in {fill:color-mix(in srgb,#32638b calc(var(--pull,0)*32%), var(--learn-paper));}
.inquiry .learn-port-label {font:12px var(--sans,Arial,sans-serif);text-anchor:middle;fill:var(--learn-ink);stroke:none;pointer-events:none;}
.inquiry .learn-port-label.learn-in {fill:var(--learn-in);}
.inquiry .learn-port-label.learn-out {fill:var(--learn-out);}
.inquiry .learn-svg-label {font:12px var(--sans,Arial,sans-serif);fill:var(--learn-ink);stroke:none;}
.inquiry .learn-goal {stroke:var(--learn-out);fill:none;stroke-dasharray:4 4;}
.inquiry .learn-before {stroke:#8b867e;fill:none;}
.inquiry .learn-hit {stroke:transparent;cursor:pointer;pointer-events:stroke;fill:none;}
.inquiry .learn-hit:focus {stroke:#dfc174;stroke-opacity:.55;outline:none;}
.inquiry .inquiry-selected {fill:none;stroke:#dfc174;opacity:.65;pointer-events:none;}
.inquiry .inquiry-target {fill:none;stroke:var(--learn-out);stroke-dasharray:4 4;opacity:.8;pointer-events:none;}
.inquiry .inquiry-support {fill:none;stroke:#837e76;stroke-width:1.5;}
.inquiry .inquiry-force {fill:none;stroke:#4a4339;stroke-width:2.5;pointer-events:none;}
.inquiry-output-coil {fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;}
.inquiry-periodic-frame {fill:none;stroke:#a39884;stroke-width:1;stroke-dasharray:5 5;pointer-events:none;}
.inquiry .inquiry-periodic-label {fill:var(--learn-muted);font:11px var(--sans,Arial,sans-serif);pointer-events:none;}
.inquiry-output-leader {stroke:var(--learn-out);fill:none;pointer-events:none;}
.inquiry .inquiry-output-label {font:12px var(--sans,Arial,sans-serif);fill:var(--learn-out);pointer-events:none;}
.inquiry-output-rest {stroke:#a38b65;stroke-dasharray:3 3;fill:none;opacity:.8;pointer-events:none;}
.inquiry-output-target-tick {stroke:var(--learn-out);fill:none;pointer-events:none;}
.inquiry-output-endpoint {stroke:var(--learn-out);stroke-width:1.8;fill:var(--learn-paper);pointer-events:none;}
.inquiry-energy-glow {stroke:#d9a343;fill:none;stroke-linecap:round;pointer-events:none;}
.inquiry-gradient.energy-key {background:linear-gradient(90deg,#d5cfc4,#c5751c);}
.inquiry-network[data-load-paths="true"] .learn-rest {opacity:.25;}
.inquiry .inquiry-paths-toggle[aria-pressed="true"] {color:#875514;border-color:#b38a49;background:#f5ead7;}
.inquiry .inquiry-length-description {font:12px var(--sans,Arial,sans-serif);fill:var(--learn-out);}

/* Laptop windows: one horizontal cue row replaces the former left text column.
   At 1280×720 the closed training view budgets about 500px for the lab itself;
   page chrome adds about 150px. Expanded details and zoom may scroll naturally. */
@media screen and (min-width:850px) and (min-height:650px) {
  body.art-research:has(#embody:not([hidden])) .site-reader {max-width:1380px;padding-bottom:0;}
  body.art-research:has(#embody.is-lab:not([hidden])) .site-header {padding:5px 24px;gap:18px;}
  body.art-research:has(#embody.is-lab:not([hidden])) .header-name {font-size:18px;}
  body.art-research:has(#embody.is-lab:not([hidden])) .site-nav {gap:11px;}
  body.art-research:has(#embody.is-lab:not([hidden])) .site-nav a {font-size:11px;}
  body.art-research:has(#embody.is-lab:not([hidden])) .site-footer {margin-inline:24px;padding-right:0;}
  body.art-research #embody.is-lab {display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px 16px;max-width:none;padding:4px 24px 0;}
  #embody.is-lab>.page-header {grid-column:1;}
  #embody.is-lab>.page-header h1 {display:none;}
  #embody.is-lab>.embody-gates {grid-column:1;grid-row:auto;justify-self:start;align-self:start;width:max-content;max-width:100%;margin:4px 0 0;}
  #embody.is-lab>.embody-labs {grid-column:1;display:flex;justify-content:flex-end;gap:18px;margin:0;}
  #embody.is-lab>.embody-labs a {min-height:44px;padding-block:6px;font-size:11px;}
  #embody.is-lab>[data-embody-panel] {grid-column:1;min-width:0;}
  body.art-research #embody #springLab {padding:0;background:transparent;}
  .learning-experiment.inquiry {padding:4px 0 0;}
  .inquiry .learn-header {align-items:flex-start;gap:16px;}
  .inquiry .learn-header>div {display:block;}
  .inquiry .inquiry-eyebrow {display:none;}
  .inquiry h2 {font-size:clamp(40px,4.4vw,52px);}
  .inquiry .inquiry-intro {margin:8px 0 0;font-size:16px;}
  .inquiry-chapters {margin-block-start:10px;}
  .inquiry-cue {flex-wrap:nowrap;min-height:48px;padding-block:14px 10px;gap:24px;}
  .inquiry .inquiry-discovery {font-size:22px;flex:1 1 auto;}
  .inquiry-actions {flex:0 1 auto;justify-content:flex-end;}
  .inquiry .inquiry-actions button {font-size:13px;padding-inline:12px;}
  .inquiry-workbench {margin-block-start:2px;gap:24px;}
  .inquiry-network {max-inline-size:none;block-size:clamp(220px,calc(100dvh - 450px),420px);}
  .inquiry-workbench[data-chapter="0"] .inquiry-network {max-inline-size:720px;block-size:clamp(280px,calc(100dvh - 360px),520px);}
  .inquiry-aside {padding-block-start:8px;}
  .inquiry-lens {max-inline-size:185px;}
  .inquiry-workbench[data-chapter="1"]:has(.inquiry-editor[open]) {grid-template-columns:minmax(0,1fr) 360px;}
  .inquiry-workbench[data-chapter="1"] .inquiry-aside:has(.inquiry-editor[open]) {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;}
  .inquiry-aside .inquiry-editor[open] {margin:0;padding-block-start:0;border-block-start:0;border-inline-start:1px solid var(--learn-rule);padding-inline-start:12px;}
  .inquiry-field-network {block-size:clamp(165px,calc(100dvh - 555px),330px);}
  .inquiry-training-feedback {grid-template-columns:240px minmax(0,1fr);gap:32px;}
  .inquiry .inquiry-motion,.inquiry-legend {font-size:10.5px;}
  .inquiry .inquiry-details p {max-width:105ch;}
}
@media (max-width:849px) {
  .inquiry-field-grid {grid-template-columns:minmax(0,1fr);gap:20px;}
  .inquiry-field-network {max-inline-size:520px;margin-inline:auto;}
}
@media (max-width:800px) {
  .inquiry-workbench {grid-template-columns:minmax(0,1fr);gap:14px;}
  .inquiry-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;padding:0;}
  .inquiry-editor {margin:0;}
  .inquiry-network {max-inline-size:560px;}
  .inquiry .inquiry-discovery {flex-basis:100%;}
  .inquiry-cue {padding-block:14px 8px;}
}
@media (max-width:500px) {
  .learning-experiment.inquiry {padding:16px 12px;}
  .inquiry .learn-header {gap:10px;}
  .inquiry .inquiry-intro {font-size:14px;}
  .inquiry-chapters {gap:3px 17px;}
  .inquiry .inquiry-chapters button {font-size:12px;}
  .inquiry-cue {gap:10px;}
  .inquiry-actions {inline-size:100%;}
  .inquiry .inquiry-actions button {flex:1 1 auto;font-size:13px;}
  .inquiry-count {flex-basis:100%;}
  .inquiry-aside {display:block;}
  .inquiry-output {max-inline-size:300px;}
  .inquiry-editor {margin-block-start:10px;}
  .inquiry-training-feedback {grid-template-columns:minmax(0,1fr);gap:12px;}
  .inquiry-training-feedback .inquiry-output {max-inline-size:260px;}
}

.inquiry .inquiry-credit {margin:0 0 5px;font-size:11px;line-height:1.45;color:var(--learn-muted);}
.inquiry .inquiry-credit a {color:inherit;text-decoration:underline;text-underline-offset:2px;}

.inquiry-viewbar {display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-block:2px 4px;}
.inquiry-view {display:flex;gap:0;}
.inquiry .inquiry-view button {min-height:36px;padding:6px 11px;font-size:12px;border-radius:0;}
.inquiry .inquiry-view button+button {border-inline-start:0;}
.inquiry .inquiry-view button[aria-pressed="true"] {background:#ede3cf;border-color:#b6a47c;color:#71501f;}
.inquiry-viewbar .inquiry-legend {margin:0;}
.inquiry-field-network[data-load-paths="true"] .learn-rest {opacity:.25;}
.inquiry .inquiry-credit {margin-block:5px 0;font-size:11px;}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) h2 {font-size:clamp(32px,3vw,42px);}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) .inquiry-intro {font-size:15px;margin-top:4px;}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) .inquiry-network {block-size:clamp(190px,22vh,300px);}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) .inquiry-field h4 {font-size:16px;padding-block-end:3px;}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) .inquiry-field-network {block-size:clamp(130px,18vh,210px);}
.learning-experiment.inquiry:has(.inquiry-training:not([hidden])) .inquiry-training-feedback {margin-block-start:4px;padding-block-start:4px;}
@media (min-width:850px) and (min-height:650px) {
 .inquiry .inquiry-network {block-size:clamp(210px,calc(100dvh - 450px),420px);}
 .inquiry[data-chapter="0"] .inquiry-network {block-size:clamp(280px,calc(100dvh - 360px),520px);}
 .inquiry .inquiry-field-network {block-size:clamp(155px,calc(100dvh - 555px),330px);}
 .inquiry .inquiry-cue {min-height:48px;padding-block:12px 8px;}
 .inquiry .step-strip {margin-block-start:8px;}
 .inquiry .inquiry-view button {min-height:28px;font-size:11px;padding:4px 9px;}
 .inquiry[data-chapter="0"] .inquiry-viewbar {margin-block-start:2px;opacity:.85;}
 #embody.is-lab>.page-header h1 {display:none;}
 #embody.is-lab {grid-template-columns:minmax(0,1fr);}
 #embody.is-lab>.page-header {grid-column:1;}
 #embody.is-lab>.embody-gates {grid-column:1;grid-row:auto;justify-self:start;width:max-content;max-width:100%;margin:4px 0 0;}
 #embody.is-lab>[data-embody-panel] {grid-column:1;}
 #embody.is-lab>.embody-labs {grid-column:1;justify-content:flex-end;}
}
.step-strip {display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-block-start:14px;padding-block-end:8px;border-block-end:1px solid var(--learn-rule);}
.step-strip-steps {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;flex:1 1 auto;margin:0;padding:0;list-style:none;min-width:0;}
.inquiry .step-strip-steps button {border:0;border-radius:0;background:transparent;min-height:0;padding:4px 0;color:var(--learn-muted);font:500 13px/1.3 var(--sans,Arial,sans-serif);text-align:start;}
.inquiry .step-strip-steps button:hover:not(:disabled) {background:transparent;color:var(--learn-ink);}
.inquiry .step-strip-steps button[aria-current="step"] {color:var(--learn-ink);font:500 22px/1.25 var(--serif,Georgia,serif);}
.inquiry .step-strip-steps button[aria-current="step"] .step-name,
.inquiry .step-strip-steps button:not([aria-current="step"]) .step-do {display:none;}
.step-num {margin-inline-end:.35em;}
.step-strip-side {display:flex;align-items:center;gap:10px;margin-inline-start:auto;}
.inquiry .step-strip .inquiry-next:disabled {background:transparent;border-color:transparent;color:var(--learn-muted);opacity:1;}
.inquiry .inquiry-discovery.step-live {flex:1 1 100%;max-width:none;margin:0;font:400 15px/1.35 var(--serif,Georgia,serif);color:var(--learn-muted);}
.gesture-leader {stroke:#ffdbb8;fill:none;pointer-events:none;}
.gesture-mark {pointer-events:none;}
.gesture-mark-pill {fill:#0d1a2ee8;stroke:#ffdbb8;}
.inquiry .gesture-mark-text {fill:#fff8ee;font:600 13px var(--sans,Arial,sans-serif);stroke:none;}