.tempo-map { padding: 18px; }
.tempo-map-heading { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.tempo-map h2 { color: var(--cream); font-size: 16px; margin: 0 0 5px; }
.tempo-map-heading p, .tempo-map-help { color: var(--text-soft); font-size: 11px; line-height: 1.6; }
.tempo-map-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 8px 0; border-top: 1px solid #363b33; }
.tempo-map-row label { display: flex; gap: 8px; align-items: center; color: var(--cream); font-size: 11px; }
.tempo-map-row input { width: 76px; min-height: 32px; padding: 5px 8px; background: #181d17; color: var(--cream); border: 1px solid #59634f; border-radius: 5px; font: inherit; }
.tempo-map-row input:focus-visible { outline: 2px solid var(--lime); outline-offset: 2px; }
.tempo-map-help { margin-top: 8px; }