.page-section-selector{color:#a4a8b0;flex-shrink:0;width:clamp(240px,29vw,410px)}.page-section-ruler{--ruler-inset:13px;background:linear-gradient(#323337,#1b1c20);border:1px solid #ffffff10;border-radius:4px;height:38px;position:relative;box-shadow:0 12px 35px #0004,inset 0 1px #ffffff18}.page-section-ticks{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:11px 13px}.page-section-ticks i{background:#73767c;width:1px;height:10px;box-shadow:0 0 3px #ffffff18}.page-section-ticks i.major{background:#aeb0b5;height:17px}.page-section-ruler input{opacity:.001;cursor:ew-resize;touch-action:pan-y;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.page-section-light{pointer-events:none;background:#ff5754;width:2px;height:23px;position:absolute;top:7px;transform:translate(-50%);box-shadow:0 0 10px #ff5754,0 0 23px 7px #ff575430}.page-section-ruler:has(input:focus-visible){outline-offset:4px;outline:2px solid #ff978b}.page-section-stops{z-index:4;pointer-events:none;display:flex;position:absolute;inset:0}.page-section-stops a{pointer-events:auto;flex:1;min-width:0;position:relative}.page-section-stops a span{white-space:nowrap;text-transform:uppercase;color:#fff;opacity:0;pointer-events:none;z-index:5;background:#ef5152;border-radius:20px;padding:7px 12px;font:10px Consolas,monospace;position:absolute;top:45px;left:50%;transform:translate(-50%)}.page-section-stops a:first-child span{left:0;transform:none}.page-section-stops a:last-child span{left:auto;right:0;transform:none}:is(.page-section-stops a:hover span,.page-section-stops a:focus-visible span){opacity:1}.page-section-caption{text-transform:uppercase;letter-spacing:1px;color:#a4a8b0;pointer-events:none;justify-content:center;align-items:center;gap:9px;margin-top:11px;font:9px Consolas,monospace;display:flex}.page-section-caption i{background:#ff5754;width:3px;height:3px;transform:rotate(45deg)}@media (max-width:900px){:is(.article-site-header:has(.page-section-selector),.training-header:has(.page-section-selector)){flex-wrap:wrap}.page-section-selector{order:3;width:100%;max-width:410px;margin:0 auto}.page-section-caption{margin-top:8px}}@media (max-width:700px){:is(.article-site-header:has(.page-section-selector),.training-header:has(.page-section-selector)){box-sizing:border-box;align-items:flex-start;gap:20px;min-height:157px;padding:22px 19px;position:relative}.page-section-selector{width:calc(100vw - 125px);max-width:320px;margin:0;position:absolute;top:91px;left:19px}.page-section-ruler{--ruler-inset:12px;height:29px}.page-section-ticks{inset:8px 12px}.page-section-ticks i{height:7px}.page-section-ticks i.major{height:12px}.page-section-light{height:18px;top:5px}.page-section-caption{justify-content:flex-start;margin-top:8px;font-size:8px}.page-section-stops a span{padding:6px 9px;font-size:8px;top:38px}.training-header:has(.page-section-selector) .training-back{gap:6px;font-size:10px}}