.rail.sx{padding:20px;position:relative;overflow:hidden}.rail.sx:before{content:"";position:absolute;inset:-40% -20% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(63,227,255,.14),transparent 70%);pointer-events:none}.sx-legacy{display:none!important}.sx-root{position:relative;display:grid;gap:14px;min-width:0;color:var(--on-navy,#eef2ff)}.sx-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sx-title{margin:0;font-family:var(--f-display,inherit);font-size:1.15rem;letter-spacing:.01em;color:var(--on-navy,#fff)}.sx-live{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#34f0a01f;border:1px solid rgba(52,240,160,.35);font:600 .68rem/1 var(--f-mono,monospace);letter-spacing:.12em;color:#34f0a0}.sx-live i{width:7px;height:7px;border-radius:50%;background:#34f0a0;box-shadow:0 0 #34f0a0b3;animation:sxPulse 1.8s infinite}@keyframes sxPulse{0%{box-shadow:0 0 #34f0a099}70%{box-shadow:0 0 0 8px #34f0a000}to{box-shadow:0 0 #34f0a000}}@media (prefers-reduced-motion:reduce){.sx-live i{animation:none}}.sx-clock{margin-inline-start:auto;display:grid;justify-items:end;line-height:1.1}.sx-clock b{font-size:1.45rem;font-weight:700;color:var(--gold,#3fe3ff);letter-spacing:.03em;font-variant-numeric:tabular-nums}.sx-sub{font-size:.7rem;color:var(--on-navy-muted,#a9b2d6)}.sx-tz{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;color:var(--on-navy-muted,#a9b2d6)}.sx-tz select{flex:1 1 180px;min-width:0;max-width:100%;padding:7px 10px;border-radius:10px;border:1px solid rgba(63,227,255,.28);background:#0a0e2899;color:var(--on-navy,#fff);font:inherit;font-size:.82rem;cursor:pointer}.sx-tz select:focus-visible{outline:2px solid var(--gold,#3fe3ff);outline-offset:2px}.sx-tz option{background:#121638;color:#fff}.sx-banner{padding:9px 12px;border-radius:10px;background:#ff6b861f;border:1px solid rgba(255,107,134,.35);color:#ffc2cf;font-size:.8rem}.sx-dst{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.72rem}.sx-dst-h{color:var(--on-navy-muted,#a9b2d6);margin-inline-end:2px}.sx-chip{display:inline-flex;align-items:baseline;gap:2px;flex-wrap:wrap;padding:4px 9px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--on-navy-muted,#c4cbe8)}.sx-chip b{color:var(--on-navy,#fff);font-weight:600}.sx-chip.on{background:#ffb5471a;border-color:#ffb54766}.sx-chip small{font-size:.66rem;opacity:.8}.sx-tl{position:relative;display:grid;gap:6px;padding:10px 10px 4px;border-radius:12px;background:#060a2073;border:1px solid rgba(255,255,255,.07)}.sx-row{display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:center}.sx-nm{font-size:.7rem;color:var(--on-navy-muted,#a9b2d6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-bar{position:relative;height:12px;border-radius:6px;background:#ffffff0d}.sx-row.kz .sx-bar,.sx-row.crt .sx-bar{height:8px}.sx-seg{position:absolute;top:0;bottom:0;border-radius:6px;background:var(--gold,#3fe3ff);opacity:.4}.sx-seg.on{opacity:1;box-shadow:0 0 10px currentColor}.sx-axis{display:grid;grid-template-columns:74px 1fr;gap:8px}.sx-ticks{position:relative;height:14px;font-size:.62rem;color:var(--on-navy-muted,#8d96bf)}.sx-ticks span{position:absolute;top:0;transform:translate(-50%)}.sx-ticks span:first-child{transform:none}.sx-ticks span:last-child{transform:translate(-100%)}.sx-now{position:absolute;top:4px;bottom:16px;width:2px;margin-left:-1px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fffc;pointer-events:none}.sx-now:before{content:"";position:absolute;top:-4px;left:-3px;width:8px;height:8px;border-radius:50%;background:#fff}.sx-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#060a2073;border:1px solid rgba(255,255,255,.07)}.sx-tab{flex:1;min-width:0;padding:8px 6px;border:0;border-radius:9px;background:transparent;color:var(--on-navy-muted,#a9b2d6);font:600 .78rem/1.2 var(--f-ui,inherit);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-tab:hover{color:#fff}.sx-tab[aria-selected=true]{background:linear-gradient(135deg,#3fe3ff38,#7c5cff38);color:#fff;box-shadow:inset 0 0 0 1px #3fe3ff59}.sx-tab:focus-visible{outline:2px solid var(--gold,#3fe3ff);outline-offset:1px}.sx-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.sx-item{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:9px 12px;border-radius:10px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);overflow:hidden}.sx-item.on{background:#34f0a012;border-color:#34f0a04d}.sx-l{display:flex;align-items:center;gap:8px;min-width:0}.sx-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gold,#3fe3ff)}.sx-item.on .sx-dot{box-shadow:0 0 0 3px #ffffff1f}.sx-n{font-size:.84rem;font-weight:600;color:var(--on-navy,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-r{text-align:end}.sx-time{font-size:.82rem;color:var(--on-navy,#fff);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.sx-st{grid-column:1;font-size:.72rem;color:var(--on-navy-muted,#a9b2d6)}.sx-item.on .sx-st{color:#34f0a0}.sx-tag{grid-column:2;grid-row:2;justify-self:end;font-size:.66rem;color:var(--on-navy-muted,#8d96bf);direction:ltr;unicode-bidi:isolate}.sx-prog{grid-column:1/-1;height:3px;margin-top:5px;border-radius:2px;background:#ffffff14;overflow:hidden}.sx-prog i{display:block;height:100%;background:linear-gradient(90deg,#34f0a0,var(--gold,#3fe3ff))}.sx-sub-h{margin-top:6px;font:700 .7rem/1 var(--f-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#3fe3ff)}.sx-hint{font-size:.74rem;line-height:1.5;color:var(--on-navy-muted,#a9b2d6);padding:8px 10px;border-radius:10px;border:1px dashed rgba(255,107,134,.35);background:#ff6b860d}.sx-note{margin:0;font-size:.7rem;line-height:1.5;color:var(--on-navy-muted,#8d96bf)}[dir=rtl] .sx-clock{justify-items:start}@media (max-width:480px){.rail.sx{padding:16px}.sx-clock{margin-inline-start:0;justify-items:start;width:100%}.sx-row,.sx-axis{grid-template-columns:58px 1fr}.sx-tab{font-size:.72rem}}

/* layout: balanced home hero + ticker on every page (header is 104px with the ticker) */
@media (min-width:921px){.hero .wrap{align-items:start;padding-block:36px 72px}.hero .wrap>:first-child{padding-top:12px}.hero .rail.sx{margin-top:64px}}
html{scroll-padding-top:120px}
header.top.has-ticker~main .ltabs{top:124px}
header.top.has-ticker~main .rw{scroll-margin-top:124px}
header.top.has-ticker~main :is(.ga-sec,.tj-card,.mk-body h2){scroll-margin-top:130px}