.coordinate-course{padding-block:clamp(2rem,5vw,5rem);color:var(--gray-200)}.coordinate-intro{display:grid;gap:1.5rem;align-items:end;margin-bottom:1.5rem}.coordinate-intro h1{max-width:13ch;margin:.3rem 0 .8rem;color:var(--gray-100);font-size:clamp(2.2rem,6vw,4.7rem);letter-spacing:-.045em;text-wrap:balance}.coordinate-intro>div>p:not(.coordinate-kicker){max-width:60ch;line-height:1.8}.coordinate-kicker,.coordinate-lesson__heading>p,.coordinate-explanation>p:first-child{color:var(--accent-dark);font-size:.75rem;font-weight:800;letter-spacing:.055em}.coordinate-mode{display:flex;flex-wrap:wrap;gap:.5rem}.coordinate-mode button,.coordinate-chapters button,.coordinate-steps button,.coordinate-gate button,.coordinate-controls button{min-height:44px;border:1px solid var(--gray-700);border-radius:.7rem;color:var(--gray-200);background:var(--gray-900)}.coordinate-mode button{display:grid;gap:.2rem;padding:.65rem .85rem;text-align:left}.coordinate-mode button[aria-pressed=true],.coordinate-chapters .is-active,.coordinate-steps .is-active{border-color:var(--accent-dark);color:var(--gray-100);background:color-mix(in srgb,var(--accent-dark) 17%,var(--gray-900))}.coordinate-mode small{color:var(--gray-400)}.coordinate-chapters{display:grid;grid-template-columns:repeat(4,minmax(10rem,1fr));gap:.5rem;overflow-x:auto;padding-bottom:.4rem}.coordinate-chapters button{min-width:10rem;padding:.7rem;text-align:left}.coordinate-chapters span,.coordinate-chapters strong{display:block}.coordinate-chapters span{margin-top:.25rem;color:var(--gray-400);font-size:.78rem;line-height:1.45}.coordinate-workbench{margin-top:1.5rem;border-top:1px solid var(--gray-700)}.coordinate-steps{display:flex;gap:.35rem;overflow-x:auto;padding:.8rem 0}.coordinate-steps button{flex:0 0 auto;padding:.45rem .6rem;font-size:.78rem}.coordinate-steps span{margin-right:.3rem;color:var(--accent-dark);font-weight:800}.coordinate-lesson{outline:none}.coordinate-lesson__heading{max-width:65ch;padding:1.5rem 0}.coordinate-lesson__heading h2,.coordinate-explanation h3,.coordinate-continue h2{margin:.35rem 0 .7rem;color:var(--gray-100);font-size:clamp(1.65rem,4vw,2.75rem);text-wrap:balance}.coordinate-lesson__heading>p{color:var(--gray-300);line-height:1.75}.coordinate-lesson__heading strong{display:block;margin-top:1rem;color:var(--accent-dark);line-height:1.6}.coordinate-stage{position:relative;overflow:hidden;border:1px solid var(--gray-700);border-radius:1rem;background:#09171d}.coordinate-map{min-height:18rem;padding:1rem;background:linear-gradient(135deg,#07151a,#102832)}.coordinate-map svg{display:block;width:100%;height:auto}.coordinate-map>p{margin:.25rem 0 0;color:#d9f3f1;font-size:.86rem}.coordinate-pipeline{display:flex;gap:.3rem;overflow-x:auto}.coordinate-pipeline span{flex:0 0 auto;padding:.3rem .45rem;border:1px solid #315159;border-radius:.35rem;color:#9db9bc;font-size:.72rem}.coordinate-pipeline .is-active{border-color:#79d8d0;color:#efffff;background:#1b4850}.coordinate-controls-toggle{position:absolute;top:.75rem;right:.75rem;min-height:44px;border:1px solid #4a7176;border-radius:.5rem;color:#eaffff;background:#102b34;font-size:.74rem}.coordinate-controls{position:absolute;top:3.4rem;right:.75rem;width:min(19rem,calc(100% - 1.5rem));padding:.8rem;border:1px solid #45656a;border-radius:.75rem;color:#dff5f3;background:#0e252d;box-shadow:0 10px 28px #0008}.coordinate-controls>div,.coordinate-controls label>span{display:flex;justify-content:space-between;gap:.7rem;align-items:center;font-size:.78rem}.coordinate-controls .is-pending{color:#f5cd77}.coordinate-controls label{display:block;margin-top:.65rem}.coordinate-controls input[type=range]{width:100%;accent-color:var(--accent-dark)}.coordinate-controls output{color:#f7d281;font-weight:800}.coordinate-controls p{margin:.45rem 0;color:#b4ced0;font-size:.78rem;line-height:1.45}.coordinate-controls button,.coordinate-gate button{padding:.5rem .7rem}.coordinate-controls button:disabled{opacity:.5}.coordinate-gate{max-width:65ch;margin-top:1rem;padding:1rem;border:1px solid var(--gray-700);border-radius:.8rem;background:var(--gray-900)}.coordinate-gate p{margin:0 0 .7rem;line-height:1.7}.coordinate-gate button+button{margin-left:.5rem}.coordinate-explanation{max-width:70ch;margin-top:1rem;padding:1.25rem 0}.coordinate-explanation>p:not(:first-child){line-height:1.8}.coordinate-explanation>div{display:grid;gap:1rem;margin:1rem 0}.coordinate-explanation section{padding:.9rem;border-top:1px solid var(--gray-700)}.coordinate-explanation section p{color:var(--gray-300);line-height:1.7}.coordinate-explanation code{display:block;overflow-x:auto;margin-top:.7rem;padding:.65rem;color:#f7d281;background:var(--gray-900)}.coordinate-explanation details{padding:.8rem 0;border-block:1px solid var(--gray-700)}.coordinate-explanation summary{cursor:pointer;color:var(--gray-100);font-weight:700}.coordinate-explanation a,.coordinate-continue a{display:block;min-height:44px;padding-top:.8rem;color:var(--accent-dark);font-weight:800;text-underline-offset:.25rem}.coordinate-continue{margin-top:clamp(3rem,8vw,7rem);padding-top:1.2rem;border-top:1px solid var(--gray-700)}@media(min-width:50em){.coordinate-intro{grid-template-columns:minmax(0,1fr) auto}.coordinate-explanation>div{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.coordinate-course *{scroll-behavior:auto!important}}