/* Reboot: full-width layout row, but content aligned with the site's centered news grid. */
.ttlt-wrap {
  display: block !important;
  position: relative !important;
  flex: 0 0 100% !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden !important;
  z-index: 10;
}
.ttlt-wrap, .ttlt-wrap * { box-sizing: border-box !important; }
.ttlt-wrap .ttlt-inner {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px;
  width: calc(100% - 32px) !important;
  max-width: var(--ttlt-container-width,1100px) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 9px 0 !important;
  height: auto !important;
}
.ttlt-wrap .ttlt-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  position: relative !important;
  grid-column: 1;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 29px;
  margin: 0 !important;
  padding: 6px 12px !important;
  flex: none !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background: var(--ttlt-label-color,#bc0f16) !important;
  color: #fff !important;
  border-radius: 4px;
  font-size: var(--ttlt-label-size,12px) !important;
  font-weight: var(--ttlt-label-weight,500) !important;
  line-height: 1.25 !important;
  letter-spacing: .01em;
}
.ttlt-wrap .ttlt-label:hover,.ttlt-wrap .ttlt-label:focus {background:var(--ttlt-label-color,#bc0f16) !important;filter:brightness(.88);color:#fff !important;}
.ttlt-wrap .ttlt-viewport {
  display: block !important;
  position: relative !important;
  grid-column: 2;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  mask-image: linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);
}
.ttlt-wrap .ttlt-track {
  display: flex !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  animation: ttlt-scroll 100s linear infinite;
  will-change: transform;
  animation-play-state: paused;
}
.ttlt-wrap .ttlt-group {display: flex !important;align-items:center !important;flex:0 0 auto !important;width:max-content !important;min-width:max-content !important;}
.ttlt-wrap .ttlt-item {
  display: inline-flex !important;
  position: relative;
  flex: 0 0 auto !important;
  align-items: center;
  height: 30px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 18px 0 0 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: #303030 !important;
  font-size: var(--ttlt-news-size,14px) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.ttlt-wrap .ttlt-item::after {content:'•';position:absolute;right:0;top:50%;transform:translateY(-50%);color:#bc0f16;font-size:16px;line-height:1;}
.ttlt-wrap .ttlt-item:hover,.ttlt-wrap .ttlt-item:focus {text-decoration:underline !important;color:#bc0f16 !important;}
.ttlt-viewport:hover .ttlt-track,.ttlt-viewport:focus-within .ttlt-track {animation-play-state:paused;}
@keyframes ttlt-scroll {from {transform:translateX(0);} to {transform:translateX(-50%);}}
@media (max-width:650px) {
 .ttlt-wrap .ttlt-inner {width:calc(100% - 20px) !important;column-gap:8px;padding:7px 0 !important;}
 .ttlt-wrap .ttlt-label {padding:5px 8px !important;font-size:min(var(--ttlt-label-size,12px),11px) !important;}
 .ttlt-wrap .ttlt-item {margin-right:6px !important;padding-right:16px !important;}
}
@media (prefers-reduced-motion:reduce) {.ttlt-wrap .ttlt-track {animation:none;position:relative !important;}.ttlt-wrap .ttlt-viewport{overflow-x:auto !important;mask-image:none;}}

/* Consistent bottom spacing on homepage, posts and category archives. */
.ttlt-wrap.ttlt-wrap--spaced { margin-bottom: 18px !important; }
@media (max-width:650px) { .ttlt-wrap.ttlt-wrap--spaced { margin-bottom: 12px !important; } }

/* The measured group width determines duration; show motion only after JS initialization. */
.ttlt-wrap.ttlt-ready .ttlt-track { animation-play-state: running; }
.ttlt-wrap.ttlt-ready .ttlt-viewport:hover .ttlt-track,
.ttlt-wrap.ttlt-ready .ttlt-viewport:focus-within .ttlt-track { animation-play-state: paused; }
@media (prefers-reduced-motion:reduce) { .ttlt-wrap.ttlt-ready .ttlt-track { animation: none !important; } }
