/* The existing Meera palette and card styles remain the source of truth. */
#loads .ml-road-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 4px;padding:18px 22px;background:var(--bg2);border:1px solid var(--border);border-radius:16px}
.ml-road-intro p{margin:0;color:var(--navy);font-size:15px;font-weight:700;line-height:1.7}
.ml-road-intro small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:3px}
.ml-road-view{flex:none;cursor:pointer;font:700 12px 'Poppins','Noto Sans Gujarati',sans-serif;padding:11px 15px;border:1px solid var(--blue);border-radius:10px;color:var(--blue);background:white;min-height:44px}
.ml-return-road{position:relative;isolation:isolate;margin-top:12px;overflow:clip;--road-card-width:calc(50% - 100px)}
.ml-road-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.ml-road-verge{fill:none;stroke:var(--bg2);stroke-width:106;stroke-linecap:round}
.ml-road-edge{fill:none;stroke:var(--border);stroke-width:88;stroke-linecap:round}
.ml-road-asphalt{fill:none;stroke:var(--navy);stroke-width:80;stroke-linecap:round}
.ml-road-centre{fill:none;stroke:var(--gold2);stroke-width:3;stroke-dasharray:17 19}
.ml-road-connector{stroke:var(--border);stroke-width:2;stroke-dasharray:4 5;fill:none}
.ml-road-marker circle{fill:white;stroke:var(--blue);stroke-width:2}
.ml-road-marker text{font:800 10px 'Poppins',sans-serif;fill:var(--navy);text-anchor:middle;dominant-baseline:central}
.ml-road-marker[data-current="true"] circle{fill:var(--gold);stroke:var(--gold)}
.ml-road-truck{filter:drop-shadow(2px 5px 3px #071a4f50)}
.ml-road-stops{display:flex;flex-direction:column;gap:68px;padding:85px 0 100px}
.ml-return-road #ml-load-results{min-width:0}
.ml-return-road .ml-loads-grid{display:flex;flex-direction:column;gap:68px}
.ml-return-road .ml-road-stop{position:relative;width:var(--road-card-width);min-width:0;margin:0;scroll-margin-top:120px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow-wrap:anywhere}
.ml-return-road .ml-road-stop[data-road-side="right"]{margin-left:auto}
.ml-return-road .ml-road-stop[data-current="true"]{border-color:var(--gold);box-shadow:0 10px 35px #1a56db18,0 0 0 3px #f5b50020}
.ml-return-road .ml-load-card{padding:23px;background:white;border-radius:20px}
.ml-return-road .ml-load-card:hover{transform:translateY(-3px)}
.ml-return-road .ml-load-route{font-size:23px;line-height:1.5;letter-spacing:0}
.ml-return-road .ml-load-actions{display:flex;flex-direction:column;gap:9px}
.ml-return-road .ml-load-actions .ml-btn{font-size:12px;white-space:normal;padding:12px 14px;line-height:1.65}
.ml-road-checkpoint{padding:24px;border:2px solid var(--border);border-radius:20px;background:var(--bg);color:var(--navy)}
.ml-road-checkpoint>span{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--blue);margin-bottom:10px}
.ml-road-checkpoint h3{font-size:23px;line-height:1.5;margin:0 0 9px;font-weight:800}
.ml-road-checkpoint p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.ml-road-checkpoint a{display:inline-block;color:var(--blue);font-size:13px;font-weight:800;margin-top:14px;text-underline-offset:4px}
.ml-return-road .ml-load-message{box-sizing:border-box;text-align:left;padding:24px;border:2px solid var(--border);border-radius:20px;background:white;font-size:14px;line-height:1.9;color:var(--muted)}
.ml-load-road-number{color:var(--blue);font-size:11px;letter-spacing:.5px;font-weight:800;margin:0 0 14px}
.ml-road-note{font-size:11px;line-height:1.7;text-align:center;color:var(--muted);margin:0 0 25px}
.ml-road-list-mode .ml-road-scene,.ml-road-list-mode .ml-road-checkpoint{display:none}
.ml-road-list-mode .ml-road-stops{padding:20px 0;gap:0}
.ml-road-list-mode .ml-loads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.ml-road-list-mode .ml-road-stop{width:auto;margin:0!important}
.ml-road-list-mode .ml-road-stop[data-current="true"]{border-color:var(--border);box-shadow:var(--card-shadow)}
@media(max-width:850px){
 .ml-return-road{--road-card-width:calc(100% - 104px)}
 .ml-return-road .ml-road-stop{margin-left:auto}
 .ml-road-stops{padding:75px 0 85px;gap:48px}
 .ml-return-road .ml-loads-grid{gap:48px}
 .ml-road-verge{stroke-width:84}.ml-road-edge{stroke-width:66}.ml-road-asphalt{stroke-width:60}.ml-road-centre{stroke-width:2;stroke-dasharray:12 16}
 .ml-road-checkpoint{padding:21px}.ml-road-checkpoint h3{font-size:22px}
}
@media(max-width:560px){
 #loads .ml-road-intro{padding:15px;align-items:flex-start;gap:10px}
 .ml-road-intro p{font-size:12px}.ml-road-intro small{font-size:10px;line-height:1.7}
 .ml-road-view{padding:9px 10px;font-size:10px}
 .ml-return-road{--road-card-width:calc(100% - 84px)}
 .ml-return-road .ml-load-card,.ml-road-checkpoint,.ml-return-road .ml-load-message{padding:17px 14px;border-radius:15px}
 .ml-return-road .ml-load-route{font-size:19px}.ml-return-road .ml-load-badge{font-size:9px;padding:5px 9px}
 .ml-return-road .ml-load-info{font-size:12px;line-height:1.8}
 .ml-return-road .ml-load-rate{font-size:18px}
 .ml-return-road .ml-load-actions .ml-btn{font-size:11px;padding:10px 9px}
 .ml-road-checkpoint h3{font-size:19px}.ml-road-checkpoint p{font-size:12px}.ml-road-checkpoint>span{font-size:10px}
 .ml-road-verge{stroke-width:68}.ml-road-edge{stroke-width:58}.ml-road-asphalt{stroke-width:52}
 .ml-load-road-number{font-size:10px;margin-bottom:10px}
 .ml-road-note{font-size:10px;text-align:left;margin:0 8px 25px}
}
@media(prefers-reduced-motion:reduce){.ml-return-road .ml-road-stop{transition:none}.ml-return-road .ml-load-card:hover{transform:none}}