/* Feeds and timelines, Arc-style (piece 22, 2026-10-29).
 *
 * One feed row (Arc activity-feed, timeline, notification-center) for the
 * press list, the market timeline (dashboard and markets), Mission Control's
 * "Needs you" and activity lists, and the activity ledgers (pipeline
 * workspace, research note history):
 *
 * - time in muted 12px tabular figures;
 * - source and meta in secondary ink;
 * - the title in full ink at 500;
 * - tags as quiet tags (arc_chips.css);
 * - hairline separators between rows, a quiet hover tint, no accent wash;
 * - a newly arrived row rises 4px into place (arc_feeds.js marks only rows
 *   that were not there before; the market timeline keeps its own slide).
 */

/* ---- Press ---------------------------------------------------------------- */
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-items > .press-item {
  margin: 0;
  padding: var(--arc-space-3) var(--arc-space-2);
  border-radius: 0;
  border-bottom: 1px solid var(--arc-border-subtle);
  background: transparent;
  transition: background-color var(--arc-dur-fast) var(--arc-ease);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-items > .press-item:last-child {
  border-bottom-color: transparent;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page :is(.press-item, .press-card):is(:hover, :focus-within) {
  background: var(--arc-hover);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-item__title {
  color: var(--arc-foreground);
  font-size: var(--arc-text-md);
  font-weight: var(--arc-weight-strong);
  letter-spacing: var(--arc-tracking);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page .press-item__deck {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-sm);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .press-page :is(.press-item__time, .press-item__book, .press-item__also) {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}

/* ---- Market timeline -------------------------------------------------------- */
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .dash-tl-entry:not(.is-skeleton) {
  border-bottom: 1px solid var(--arc-border-subtle);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .dash-tl-entry:hover {
  background: var(--arc-hover) !important;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .dash-tl-entry__time {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight);
  font-variant-numeric: tabular-nums;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.dash-tl-entry__title, .dash-tl-entry__title-link) {
  color: var(--arc-foreground);
  font-weight: var(--arc-weight-strong);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.dash-tl-entry__meta, .dash-tl-entry__site, .dash-tl-entry__age) {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .dash-tl-entry__snippet {
  color: var(--arc-text-secondary);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .dash-tl-date-sep span {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-weight: var(--arc-weight-strong);
  letter-spacing: 0;
  text-transform: none;
}

/* ---- Mission Control: Needs you, recent activity ------------------------------ */
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .mc-list > .mc-row {
  border-top: 1px solid var(--arc-border-subtle);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .mc-list > .mc-row:first-child {
  border-top-color: transparent;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .mc-list .mc-row__title {
  color: var(--arc-foreground);
  font-weight: var(--arc-weight-strong);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .mc-list .mc-row__meta {
  color: var(--arc-text-secondary);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) .mc-list :is(.mc-row__side, .mc-row time, .mc-when) {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}

/* ---- Activity ledgers ------------------------------------------------------- */
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity > li, .activity-timeline > .activity-item) {
  border-bottom: 1px solid var(--arc-border-subtle);
  transition: background-color var(--arc-dur-fast) var(--arc-ease);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity > li, .activity-timeline > .activity-item):last-child {
  border-bottom-color: transparent;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity > li, .activity-timeline > .activity-item):hover {
  background: var(--arc-hover);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity .pw-act-time, .activity-timeline .activity-time) {
  color: var(--arc-text-muted);
  font-size: var(--arc-text-xs);
  font-variant-numeric: tabular-nums;
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity .pw-act-action, .activity-timeline .activity-action) {
  color: var(--arc-foreground);
  font-weight: var(--arc-weight-strong);
}
html:not(.page-pmos) body:is(body, #oc-arc):is(body, #oc-arc-2) :is(.pw-activity .pw-act-user, .activity-timeline .activity-user, .activity-timeline .activity-detail) {
  color: var(--arc-text-secondary);
}

/* ---- New rows rise in ------------------------------------------------------- */
.oc-feed-new {
  animation: oc-feed-rise var(--arc-dur) var(--arc-ease-enter) both;
}
@keyframes oc-feed-rise {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .oc-feed-new { animation: none; }
}
