.quaternion-deep{padding-bottom:5rem}.quaternion-deep__intro{display:grid;grid-template-columns:1.4fr .6fr;gap:1rem;margin-top:1.5rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.9rem}.quaternion-deep h1,.quaternion-deep h2,.quaternion-deep p{margin:0}.quaternion-deep__intro>div>span,.quaternion-lesson header>span,.quaternion-prompt>span,.quaternion-predict>span,.quaternion-evidence>span,.quaternion-explain span,.quaternion-controls strong{color:var(--accent-dark);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.quaternion-deep__intro h2{margin-top:.4rem;font-size:clamp(1.35rem,3.2vw,2.1rem);letter-spacing:-.04em}.quaternion-deep__intro p,.quaternion-lesson header>p{margin-top:.5rem;color:var(--gray-400);line-height:1.65}.quaternion-mode{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;align-content:start}.quaternion-mode button,.quaternion-steps button,.quaternion-controls>button,.quaternion-controls button,.quaternion-predict button,.quaternion-prompt button,.quaternion-evidence button,.quaternion-pager button,.quaternion-pager a{min-height:44px;padding:.45rem .6rem;color:var(--gray-200);border:1px solid var(--gray-700);border-radius:.45rem;background:transparent;font:inherit;font-size:.76rem;font-weight:700;cursor:pointer}.quaternion-mode button[aria-pressed=true],.quaternion-steps button[aria-current=step]{border-color:var(--accent-regular);color:var(--gray-100);background:color-mix(in srgb,var(--accent-regular) 11%,transparent)}.q-primary{color:#071115!important;border-color:var(--accent-regular)!important;background:var(--accent-regular)!important}.quaternion-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1rem}.quaternion-steps button{min-height:58px;text-align:left}.quaternion-steps span,.quaternion-steps strong{display:block}.quaternion-steps span{color:var(--accent-dark);font-size:.65rem}.quaternion-steps strong{margin-top:.2rem}.quaternion-lesson{margin-top:1rem}.quaternion-lesson header{display:grid;grid-template-columns:1fr .7fr;gap:1rem;align-items:end;padding:1rem 0;border-bottom:1px solid var(--gray-700)}.quaternion-lesson header h1{margin-top:.35rem;font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.05em}.quaternion-prompt,.quaternion-predict,.quaternion-evidence,.quaternion-explain{display:grid;gap:.65rem;margin-top:1rem;padding:1rem;border-left:2px solid var(--accent-regular);background:color-mix(in srgb,var(--accent-regular) 6%,transparent)}.quaternion-prompt p,.quaternion-predict h2,.quaternion-evidence h2,.quaternion-explain p{color:var(--gray-300);line-height:1.65}.quaternion-predict h2,.quaternion-evidence h2{font-size:clamp(1.05rem,4vw,1.35rem);letter-spacing:-.015em}.quaternion-predict textarea{min-height:75px;padding:.6rem;color:var(--gray-100);border:1px solid var(--gray-700);border-radius:.4rem;background:var(--gray-900);font:inherit}.quaternion-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.45fr);gap:1rem;margin-top:1rem}.quaternion-visual{position:relative;min-height:31rem;overflow:hidden;border:1px solid var(--gray-700);border-radius:.9rem;background:radial-gradient(circle at 30% 25%,rgba(143,199,208,.13),transparent 36%),#081116}.quaternion-visual svg{display:block;width:100%;height:29rem}.q-readout{position:absolute;z-index:2;top:.7rem;left:.7rem;display:grid;gap:.3rem;color:var(--gray-300);font:700 .68rem ui-monospace,Consolas,monospace}.q-readout span{padding:.3rem .45rem;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#081116b8}.quaternion-visual>p{position:absolute;right:.7rem;bottom:.7rem;left:.7rem;color:var(--gray-400);font-size:.72rem}.q-orbit{fill:none;stroke:#ffffff29;stroke-width:2}.q-axis{stroke:#ffffff29;stroke-width:2}.q-arc{fill:none;stroke:#8fc7d0;stroke-width:5;stroke-linecap:round}.q-vector{stroke:#e0be74;stroke-width:6;stroke-linecap:round}.q-origin{fill:#e8f1ee}.q-tip{fill:#e0be74}.quaternion-visual text{fill:#dbe8e3;font-size:13px}.q-target{fill:none;stroke:#9bd7b7;stroke-width:4}.q-target-line{stroke:#9bd7b7;stroke-width:3;stroke-dasharray:6 5}.quaternion-controls{align-self:start;border:1px solid var(--gray-700);border-radius:.75rem}.quaternion-controls>button{width:100%;text-align:left;border:0}.quaternion-controls>div{display:grid;gap:.7rem;padding:.7rem;border-top:1px solid var(--gray-700)}.quaternion-controls p{color:var(--gray-400);line-height:1.55}.q-range,.q-toggle{display:grid;gap:.35rem;color:var(--gray-300);font-size:.78rem}.q-range input{width:100%;accent-color:var(--accent-regular)}.q-toggle{grid-template-columns:1fr auto;align-items:center}.q-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.7rem;border-top:1px solid var(--gray-700)}.q-actions small{width:100%;color:var(--gray-500)}.quaternion-explain{grid-template-columns:1fr .7fr}.quaternion-explain code{display:block;align-self:start;padding:.7rem;color:var(--accent-light);overflow-wrap:anywhere;border:1px solid var(--gray-700);border-radius:.45rem;background:var(--gray-900);font-size:.75rem}.quaternion-pager{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem}.quaternion-deep button:focus-visible,.quaternion-deep a:focus-visible{outline:2px solid var(--accent-regular);outline-offset:2px}@media(max-width:50em){.quaternion-deep__intro,.quaternion-lesson header,.quaternion-stage,.quaternion-explain{grid-template-columns:1fr}.quaternion-steps{grid-template-columns:repeat(2,1fr)}.quaternion-visual{min-height:29rem}.quaternion-visual svg{height:27rem}.quaternion-pager{display:grid;grid-template-columns:1fr 1fr}.quaternion-pager>*{text-align:center}}.quaternion-lesson header h2{margin-top:.35rem;font-size:clamp(1.7rem,4vw,3rem);letter-spacing:-.05em}