/* Shared final polish for the dashboard, About page, and every window view. */

/* The ticker is horizontal; its title must never be shortened for the rail. */
.ticker-item b {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Keep three complete Certain News lines in a clearly separated row. */
.certain-panel .intel-scroll-track {
  height: auto;
  animation: intel-scroll 32s linear infinite !important;
  animation-play-state: running !important;
}

.certain-panel .intel-scroll-sequence > .intel-row {
  min-height: 86px;
  align-items: flex-start;
  padding: 10px 14px;
  border-bottom: 1px solid var(--line, rgba(20, 34, 46, 0.12));
}

.certain-panel .intel-copy {
  align-self: flex-start;
}

.certain-panel .intel-copy b {
  -webkit-line-clamp: 3 !important;
  line-clamp: 3;
  line-height: 1.3;
}

.certain-panel .intel-value {
  align-self: flex-start;
  padding-top: 1px;
}

/* Both companion rails intentionally use the same 32-second pace. */
.asset-rows.is-scrolling {
  animation: asset-scroll 32s linear infinite !important;
  animation-play-state: running !important;
}

/* Source buttons sit in the lower metadata lane at the same size everywhere. */
.market-card .card-top {
  grid-template-columns: minmax(0, 1fr);
}

.market-card .card-source-button {
  width: 35px;
  height: 35px;
  margin-left: auto;
}

.market-card .card-meta .card-source-button {
  flex: 0 0 35px;
}

.market-card .card-meta .card-source-button img {
  width: 24px;
  height: 24px;
}

.market-card .card-meta .card-source-button.source-kalshi img {
  width: 27px;
  height: 27px;
}

/* Align the WTI explanation with the top of its event visual on desktop. */
@media (min-width: 901px) {
  .about-r28 .about-event-explainer .about-section-title {
    transform: translateY(-48px);
  }
}

@media (max-width: 760px) {
  .certain-panel .intel-scroll-sequence > .intel-row {
    min-height: 80px;
    padding: 9px 12px;
  }
}