/* /weekly and /weekly/:week (src/routes/weekly.tsx). Own file per this
   branch's "new CSS/JS go in their own files" convention -- reuses
   style.css's tokens (--bad, --good, --border, --text-dim) and call.css's
   .call-card (loaded separately via layout.tsx's hasCallCard) rather than
   redefining either. Only the pieces unique to this page live here: the
   weekday-hit-bar fill color (the bar STRUCTURE/animation is
   motion-charts.tsx's renderYearByYearBarsSvg pattern, reused as-is by
   src/lib/weekly-chart.ts), the MISS-highlight on a call card ("misses
   stay up" -- task spec, they are not hidden, just marked), and the
   archive list's compact layout. */

.mc-bar-weekly {
  fill: var(--instrument-accent, var(--accent));
}

.weekly-call-grid {
  margin-top: 12px;
}

/* MISS calls are never hidden from the week's grid -- this only marks them
   so a visitor scanning the grid can see losses alongside wins, not a
   filtered highlight reel. */
.weekly-call-miss .call-card {
  border-color: var(--bad);
}

.weekly-archive-list {
  list-style: none;
  padding: 0;
  margin: 8px 0 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.weekly-archive-list li {
  padding: 6px 0;
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
}

.weekly-archive-list a,
.weekly-archive-list strong {
  color: inherit;
  font-weight: 600;
}

.weekly-archive-list a {
  text-decoration: none;
}

.weekly-archive-list a:hover {
  text-decoration: underline;
}

/* the weekday chart has only 5 bars; at full content width its viewBox
   scales the axis text up to headline size -- keep it card-sized */
.weekly-day-chart {
  max-width: 460px;
}