/* v4 — 단일 스트림 (Techmeme 정통). 스크롤 한 번으로 전량 훑기. */

.stream {
  max-width: 1000px;
  margin: 0 auto;
  padding: var(--s5) var(--s5) var(--s8);
}

/* 이슈 블록 — 카드/그림자 없이 헤어라인으로만 구분 */
.item {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: var(--s4);
  padding: var(--s5) 0 var(--s6);
  border-bottom: 1px solid var(--line-200);
}
.item:last-child { border-bottom: none; }
.item__rank {
  font-size: var(--fs-19); font-weight: 700; color: var(--navy-300);
  font-variant-numeric: tabular-nums; line-height: 1.25; text-align: right;
  padding-top: 2px;
}
.item.is-top .item__rank { color: var(--navy-700); }
.item__body { min-width: 0; }

/* 리드: 헤드라인 + 요약 인라인 */
.lede { font-size: var(--fs-15); line-height: 1.62; color: var(--ink-700);
  word-break: keep-all; overflow-wrap: anywhere; }
.lede__hd { font-size: var(--hd, 22px); line-height: var(--lh-tight); font-weight: 700;
  color: var(--ink-900); letter-spacing: var(--ls-tight); }
.lede__sep { color: var(--ink-400); font-weight: 400; }

/* 메타 */
.imeta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
  margin-top: var(--s3); font-size: var(--fs-12); color: var(--ink-500); }
.imeta__nums { font-variant-numeric: tabular-nums; }
.imeta__nums b { color: var(--ink-900); font-weight: 700; }

.isec { margin-top: var(--s4); }
.item__actions { display: flex; align-items: center; gap: var(--s2); margin-top: var(--s4); }

/* 목록 헤더 */
.stream-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: var(--s3); flex-wrap: wrap;
  padding-bottom: var(--s3); border-bottom: 2px solid var(--navy-800);
}
.stream-head h2 { font-size: var(--fs-17); font-weight: 700; color: var(--navy-900); }
.stream-head .sub { font-size: var(--fs-12); color: var(--ink-500); }
.stream-head .tools { display: flex; align-items: center; gap: var(--s2); }

.page-foot {
  max-width: 1000px; margin: 0 auto; padding: var(--s5) var(--s5) 56px;
  border-top: 1px solid var(--line-200);
  display: flex; align-items: center; gap: var(--s3);
  font-size: var(--fs-12); color: var(--ink-400); line-height: 1.7;
}
.page-foot img { height: 15px; opacity: .7; }

@media (max-width: 767px) {
  .stream { padding: var(--s4) var(--s4) var(--s6); }
  .item { grid-template-columns: 26px 1fr; gap: var(--s3); padding: var(--s4) 0 var(--s5); }
  .item__rank { font-size: var(--fs-15); }
  .lede__hd { font-size: 18px; }
  .lede { font-size: 14.5px; }
  .page-foot { padding: var(--s4) var(--s4) 48px; }
  .topbar-inner { flex-wrap: wrap; height: auto; padding: var(--s3) var(--s4); gap: var(--s2); }
  .topbar-meta { width: 100%; flex-wrap: wrap; gap: var(--s2); }
  .filterbar { height: auto; flex-wrap: wrap; padding: var(--s2) var(--s4); gap: var(--s2); }
  .search-box input { width: 150px; }
  .stat-line { width: 100%; }
}