/* bdg.css — Bridge design studio (v44). Builds on atelier.css (cp-*), jetty.css (jt-*), road.css (rd-*) and minimal.css. */
.bd-app [data-h] { touch-action: none; }
.bd-app [data-h="truck"], .bd-app [data-h="truck2"] { cursor: grab; }
.bd-app [data-h^="sup"], .bd-app [data-h="S"] { cursor: ew-resize; }
.bd-app .jt-fig svg text { pointer-events: none; }
.bd-app .bd-sl { min-width: 240px; flex: 1; }
.bd-app .bd-sl input[type=range] { width: 100%; }
.bd-app .bd-bar { gap: 10px; align-items: end; flex-wrap: wrap; }
.bd-app .rd-wide .jt-fig svg { width: 100%; height: auto; display: block; }
.bd-app .cp-grid2.bd-live { grid-template-columns: minmax(0, 1.8fr) minmax(260px, 1fr); }
@media (max-width: 980px) { .bd-app .cp-grid2.bd-live { grid-template-columns: minmax(0, 1fr); } }
.bd-app tr.bd-crit td { background: color-mix(in srgb, #2563eb 9%, transparent); font-weight: 600; }
.bd-app .bd-step { border-left: 3px solid var(--purple, #2563eb); padding: 6px 14px; margin: 0 0 10px; }
.bd-app .bd-step p { margin: 4px 0; font-size: .92rem; }