.four-way-page{--stop-mint:#8de2d1;--stop-gold:#efbf76}.four-way-page .lab-main{background:#0a151d}.four-way-page .lab-heading{padding:35px 32px 22px}.four-way-page .lab-heading h1{font-size:clamp(52px,5.7vw,84px);line-height:1.06;letter-spacing:-2px;margin:16px 0}.four-way-page .lab-heading>p:last-child{font-size:17px;line-height:1.8;max-width:710px;color:#c0d2d6}.stop-trials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 32px 24px}.stop-trials button{color:#c7e4da;background:#112931;border:1px solid #3b5b60;text-align:left;padding:14px 16px;cursor:pointer}.stop-trials strong{display:block;font:21px/1.2 var(--world-serif)}.stop-trials span{display:block;font-size:13px;line-height:1.6;color:#abc3ce;margin-top:5px}.stop-trials button[aria-pressed=true]{border-color:#9edaca;background:#19372f}.stop-transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0 32px 24px}.stop-transport label{display:flex;align-items:center;gap:8px;color:#c1d4db;font-size:14px;margin-left:auto}.stop-transport>span{flex-basis:100%;font-variant-numeric:tabular-nums;font-size:14px;color:#a9c2d0;margin-top:5px}.four-way-page select{background:#142530;color:#dae6e2;border:1px solid #47646e;padding:9px 12px;font:14px var(--world-sans);max-width:100%}.stop-scene-heading{padding:14px 24px;border-block:1px solid #34515a;display:flex;gap:15px;justify-content:space-between;align-items:center;background:#10242d}.stop-scene-heading p{font-size:15px;color:#cae4d8;margin:0}.stop-scene-heading label{font-size:13px;color:#c3d5d8;display:flex;align-items:center;gap:7px}.junction-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid #314b55}.junction-pair[data-compare=false]{grid-template-columns:minmax(0,1fr)}.junction-world{min-width:0;background:#0d1c23}.junction-world+#world-b{border-left:1px solid #3b5056}.world-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 23px 0}.world-heading .kicker{font-size:10px;letter-spacing:1.7px;color:#a2c4c9;margin:0 0 8px}.world-heading h2{font:27px/1.2 var(--world-serif);margin:0;color:#e0e8db}.world-marker{width:8px;height:30px;background:var(--world-colour);flex-shrink:0}.world-description{font-size:13px;color:#b4ccd3;line-height:1.7;min-height:65px;margin:12px 23px 17px}.junction-world canvas{display:block;width:100%;height:430px;cursor:crosshair}.junction-pair[data-compare=false] canvas{height:550px}.world-summary{margin:0;padding:13px 23px;min-height:49px;background:#12282e;color:#c7e0d9;font-size:13px;line-height:1.6}.stop-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding:21px 23px 25px;margin:0}.stop-metrics dt{font-size:12px;line-height:1.6;color:#b5c8d1}.stop-metrics dd{font:29px/1.3 var(--world-serif);color:#b7e6d8;margin:5px 0 0;font-variant-numeric:tabular-nums}.stop-metrics dd small{font:12px var(--world-sans);color:#b3c5cb}#world-b .stop-metrics dd{color:#efce97}.stop-map-key{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:21px 28px 0;font-size:12px;color:#c5d3d1}.stop-map-key i{height:7px;width:90px;background:linear-gradient(90deg,#8de2d1,#efbf76,#eb877e,#c46899)}.stop-caption{font-size:13px;line-height:1.8;color:#a9c2ce;margin:15px 28px 22px}.hesitation-callout{margin:23px 28px 30px;padding:21px;border:1px solid #756345;background:#2d291d55;display:flex;align-items:center;gap:22px}.hesitation-callout .kicker{font-size:10px;color:#e4bf82}.hesitation-callout p:last-child{font-size:15px;line-height:1.7;color:#dddbc7;margin:8px 0 0}.hesitation-callout button{flex:0 0 175px;white-space:normal}.driver-inspector,.stop-comparison,.stop-chart-section,.approach-section{padding:28px;border-top:1px solid #304954}.stop-section-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.stop-section-title h2,.stop-comparison h2,.approach-section h2{font:31px/1.2 var(--world-serif);color:#e0e9de;margin:0 0 20px}.stop-section-title>span,.stop-section-title>label{font-size:12px;line-height:1.6;color:#b2cad2}.stop-section-title>label{display:flex;align-items:center;gap:6px}.driver-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.driver-controls label{display:flex;gap:8px;align-items:center;color:#bacecf;font-size:14px}.driver-controls .lab-button{font-size:13px}.driver-inspector>p{font-size:14px;line-height:1.75;color:#b1cad3}.driver-inspector>.driver-name{font-size:19px;color:#d7e5ce;margin-bottom:8px}.driver-inspector .stop-caption,.stop-chart-section .stop-caption,.approach-section .stop-caption,.stop-comparison .stop-caption{margin-inline:0;margin-bottom:0}.stop-comparison{background:#0e222a}.stop-comparison>.kicker{font-size:11px}.stop-comparison>p{font-size:14px;line-height:1.8;color:#b6ced1}.difference-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 19px}.difference-metrics dt{color:#b4cbd2;font-size:13px;line-height:1.6}.difference-metrics dd{color:#edce96;font:33px var(--world-serif);font-variant-numeric:tabular-nums;margin:7px 0}.difference-metrics dd small{font:13px var(--world-sans)}#queue-plot,#count-plot{display:block;width:100%;height:235px}.stop-plot-key{display:flex;gap:12px 22px;flex-wrap:wrap;color:#bfcfce;font-size:12px;margin:13px 0}.stop-plot-key>span:before{content:'';display:inline-block;width:19px;height:3px;margin-right:7px;vertical-align:middle;background:#8de2d1}.stop-plot-key>.key-b:before{background:repeating-linear-gradient(90deg,#efbf76 0 5px,transparent 5px 8px)}.stop-plot-key>.key-arrivals:before{background:repeating-linear-gradient(90deg,#a4bac6 0 2px,transparent 2px 6px)}.stop-plot-key>.key-arrivals-b:before{background:repeating-linear-gradient(90deg,#b4a2f5 0 2px,transparent 2px 6px)}.approach-section>p{color:#b7c9d0;font-size:14px}.stop-table-wrap{overflow-x:auto}.stop-table-wrap table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;font-variant-numeric:tabular-nums}.stop-table-wrap th{font-weight:500;color:#d1e0d9}.stop-table-wrap td{color:#b9cfd3}.stop-table-wrap th,.stop-table-wrap td{padding:13px 10px;border-bottom:1px solid #2b444e;line-height:1.5}.stop-table-wrap thead th{font-size:12px;color:#a8c5cf}.stop-controls .control-note,.stop-controls .control-field small{font-size:13px;line-height:1.8}.stop-controls .control-field label{font-size:14px;flex-wrap:wrap;gap:8px}.stop-select{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#c5d8dc}.stop-controls>.lab-button{width:100%;white-space:normal}.turn-mix{font-size:13px;color:#a9d8c7;line-height:1.8;border-left:2px solid #8de2d1;padding-left:15px;margin-bottom:24px}.sample-control{border-block:1px solid #37505a;margin:27px 0;padding:22px 0}.sample-control>p{font-size:13px;line-height:1.8;color:#afc7ce}.sample-control .kicker{font-size:10px;color:#b1d4c8}.sample-control .lab-button{width:100%;font-size:13px;white-space:normal}.stop-lessons{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px;margin:70px 0}.stop-lessons article{padding-top:25px;border-top:1px solid #35505b}.stop-lessons article>span{font-size:11px;letter-spacing:1.3px;color:#9bd9ca}.stop-lessons h3{font:31px/1.25 var(--world-serif);color:#e0e8dd;margin:18px 0}.stop-lessons p{font-size:16px;line-height:1.9;color:#b8cbd3}.stop-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-way-page .equation{font-size:17px;line-height:2;overflow-x:auto}.four-way-page .model-content{overflow-wrap:anywhere}.stop-related{font-size:17px;line-height:1.8;color:#c4d8d4;margin-block:35px}.four-way-page [hidden]{display:none!important}.four-way-page :is(button,select,input):focus-visible{outline:2px solid #e3e9bb;outline-offset:4px}.four-way-page button{cursor:pointer}.four-way-page button:disabled{cursor:default;opacity:.55}.four-way-page .lab-status{line-height:1.8}
@media(min-width:1600px){.four-way-page .lab-workspace{grid-template-columns:minmax(0,1fr) 365px}.junction-world canvas{height:500px}}
@media(max-width:1200px){.four-way-page .lab-workspace{grid-template-columns:minmax(0,1fr) 300px}.junction-pair{grid-template-columns:1fr}.junction-world+#world-b{border-left:0;border-top:1px solid #37525a}.junction-world canvas{height:470px}.world-description{min-height:0}.stop-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stop-metrics dd{font-size:26px}.stop-trials{padding-inline:24px}.stop-trials button{padding:13px 10px}.stop-trials strong{font-size:18px}.stop-transport label{margin-left:0}.stop-section-title{display:block}.stop-section-title>span,.stop-section-title>label{display:block;margin-bottom:15px}.hesitation-callout{flex-wrap:wrap}.hesitation-callout button{flex:1 0 auto}.driver-controls .lab-button{flex-basis:100%}}
@media(max-width:900px){.four-way-page .lab-workspace{grid-template-columns:1fr}.four-way-page .lab-sidebar{border-left:0;border-top:1px solid #34515a}.junction-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.junction-world+#world-b{border-left:1px solid #37525a;border-top:0}.junction-world canvas{height:410px}.stop-metrics{grid-template-columns:1fr 1fr}.stop-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.stop-controls>.kicker,.stop-controls>h2,.stop-controls>.control-intro,.sample-control,.stop-controls>.text-link{grid-column:1/-1}.stop-controls>.control-field,.stop-controls>.control-note,.stop-controls>.stop-select{grid-column:1/-1}.stop-controls>.turn-mix{grid-column:1/-1}.stop-controls>.lab-button{grid-column:1/-1}.sample-control{max-width:600px}.driver-controls .lab-button{flex-basis:auto}.stop-section-title{display:flex}.stop-trials strong{font-size:21px}}
@media(max-width:640px){.four-way-page .lab-heading{padding:27px 22px 19px}.four-way-page .lab-heading h1{font-size:64px}.four-way-page .lab-heading>p:last-child{font-size:15px}.stop-trials{padding-inline:22px;gap:7px}.stop-trials button{padding:12px 9px}.stop-trials strong{font-size:17px}.stop-trials span{font-size:11px}.stop-transport{padding-inline:22px}.stop-transport>.lab-button{font-size:13px}.stop-scene-heading{align-items:flex-start;padding-inline:22px}.stop-scene-heading p{font-size:14px}.stop-scene-heading label{font-size:12px}.junction-pair{grid-template-columns:1fr}.junction-world+#world-b{border-left:0;border-top:1px solid #38505a}.junction-world canvas,.junction-pair[data-compare=false] canvas{height:390px}.stop-metrics{grid-template-columns:1fr 1fr}.world-heading{padding-inline:22px}.world-description{margin-inline:22px}.world-summary{padding-inline:22px}.stop-map-key{padding-inline:22px}.stop-caption{margin-inline:22px}.hesitation-callout{margin:22px;padding:19px}.hesitation-callout button{width:100%}.driver-inspector,.stop-comparison,.stop-chart-section,.approach-section{padding:25px 20px}.stop-section-title{display:block}.stop-section-title h2,.stop-comparison h2,.approach-section h2{font-size:28px}.driver-controls{gap:12px}.driver-controls .lab-button{flex-basis:100%}.difference-metrics{gap:16px}.difference-metrics dd{font-size:29px}.stop-controls{padding:29px 22px;display:block}.stop-lessons{grid-template-columns:1fr;gap:30px;margin:45px 0}.stop-guide-grid{grid-template-columns:1fr}.stop-table-wrap th,.stop-table-wrap td{padding:12px 6px;font-size:13px}.stop-table-wrap thead th{font-size:11px}.four-way-page .equation{font-size:15px}.stop-plot-key{gap:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.four-way-page *{scroll-behavior:auto!important}}