/* ORDER-224 B: /feed 만 쓰는 스타일. app.bundle·style.bundle에 안 넣는다(홈 gzip 117KiB 잠금). */

.feed-recall-band { display: flex; align-items: center; gap: var(--s2); padding: var(--s3) 0; margin: 0 0 var(--s2); border-bottom: 1.5px solid var(--line); text-decoration: none; color: var(--ink); }
.feed-recall-band .feed-recall-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--bad); flex: 0 0 7px; }
.feed-recall-band .feed-recall-text { flex: 1; min-width: 0; font-size: var(--t-body); font-weight: 650; letter-spacing: -.01em; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feed-recall-band .feed-recall-text b { font-weight: 750; }
.feed-recall-band .icon { color: var(--muted); width: 15px; height: 15px; }

/* 목록 자체는 기존 .feed-grid.feed-grid-2 를 유지한다(기존 시험이 "feed-grid" 문자열을 확인) —
   .feed-stream-list 를 더해 인스타 단일 열로 덮어쓴다. 결합 클래스라 우선순위가 이겨 미디어쿼리 없이 이긴다. */
.feed-stream-list.feed-grid-2 { display: flex; flex-direction: column; gap: 0; }

.feed-stream-item { padding: var(--s4) 0; border-top: 1.5px solid var(--line); }
.feed-stream-item:first-of-type { border-top: 0; }
.feed-stream-who { display: flex; align-items: center; gap: var(--s2); margin-bottom: var(--s3); }
.feed-stream-avatar { width: 26px; height: 26px; border-radius: 50%; background: var(--surface-2); display: grid; place-items: center; font-size: 11px; font-weight: 750; color: var(--ink-2); flex: 0 0 26px; overflow: hidden; }
.feed-stream-who a, .feed-stream-who > span:not(.feed-stream-avatar) { font-size: 13px; font-weight: 750; letter-spacing: -.01em; color: var(--ink); text-decoration: none; }
.feed-stream-time { font-size: 11.5px; color: var(--muted); margin-left: auto; font-weight: 500; }

.feed-stream-photo { position: relative; display: block; overflow: hidden; aspect-ratio: 5 / 4; background: var(--surface-2); border-radius: var(--r-sm); text-decoration: none; }
.feed-stream-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.feed-stream-photo--empty[data-score-band="80"] { background: #123f30; }
.feed-stream-photo--empty[data-score-band="60"] { background: #2c443a; }
.feed-stream-photo--empty[data-score-band="40"] { background: #57451f; }
.feed-stream-photo--empty[data-score-band="00"] { background: #56271f; }
.feed-stream-photo--empty[data-score-band="none"] { background: var(--surface-2); }
.feed-stream-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--s6) var(--s3) var(--s2); color: #fff; background: linear-gradient(transparent, rgba(12, 13, 11, .82)); }
.feed-stream-cap b { display: block; font-size: 15px; font-weight: 750; letter-spacing: -.015em; }
.feed-stream-cap small { display: block; font-size: 11.5px; opacity: .8; margin-top: 2px; }

.feed-stream-score { position: absolute; top: var(--s2); right: var(--s2); border-radius: var(--r-sm); padding: 6px 10px; text-align: center; color: #fff; background: var(--muted); }
.feed-stream-score b { font-size: 20px; font-weight: 750; line-height: 1; letter-spacing: -.03em; display: block; font-variant-numeric: tabular-nums; }
.feed-stream-score s { text-decoration: none; font-size: 9px; font-weight: 700; display: block; margin-top: 2px; opacity: .8; }
.feed-stream-score[data-score-band="80"] { background: #123f30; }
.feed-stream-score[data-score-band="60"] { background: #2c443a; }
.feed-stream-score[data-score-band="40"] { background: #57451f; }
.feed-stream-score[data-score-band="00"] { background: #56271f; }

.feed-stream-actions { display: flex; gap: var(--s4); align-items: center; margin-top: var(--s3); font-size: 13px; font-weight: 600; color: var(--ink); }
.feed-stream-actions span { display: flex; align-items: center; gap: 6px; }
.feed-stream-actions .feed-stream-icon { width: 20px; height: 20px; }
.feed-stream-save { margin-left: auto; }

.feed-stream-pills { display: flex; gap: 7px; margin-top: var(--s3); flex-wrap: wrap; }
.feed-stream-pills span { font-size: 11px; font-weight: 650; color: var(--ink-2); background: var(--surface-2); border-radius: 6px; padding: 4px 8px; font-variant-numeric: tabular-nums; }

.feed-stream-caption { font-size: 14px; color: var(--ink); margin-top: var(--s3); line-height: 1.45; letter-spacing: -.01em; }
.feed-stream-caption a, .feed-stream-caption > span { font-weight: 750; margin-right: 5px; color: var(--ink); text-decoration: none; }
.feed-stream-more { display: block; font-size: 13px; color: var(--muted); font-weight: 600; margin-top: var(--s2); text-decoration: none; }