.traffic-page .lab-heading h1{font-size:clamp(36px,3.8vw,59px)}.traffic-page .lab-sidebar{display:block}.traffic-page .control-field small{font-size:14px}.traffic-transport{padding:0 30px 20px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.traffic-transport label{margin-left:auto;font-size:13px;color:#c0cdd5}.traffic-transport select,.traffic-follow select{background:#13232f;color:#e8f2ee;border:1px solid #58707a;padding:7px;font-size:14px}.traffic-transport>span{flex-basis:100%;font-size:13px;color:#98cfc2;font-variant-numeric:tabular-nums;margin-top:5px}.traffic-road{border-block:1px solid #273b45;background:#09141e}#traffic-scene{display:block;width:100%;height:460px;touch-action:pan-y;cursor:pointer}.traffic-colour-key{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px;color:#c5d1d5;padding:12px 20px 0}.traffic-colour-key>i{display:block;width:115px;height:5px;background:linear-gradient(90deg,#f17c72,#efc888 36%,#8de2d1 73%,#8cc3f2);border-radius:8px}.traffic-selected-key{margin-left:18px}.traffic-road>p{font-size:13px;line-height:1.65;color:#9eb2bf;padding:0 28px 8px;max-width:870px}.traffic-follow{display:flex;flex-wrap:wrap;gap:12px 15px;align-items:center;padding:21px 28px;background:#0e1b26}.traffic-follow label{font-size:14px;color:#c4d2d6;display:flex;align-items:center;gap:10px}.traffic-follow select{max-width:140px;min-width:105px}.traffic-brake{border-color:#b77669;color:#f3c3af;background:#2d2224}.traffic-brake:hover{border-color:#f5b89c}.traffic-follow>p{flex-basis:100%;margin:0;font-size:14px;line-height:1.65;color:#ccdadb;font-variant-numeric:tabular-nums}.traffic-follow #live-event{font-size:13px;color:#b6c3d0}.traffic-page .traffic-data{margin:0;padding-block:24px}.traffic-data dt{font-size:13px;line-height:1.5;min-height:39px}.traffic-data dd small{display:inline}.traffic-data p{font-size:12px;color:#95abba;margin:7px 0 0;line-height:1.5}.traffic-presets{gap:8px}.traffic-presets>span{flex-basis:100%}.traffic-presets>p{flex-basis:100%;font-size:13px;line-height:1.6;color:#9cafbc;margin:4px 0 0}.traffic-plots{padding:28px;border-top:1px solid #273b45}.traffic-plot-heading h2{font:30px/1.2 var(--world-serif);margin:9px 0 15px;color:#e1eee8}.traffic-plot-heading p:last-child{font-size:15px;line-height:1.7;color:#b3c6cf;max-width:720px}.traffic-plots canvas{display:block;width:100%}#space-time{height:350px;margin-top:22px}.traffic-plots>p{font-size:13px;line-height:1.7;color:#9eb3c0}.traffic-small-plots{display:grid;grid-template-columns:1fr 1fr;gap:23px;border-top:1px solid #273b45;margin-top:26px;padding-top:24px}.traffic-small-plots>div{min-width:0}.traffic-small-plots h3{font:23px/1.3 var(--world-serif);color:#dcebe5;margin:0 0 17px}.traffic-small-plots canvas{height:205px}.traffic-small-plots p{font-size:13px;line-height:1.7;color:#a6bac5}.traffic-page .chart-legend .dashed:before{background:repeating-linear-gradient(90deg,var(--legend) 0 4px,transparent 4px 7px)}.traffic-road-controls{border-top:1px solid #33434a;padding-top:25px;margin-top:28px}.traffic-road-controls>.kicker{font-size:11px;line-height:1.5}.traffic-road-controls .lab-button{width:100%}.traffic-road-controls .control-field{margin-top:14px}.traffic-audio-note,.traffic-guide-note{font-size:14px;line-height:1.7;color:#a6b8c3}.traffic-page .lab-sidebar>.text-link{display:block;margin-top:23px}.traffic-page :is(button,select,input):focus-visible{outline:2px solid #f1cc98;outline-offset:4px}.traffic-page .model-content{overflow-wrap:anywhere}.traffic-page .equation{overflow-x:auto}.traffic-page .lab-status{min-height:75px}.traffic-page [hidden]{display:none!important}
@media(min-width:1500px){#traffic-scene{height:490px}}
@media(max-width:1100px){.traffic-small-plots{grid-template-columns:1fr}.traffic-small-plots canvas{height:210px}.traffic-transport label{margin-left:0}}
@media(max-width:880px){.traffic-page .lab-sidebar{display:block}.traffic-small-plots{grid-template-columns:1fr 1fr}.traffic-page .lab-sidebar{padding-inline:30px}}
@media(max-width:580px){#traffic-scene{height:365px}.traffic-transport{padding-inline:22px}.traffic-follow,.traffic-plots{padding-inline:22px}.traffic-road>p{padding-inline:22px}.traffic-selected-key{flex-basis:100%;text-align:center;margin:3px 0}.traffic-small-plots{grid-template-columns:1fr}.traffic-page .traffic-data{grid-template-columns:1fr 1fr;padding-inline:22px;gap:20px}.traffic-data>div:last-child{grid-column:1/-1}.traffic-data dt{min-height:0}.traffic-data dd{font-size:29px}.traffic-plot-heading h2{font-size:27px}#space-time{height:335px}.traffic-page .lab-sidebar{padding-inline:22px}.traffic-follow{gap:12px}.traffic-brake{font-size:13px}.traffic-page .control-field>label{font-size:14px}.traffic-page .learn-header h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.traffic-page *{scroll-behavior:auto!important}}