/* Scrolling "latest" bar under the header. Items come from data/js/ticker.js (built from data/ticker.json).
   It always scrolls (Jr.'s call), on every device. Desktop pauses on hover only. */
.tkr{position:absolute;left:0;right:0;top:100%;height:34px;display:flex;align-items:stretch;
  background:rgba(7,11,20,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:500 13px/1 var(--sans);color:#d9d3c4}
.tkr-head{flex:none;display:flex;align-items:center;padding:0 12px 0 14px;font:600 10.5px/1 var(--sans);letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold);border-right:1px solid var(--line);background:rgba(7,11,20,.6)}
.tkr-view{position:relative;flex:1;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 24px),transparent);
          mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 24px),transparent)}
.tkr-track{display:-webkit-box;display:flex;width:-webkit-max-content;width:max-content;height:100%;
  -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
  -webkit-animation:tkr-move var(--tkr-dur,60s) linear infinite;animation:tkr-move var(--tkr-dur,60s) linear infinite;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
.tkr-set{display:flex;flex:none;align-items:center;height:100%}
@media (hover:hover) and (pointer:fine){
  .tkr-view:hover .tkr-track{-webkit-animation-play-state:paused;animation-play-state:paused}
}
@-webkit-keyframes tkr-move{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}
@keyframes tkr-move{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}}
.tkr-item{display:inline-flex;align-items:center;gap:9px;height:100%;padding:0 18px;white-space:nowrap;transition:color .2s;-webkit-tap-highlight-color:rgba(212,175,96,.2)}
.tkr-item::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.55;margin-left:18px;margin-right:-18px}
.tkr-item:hover,.tkr-item:focus-visible{color:var(--gold2)}
.tkr-item:focus-visible{outline:1px solid var(--gold);outline-offset:-3px;border-radius:6px}
.tkr-kind{flex:none;font:600 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;border-radius:999px;
  border:1px solid var(--line);color:var(--gold2);background:rgba(212,175,96,.08)}
.tkr-kind.k-short{border-color:rgba(240,213,140,.45)}
.tkr-kind.k-topic{background:var(--gold);color:var(--ink);border-color:var(--gold)}
/* room for the bar below the fixed header */
html.has-tkr{scroll-padding-top:110px}
.has-tkr .sub-page main{padding-top:118px}
.has-tkr .rtabs{top:98px}
.has-tkr .chap li{scroll-margin-top:134px}
.has-tkr .hero{padding-top:156px}
@media (max-width:600px){
  .tkr{height:32px;font-size:12.5px}
  .tkr-head{padding:0 10px;font-size:9.5px;letter-spacing:.18em}
  .tkr-item{padding:0 14px}
  .tkr-item::after{margin-left:14px;margin-right:-14px}
}