/* Both zone rulers share the native thumb's 14px inset and one instant scale. */
.paired-axis{--selected:50%;--thumb:28px}.paired-axis .sun-band-row,.paired-axis .sun-slider-row{grid-template-columns:100px minmax(0,1fr);gap:16px}.paired-axis .zone-axis{min-width:0;margin-inline:14px;position:relative}.paired-axis .sun-bands{margin:0;height:30px;border-radius:7px;position:relative;isolation:isolate}.daylight-run{min-width:0}.daylight-run.day{background:#f1e4b9}.daylight-run.night{background:#dce5f1}.daylight-run.unknown{background:#e8ece6}.paired-axis .sun-symbol{z-index:2}.paired-axis .sun-bands::after,.paired-axis .hour-ruler::after{content:'';position:absolute;left:var(--selected);top:0;bottom:0;width:2px;background:#28644c;transform:translateX(-1px);pointer-events:none;z-index:3}.hour-ruler{height:20px;display:flex;position:relative;border:1px solid #c9d4c3;background:#f7f9f4;overflow:hidden}.hour-cell{min-width:0;border-right:1px solid #adbea4}.hour-cell:last-of-type{border-right:0}.quarter-tick{position:absolute;width:1px;height:5px;bottom:0;background:#b4c4ab;pointer-events:none}.source-axis .hour-ruler{border-radius:5px 5px 0 0;margin-bottom:4px}.source-axis .quarter-tick{top:0;bottom:auto}.target-axis .hour-ruler{border-radius:0 0 5px 5px;margin-top:4px}.paired-labels{height:24px;position:relative;color:#596c61;font-size:13px;line-height:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.paired-labels span{position:absolute;transform:translateX(-50%)}.paired-labels span:first-child{transform:none}.paired-labels span:last-child{transform:translateX(-100%)}.target-axis .paired-labels{padding-top:3px}.paired-axis .sun-slider-row .progress-scale{padding:0;margin:0;min-width:0}.converter .paired-axis input#time-slider{height:44px;padding:0;border:0;margin:0;outline-offset:2px}.converter .paired-axis #time-slider::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:#cedcc6}.converter .paired-axis #time-slider::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;border:4px solid #fff;box-shadow:0 0 0 1px #28644c,0 2px 5px #26362f22;background:#28644c}.converter .paired-axis #time-slider::-moz-range-track{height:6px;background:#cedcc6}.converter .paired-axis #time-slider::-moz-range-progress{background:#cedcc6;height:6px}.converter .paired-axis #time-slider::-moz-range-thumb{box-sizing:border-box;width:28px;height:28px;border:4px solid white;background:#28644c}.paired-axis .sun-row-name{align-self:center;font-size:14px;line-height:1.4}.timeline-heading .clock-button#return-now{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #b5c9ab;border-radius:10px;background:#edf4e7;color:#255b40;font-size:14px;font-weight:550;transition:background .15s,border-color .15s}.timeline-heading .clock-button#return-now:hover{background:#dfeccf;border-color:#89a578}.timeline-heading .clock-button#return-now:active{background:#d2e4bd}.timeline-heading .clock-button#return-now:focus-visible{outline:2px solid #28644c;outline-offset:3px}.timeline-heading{margin-bottom:12px}.sun-legend{margin-top:10px}.paired-axis .sun-symbol svg{width:18px;height:18px}@media(max-width:720px){.paired-axis .sun-band-row,.paired-axis .sun-slider-row{grid-template-columns:68px minmax(0,1fr);gap:8px}.paired-axis .sun-row-name{font-size:13px}.paired-labels{font-size:12px}.minor-label{display:none}.hour-ruler{height:16px}.paired-axis .sun-bands{height:28px}.paired-axis .sun-symbol svg{width:16px;height:16px}.timeline-heading .clock-button#return-now{min-height:44px;padding:8px 12px}.mobile-time-steps{margin-top:14px}.paired-axis .zone-axis{margin-inline:14px}}@media(prefers-reduced-motion:reduce){.timeline-heading .clock-button#return-now{transition:none}}