/* Бегущая строка «Скоро на старте» (главная и календарь), как у Citius: идёт сама, останавливается под мышью и при фокусе.
   Подпись слева выровнена по краю содержимого страницы: --ticker-inset задаёт страница. */
.start-ticker{--ticker-inset:max(24px,calc((100% - 1280px)/2));display:flex;align-items:stretch;overflow:hidden;background:var(--navy,#07294d);color:#fff}
.start-ticker[hidden]{display:none}
.start-ticker-label{flex:none;display:flex;align-items:center;margin:0;padding:0 18px 0 var(--ticker-inset);background:var(--lime,#dcff68);color:var(--ink,#07172d);font:600 12px/1 var(--mono,ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.start-ticker-track{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.start-ticker ul{display:flex;width:max-content;list-style:none;margin:0;padding:0 0 0 22px;animation:start-ticker var(--ticker-time,60s) linear infinite}
.start-ticker:hover ul,.start-ticker:focus-within ul{animation-play-state:paused}
.start-ticker li{flex:none;margin:0}
.start-ticker a{display:flex;align-items:center;gap:10px;min-height:46px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.start-ticker a:after{content:'';width:6px;height:6px;margin:0 22px;border-radius:50%;background:var(--lime,#dcff68)}
.start-ticker a:hover{color:var(--lime,#dcff68)}
.start-ticker time{font:600 12px/1 var(--mono,ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--lime,#dcff68)}
@keyframes start-ticker{to{transform:translateX(-50%)}}
/* «Меньше движения» (в Windows — выключенные «Эффекты анимации»): styles.css останавливает все анимации, но строка
   идёт дальше вдвое медленнее, как ленты брендов и рекордов в справочниках, иначе видны только первые старты.
   Под мышью и при фокусе она по-прежнему стоит. */
@media(prefers-reduced-motion:reduce){
  .start-ticker ul{animation:start-ticker calc(var(--ticker-time,60s) * 2) linear infinite!important}
  .start-ticker:hover ul,.start-ticker:focus-within ul{animation-play-state:paused!important}
}
@media(max-width:760px){.start-ticker-label{display:none}.start-ticker ul{padding-left:16px}}