.speed-depth-tap { margin: 1rem 0; padding: .75rem; border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: #172033; overflow-wrap: anywhere; }
.speed-depth-tap summary { min-height: 44px; display: list-item; cursor: pointer; font-weight: 750; line-height: 1.5; padding: .5rem 0; }
.speed-depth-tap-body { display: grid; gap: .75rem; min-width: 0; }
.speed-depth-tap p, .speed-depth-tap output { font-size: .875rem; line-height: 1.55; }
.speed-depth-tap-controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.speed-depth-tap label { display: grid; gap: .25rem; min-width: 0; font-size: .8125rem; line-height: 1.45; font-weight: 650; }
.speed-depth-tap button, .speed-depth-tap select { min-width: 0; min-height: 44px; width: 100%; border: 1px solid #94a3b8; border-radius: 6px; padding: .5rem; background: #fff; color: #172033; font: inherit; font-size: 1rem; }
.speed-depth-tap button { cursor: pointer; font-weight: 650; }
.speed-depth-tap button:disabled, .speed-depth-tap select:disabled { cursor: default; opacity: .65; }
.speed-depth-tap :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.speed-depth-tap-note { color: #475569; }
@media (max-width: 400px) { .speed-depth-tap-controls { grid-template-columns: minmax(0, 1fr); } }