/* Shared record/Compare controls; evidence and ratios remain useful without JS. */
[data-vpba-gearing-module][hidden], [data-vpba-gearing-module] [hidden] { display: none !important; }
[data-vpba-gearing-module] .vpba-gearing-cadence { display:flex; flex-wrap:wrap; align-items:end; gap:12px 16px; min-width:0; margin:0 0 20px; padding:16px; border:1px solid #dde5ef; border-radius:10px; background:#f7f9fc; }
[data-vpba-gearing-module] .vpba-gearing-cadence__setting { display:flex; flex-direction:column; gap:5px; }
[data-vpba-gearing-module] .vpba-gearing-cadence label { color:#28364e; font-size:14px; font-weight:750; }
[data-vpba-gearing-module] .vpba-gearing-cadence__field { display:inline-flex; align-items:center; min-height:44px; border:1px solid #bbc8db; border-radius:7px; background:#fff; overflow:hidden; }
[data-vpba-gearing-module] .vpba-gearing-cadence__field input { box-sizing:border-box; width:80px; min-width:0; height:44px; margin:0; padding:8px; border:0; box-shadow:none; background:transparent; color:#202c40; font-weight:700; line-height:1.3; font-family:inherit; font-size:16px; text-align:right; font-variant-numeric:tabular-nums; }
[data-vpba-gearing-module] .vpba-gearing-cadence__field span { padding:0 10px 0 2px; color:#53617a; font-size:12px; font-weight:750; }
[data-vpba-gearing-module] .vpba-gearing-cadence select { box-sizing:border-box; height:46px; min-width:96px; margin:0; padding:8px 28px 8px 10px; border:1px solid #bbc8db; border-radius:7px; background-color:#fff; color:#202c40; font-family:inherit; font-size:16px; }
[data-vpba-gearing-module] .vpba-gearing-cadence__presets { display:flex; flex-wrap:wrap; gap:6px; }
[data-vpba-gearing-module] .vpba-gearing-cadence__presets button { box-sizing:border-box; min-height:44px; margin:0; padding:8px 11px; border:1px solid #bbc8db; border-radius:7px; background:#fff; color:#334974; font-family:inherit; font-size:14px; font-weight:750; line-height:1.4; cursor:pointer; }
[data-vpba-gearing-module] .vpba-gearing-cadence__presets button span { font-size:11px; }
[data-vpba-gearing-module] .vpba-gearing-cadence__presets button[aria-pressed=true] { border-color:#3458ad; background:#e8eefc; color:#203c82; }
[data-vpba-gearing-module] .vpba-gearing-cadence :is(input,select,button):focus-visible { outline:2px solid #3152b4; outline-offset:3px; }
[data-vpba-gearing-module] .vpba-gearing-cadence__note { flex-basis:100%; margin:0; color:#53617a; font-size:13px; line-height:1.5; }
[data-vpba-gearing-module] .vpba-gearing-cadence.is-invalid .vpba-gearing-cadence__field { border-color:#af3745; }
[data-vpba-gearing-module] .vpba-gearing-cadence.is-invalid .vpba-gearing-cadence__note { color:#96313d; }
[data-vpba-gearing-module] .vpba-gearing-cadence__status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-vpba-gearing-module] .vpba-gearing-row header { gap:6px 16px; }
[data-vpba-gearing-module] .vpba-gearing-row header span { font-size:13px; line-height:1.5; }
[data-vpba-gearing-module] .vpba-gearing-values small { font-size:12px; color:#53617a; }
[data-vpba-gearing-module] .vpba-gearing-speed { margin-top:12px; padding-top:12px; border-top:1px solid #e2e8f0; }
[data-vpba-gearing-module] .vpba-gearing-speed__values { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 20px; min-width:0; font-variant-numeric:tabular-nums; }
[data-vpba-gearing-module] .vpba-gearing-speed__title { color:#354258; font-size:14px; font-weight:750; margin-right:auto; }
[data-vpba-gearing-module] .vpba-gearing-speed__values > span:not(:first-child) { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:6px; }
[data-vpba-gearing-module] .vpba-gearing-speed__values small { color:#53617a; font-size:12px; }
[data-vpba-gearing-module] .vpba-gearing-speed__values output { color:#263a6e; font-size:16px; font-weight:800; }
[data-vpba-gearing-module] :is(.vpba-gearing-speed p,.vpba-gearing-method,.vpba-gearing-wheel-result,.vpba-gearing-tooth-pairs) { margin:8px 0 0; color:#53617a; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
[data-vpba-gearing-module] [data-vpba-speed-cadence] { font-size:12px; font-weight:500; white-space:nowrap; }
[data-vpba-gearing-module] .vpba-gearing-method-details { margin-top:18px; border-top:1px solid #dde5ef; padding-top:12px; color:#53617a; font-size:14px; }
[data-vpba-gearing-module] .vpba-gearing-method-details summary { min-height:44px; display:list-item; cursor:pointer; color:#304b87; font-weight:700; padding:10px 0; }
[data-vpba-gearing-module] .vpba-gearing-method-details p { margin:8px 0; font-size:13px; line-height:1.6; }
@media(max-width:480px) { [data-vpba-gearing-module] .vpba-gearing-cadence { padding:12px; gap:10px; } [data-vpba-gearing-module] .vpba-gearing-cadence__presets { flex-basis:100%; } [data-vpba-gearing-module] .vpba-gearing-speed__title { flex-basis:100%; } }

[data-vpba-gearing-module] .vpba-gearing-row header { flex-wrap:wrap; min-width:0; }
[data-vpba-gearing-module] .vpba-gearing-row header strong { min-width:0; overflow-wrap:anywhere; }
[data-vpba-gearing-module] .vpba-gearing-row header span { flex:0 1 auto; min-width:0; overflow-wrap:anywhere; }
@media(max-width:767px) {
  [data-vpba-gearing-module] .vpba-gearing-values small { font-size:12px !important; }
  [data-vpba-gearing-module] .vpba-gearing-row header span,
  [data-vpba-gearing-module] .vpba-gearing-method,
  [data-vpba-gearing-module] .vpba-gearing-wheel-result { font-size:13px !important; }
}

[data-vpba-comparison-gearing-link][hidden] { display:none !important; }
[data-vpba-gearing-module] .vpba-gearing-row header strong { white-space:normal; }
[data-vpba-gearing-module] .vpba-gearing-row.is-unavailable > p { font-size:13px !important; line-height:1.6 !important; }

[data-vpba-gearing-module] .vpba-gearing-cadence__field:focus-within { outline:2px solid #3152b4; outline-offset:3px; }
