/* FarziUPSC Mains ticker (see /mains-ticker.js). Self-contained tokens so it
   looks the same on fz.css pages, the legacy home, trust pages and UPPSC. */
.fzmt {
  --fzmt-ink: #0f1222; --fzmt-ink-2: #3b3f52; --fzmt-muted: #6b7086; --fzmt-accent: #4f46e5; --fzmt-hot: #f97316;
  --fzmt-bg: #ffffff; --fzmt-line: #e4e6ef; --fzmt-soft: #eef0f8;
  position: relative; display: flex; align-items: stretch; width: 100%; max-width: 100%; height: 42px; overflow: hidden;
  background: var(--fzmt-bg); border-bottom: 1px solid var(--fzmt-line); box-sizing: border-box;
  font-family: 'Inter Tight', 'Inter', 'Noto Sans Devanagari', system-ui, sans-serif; color: var(--fzmt-ink); line-height: 1;
}
.fzmt[hidden] { display: none; }
.fzmt *, .fzmt *::before, .fzmt *::after { box-sizing: border-box; }
.fzmt a { border: 0; box-shadow: none; }
html[data-theme="dark"] .fzmt { --fzmt-ink: #f3f4fa; --fzmt-ink-2: #c9cbe0; --fzmt-muted: #9a9db5; --fzmt-bg: #12142a; --fzmt-line: #262a45; --fzmt-soft: #1d2040; --fzmt-accent: #a5b4fc; }

.fzmt-kicker {
  flex: none; position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px 0 18px;
  background: var(--fzmt-ink); color: #fff !important; text-decoration: none !important;
  font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;
}
html[data-theme="dark"] .fzmt-kicker { background: #4f46e5; }
.fzmt[lang="hi"] .fzmt-kicker { letter-spacing: 0; font-size: 13.5px; font-weight: 700; }
.fzmt-kicker::after { /* soft fade from the label into the moving text */
  content: ''; position: absolute; top: 0; bottom: 0; right: -24px; width: 24px; pointer-events: none;
  background: linear-gradient(90deg, var(--fzmt-bg), rgba(255,255,255,0));
}
html[data-theme="dark"] .fzmt-kicker::after { background: linear-gradient(90deg, var(--fzmt-bg), rgba(18,20,42,0)); }
.fzmt-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--fzmt-hot); box-shadow: 0 0 0 0 rgba(249,115,22,.6); animation: fzmt-pulse 1.6s ease-out infinite; }
@keyframes fzmt-pulse { 0% { box-shadow: 0 0 0 0 rgba(249,115,22,.55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(249,115,22,0); } }

.fzmt-vp { flex: 1 1 auto; min-width: 0; overflow: hidden; display: flex; align-items: center; }
.fzmt-track { display: flex; flex: none; width: max-content; animation: fzmt-scroll 90s linear 2s infinite; will-change: transform; }
.fzmt:hover .fzmt-track, .fzmt:focus-within .fzmt-track, .fzmt.fzmt-paused .fzmt-track { animation-play-state: paused; }
@keyframes fzmt-scroll { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }

.fzmt-list { display: flex; flex: none; margin: 0; padding: 0; list-style: none; max-width: none; font-size: inherit; line-height: 1; color: inherit; }
.fzmt-list li { display: flex; flex: none; align-items: center; margin: 0; padding: 0; }
.fzmt-list li::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--fzmt-line); margin: 0 4px; }
html[data-theme="dark"] .fzmt-list li::after { background: #3a3f63; }
.fzmt-item {
  display: inline-flex; align-items: center; gap: 9px; padding: 0 18px; height: 42px; white-space: nowrap;
  color: var(--fzmt-ink) !important; text-decoration: none !important; font-size: 14px; font-weight: 500;
}
.fzmt-item:hover .fzmt-q, .fzmt-item:focus-visible .fzmt-q { color: var(--fzmt-accent); text-decoration: underline; text-underline-offset: 3px; }
.fzmt-item:focus-visible { outline: 2px solid var(--fzmt-accent); outline-offset: -4px; border-radius: 8px; }
.fzmt-paper {
  flex: none; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  color: var(--fzmt-accent); background: rgba(79,70,229,.09); border-radius: 999px; padding: 4px 8px;
}
html[data-theme="dark"] .fzmt-paper { background: rgba(165,180,252,.14); }
.fzmt-q { font-family: 'Newsreader', 'Noto Serif Devanagari', Georgia, serif; font-size: 15px; color: inherit; }

.fzmt-btn {
  flex: none; position: relative; z-index: 2; width: 42px; height: 42px; margin: 0; padding: 0; border: 0; border-left: 1px solid var(--fzmt-line);
  background: var(--fzmt-bg); color: var(--fzmt-muted); cursor: pointer; display: grid; place-items: center;
}
.fzmt-btn svg { width: 14px; height: 14px; display: block; fill: currentColor; }
.fzmt-btn:hover { color: var(--fzmt-ink); background: var(--fzmt-soft); }
.fzmt-btn:focus-visible { outline: 2px solid var(--fzmt-accent); outline-offset: -3px; }

@media (max-width: 760px) {
  .fzmt, .fzmt-item, .fzmt-btn { height: 38px; }
  .fzmt-btn { width: 38px; }
  .fzmt-kicker { padding: 0 12px 0 14px; font-size: 11px; }
  .fzmt-item { padding: 0 14px; font-size: 13px; }
  .fzmt-q { font-size: 14px; }
}

/* Reduced motion: no marquee — a single row the reader can swipe/scroll. */
.fzmt-static .fzmt-vp { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.fzmt-static .fzmt-vp::-webkit-scrollbar { display: none; }
.fzmt-static .fzmt-track { animation: none; }
@media (prefers-reduced-motion: reduce) {
  .fzmt-track { animation: none !important; }
  .fzmt-dot { animation: none; }
}