.strm-stories { margin: 0 0 1.5em; }
.strm-stories__heading { margin: 0 0 .6em; font-size: 1.25em; color: #336699; }
.strm-stories__list { list-style: none; margin: 0; padding: 0; }
.strm-story { display: flex; gap: 12px; align-items: center; padding: .55em 0; border-bottom: 1px solid #e3e3e3; }
.strm-story:last-child { border-bottom: 0; }
.strm-story__text { display: flex; flex-direction: column; min-width: 0; }
.strm-story__title { font-weight: 600; line-height: 1.3; }
.strm-story__town { font-size: .85em; color: #666; }
.strm-story__thumb { flex: 0 0 80px; width: 80px; height: 80px; }
.strm-story__thumb img { width: 80px; height: 80px; object-fit: cover; display: block; border-radius: 4px; }
.strm-story__thumb-empty { display: block; width: 80px; height: 80px; border-radius: 4px; background: #336699 linear-gradient(135deg, rgba(255,255,255,.15), rgba(0,0,0,.15)); }

.strm-pod-icon { display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; color: #336699; text-decoration: none; line-height: 1; }
.strm-pod-icon svg { display: block; width: 1.1em; height: 1.1em; }
.strm-pod-icon:hover, .strm-pod-icon:focus { color: #1f4466; }

/* Style B: the byline link as an outlined rounded button */
.strm-pod-icon--b { position: relative; top: -6px; gap: 6px; margin-left: 4px; padding: 5px 13px; border: 1.5px solid #336699; border-radius: 999px; font-size: 14.5px; font-weight: 600; white-space: nowrap; }
.strm-pod-icon--b svg { width: 1.2em; height: 1.2em; }
.strm-pod-icon--b:hover, .strm-pod-icon--b:focus { background: #336699; border-color: #336699; color: #fff; }