/* Шкала часов 06:00–22:00 с бегунком-отметкой уровня (DIZAJN 3.2). Общая для листа 01 (свет по
   часам) и листа 02 (ползунок времени суток); разметку строит pages/svet.js. */
.tl__scale{position:relative;height:76px;margin-top:14px;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.tl__ticks{position:absolute;left:0;right:0;top:34px;height:42px;border-top:1px solid var(--ink-2)}
.tl__ticks i{position:absolute;top:0;width:1px;height:6px;background:var(--line-2)}
.tl__ticks i.h{height:11px;background:var(--ink-2)}
.tl__ticks b{position:absolute;top:16px;transform:translateX(-50%);white-space:nowrap;font:italic 500 12px/1 var(--ff-t);color:var(--ink-2)}
.tl__ticks b.first{transform:none}
.tl__ticks b.last{transform:translateX(-100%)}
.tl__ticks u{position:absolute;top:-34px;transform:translateX(-50%);font:italic 500 12px/1 var(--ff-t);color:var(--bronze-ink);text-decoration:none;white-space:nowrap}
.tl__ticks u::after{content:"";position:absolute;left:50%;top:16px;width:1px;height:18px;background:var(--bronze)}
.tl__thumb{position:absolute;top:0;left:0;width:44px;height:76px;margin-left:-22px;cursor:grab;touch-action:none;outline-offset:0}
.tl__thumb::before{content:"";position:absolute;left:50%;top:21px;width:14px;height:11px;margin-left:-7px;background:var(--bronze);clip-path:polygon(0 0,100% 0,50% 100%)}
.tl__thumb i{position:absolute;left:50%;top:32px;bottom:0;width:1px;background:var(--bronze-ink)}
.tl__thumb:active{cursor:grabbing}