/* Sports rail — [rtp_sports_rail].
 *
 * Self-contained: this module owns only modules/sports/ (a concurrent
 * agent owns the theme, including modules/ui/assets/widget-family.css, the
 * shared partial river-widget/weather-widget/moon-widget hook into), so
 * this file does NOT declare that partial as a dependency and does not
 * touch it. Instead it hand-matches the same restrained look rule-for-rule
 * from modules/river-gauge's status-line markup (.rrg-widget-header/
 * -title/-flood/-updated): white ground, black ink, the site's own serif
 * token, hairline rules, no cards, no color, no logos, no team colors.
 * Emphasis is font-weight only (record parentheticals ride the line's own
 * weight — nothing here bolds them specially), never color.
 */

.rtsp-rail {
  font-family: var(--wp--preset--font-family--serif, "Times New Roman", Times, serif);
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--wp--preset--color--contrast, #000);
  background: var(--wp--preset--color--base, #fff);
}

.rtsp-header {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding-top: 0.6rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.4rem;
  border-top: 1px solid var(--wp--preset--color--contrast, #000);
  border-bottom: 1px solid var(--wp--preset--color--border, #bbb);
}

.rtsp-title {
  font-size: 0.6875rem; /* 11px — the front page's label size */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--wp--preset--color--contrast, #000);
}

.rtsp-line {
  margin: 0;
  padding: 6px 0;
  border-bottom: 1px solid var(--wp--preset--color--border, #bbb);
}

.rtsp-line:last-of-type {
  border-bottom: none;
}

/* Static source/cadence note — NOT a live "Updated N ago" timestamp. A
   baked relative time goes stale and lies inside an edge-cached page
   (production sits behind a GoDaddy gateway cache running ~2h behind); this
   mirrors the theme's home-vitals.php ".rt-more__note" treatment for the
   same reason ("Refreshed hourly. …" + a source line), so the two read
   consistently. */
.rtsp-note {
  margin-top: 6px;
  font-size: 0.75rem;
  color: var(--wp--preset--color--muted, #666);
}