/* road.css — Road design & analysis studio (v27); builds on jetty.css */
.rd-app .rd-wide .jt-fig svg { width: 100%; height: auto; display: block; }
.rd-app .rd-ip, .rd-app .rd-vpi { cursor: grab; }
.rd-app .rd-ip:active, .rd-app .rd-vpi:active { cursor: grabbing; }
.rd-app .rd-ip circle:first-child { transition: r .15s; }
.rd-app .rd-ip:hover circle:first-child { r: 12; }
.rd-app .rd-vpi:hover path { fill: #f3e9f0; }
.rd-eq { margin: 10px 0; padding: 10px 12px; border-left: 3px solid var(--purple); background: color-mix(in srgb, var(--purple) 5%, var(--bg)); font: .78rem/1.5 var(--font-mono, ui-monospace, monospace); color: var(--ink); }
.rd-eq div + div { margin-top: 3px; }
.rd-drivebar { align-items: end; gap: 14px; }
.rd-drivegrid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 12px; margin-top: 10px; }
@media (max-width: 1100px) { .rd-drivegrid { grid-template-columns: 1fr; } }
.rd-paste { width: 100%; min-height: 90px; margin: 8px 0; font: .8rem var(--font-mono, monospace); }
.rd-app .cp-edit input[type=number] { width: 92px; }
#road-studio { margin-top: 12px; }