.quaternion-lab__plots,.quaternion-lab__matrices,.quaternion-lab .lesson-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.quaternion-lab__quaternions{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:1.5rem;display:grid}.quaternion-lab__table{table-layout:fixed;width:100%;font-family:var(--font-technical);font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.quaternion-lab__table caption{text-align:left;font-family:var(--font-body);color:var(--color-text);padding-block:0 .6rem;font-size:.875rem}.quaternion-lab__table :is(th,td){text-align:center;white-space:nowrap;padding:.45rem .1rem}.quaternion-lab .lesson-readouts dt{font-size:.75rem}.quaternion-lab .lesson-readouts dd{font-size:.9375rem}.quaternion-lab .lesson-plot{min-width:0;margin:0}.quaternion-lab .lesson-plot svg{width:100%;height:auto;display:block}.quaternion-lab .lesson-plot svg text{fill:var(--color-text-muted);font:18px var(--font-technical)}.quaternion-lab__plot-title{margin:0;font-size:.875rem;font-weight:600}.quaternion-lab .lesson-plot figcaption{font-size:.8125rem}.quaternion-lab__note{font-size:.875rem}.quaternion-lab__checkbox{align-items:center;gap:.65rem;min-height:2.75rem;font-size:.9375rem;display:flex}.quaternion-lab__checkbox input{width:1.1rem;height:1.1rem;accent-color:var(--lesson-accent);flex-shrink:0}.quaternion-lab__legend{flex-wrap:wrap;gap:.7rem 1.2rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.quaternion-lab__legend li{align-items:center;gap:.5rem;display:flex}.quaternion-lab__marker{flex-shrink:0;width:.75rem;height:.75rem;display:inline-block}.quaternion-lab__marker--input{border:2px solid var(--color-text-muted);border-radius:50%}.quaternion-lab__marker--output{background:var(--lesson-accent);border-radius:50%}.quaternion-lab__marker--reverse{border:2px solid var(--lesson-blue)}@media (max-width:48rem){.quaternion-lab__plots,.quaternion-lab__quaternions{grid-template-columns:1fr}}@media (max-width:40rem){.quaternion-lab__matrices,.quaternion-lab .lesson-readouts{grid-template-columns:1fr}}