/* Thin spectator feed — one calm column of what was said / thought / chosen. */

.feed-page{
  max-width:42rem;
  margin:0 auto;
  padding:0 1.25rem 3rem;
  min-height:100vh;
}
.feed-nav{padding:1rem 0;border-bottom:1px solid var(--line);margin-bottom:1.5rem}
.feed-head{margin-bottom:1.75rem}
.feed-status{
  font-size:11px;letter-spacing:.16em;color:var(--ink-2);margin-bottom:.75rem;
}
.feed-status.live{color:var(--red)}
.feed-status.replay{color:var(--ink-2)}
.feed-title{
  font-family:var(--display);
  font-size:clamp(1.75rem,5vw,2.5rem);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.15;
  margin-bottom:.5rem;
}
.feed-sub{
  font-size:clamp(1rem,2.5vw,1.15rem);
  color:var(--ink-1);
  line-height:1.45;
}
.feed{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:1.1rem;
  padding:0;
  margin:0 0 2.5rem;
}
.feed-item{
  padding:0;
  border:none;
  background:none;
  animation:feedIn .35s ease-out both;
}
@keyframes feedIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
  .feed-item{animation:none}
}
.feed-who{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink-2);
  margin-bottom:.35rem;
}
.feed-who b{color:var(--c,var(--teal));font-weight:700}
.feed-body{
  font-family:var(--display);
  font-size:clamp(1.15rem,3.2vw,1.45rem);
  font-weight:500;
  line-height:1.4;
  color:var(--ink-0);
}
.feed-item.think .feed-body{
  font-family:var(--sans);
  font-size:clamp(.95rem,2.4vw,1.05rem);
  font-style:italic;
  color:var(--ink-1);
  font-weight:400;
}
.feed-item.lock .feed-body,
.feed-item.commit .feed-body{
  font-family:var(--mono);
  font-size:clamp(1rem,2.6vw,1.2rem);
  letter-spacing:.04em;
}
.feed-item.lock .feed-body{color:var(--k,var(--ink-0))}
.feed-item.commit .feed-body{color:var(--ink-0)}
.feed-item.reveal .feed-body{
  font-size:clamp(1.35rem,3.5vw,1.75rem);
  font-weight:700;
}
.feed-item.sys .feed-body{
  font-family:var(--mono);
  font-size:.9rem;
  color:var(--ink-2);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.feed-meta{
  margin-top:.35rem;
  font-family:var(--mono);
  font-size:10px;
  letter-spacing:.1em;
  color:var(--ink-3);
  text-transform:uppercase;
}
.feed-foot{
  font-size:11px;
  letter-spacing:.06em;
  color:var(--ink-3);
  line-height:1.6;
  border-top:1px solid var(--line);
  padding-top:1.25rem;
}
.feed-next{
  margin-top:1.5rem;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--red);
  text-transform:uppercase;
}