/* Shared marketing typography, with previews as the visual focus. */
.updates-shell.streams-clean { width: min(100%, 88rem); max-width: 88rem; padding-top: 4rem; }
.streams-clean .streams-page { gap: 3rem; padding-top: 0; }
.streams-clean .streams-page__head { position: relative; isolation: isolate; max-width: 48rem; }
.streams-clean :is(.streams-page__kicker, .streams-toolbar__kicker, .streams-empty__kicker) {
  margin: 0 0 .65rem; color: var(--muted); font-size: .78rem; font-weight: 400;
  line-height: 1.5; letter-spacing: .06em; text-transform: none;
}
.streams-clean .streams-page__title { font-size: var(--home-heading-size); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
.streams-clean :is(.streams-page__lead, .streams-empty__text) { font-size: 1rem; line-height: 1.75; font-weight: 400; }
.streams-clean .streams-page__stats { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 1.5rem; }
.streams-clean .streams-page__stats li { display: flex; flex-direction: row-reverse; align-items: baseline; justify-content: flex-end; gap: .4rem; padding: 0; border: 0; background: transparent; border-radius: 0; }
.streams-clean .streams-page__stat-label { color: var(--muted); font-size: .9rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.streams-clean .streams-page__stats strong { font-size: .9rem; font-weight: 600; line-height: 1.5; }
.streams-clean .streams-page__stats strong.is-live { color: #eea1ad; }
.streams-clean .streams-toolbar { padding-top: 2rem; border-top: 1px solid #3b4145; gap: 1.5rem; }
.streams-clean .streams-toolbar__title { font-size: 1.5rem; font-weight: 600; line-height: 1.4; letter-spacing: -.015em; }
.streams-clean .streams-filters { gap: .5rem; }
.streams-clean .streams-filter { padding: .6rem .9rem; border: 1px solid transparent; border-radius: 4px; background: transparent; color: var(--muted); font-size: .9rem; font-weight: 500; letter-spacing: 0; }
.streams-clean .streams-filter:hover { background: rgba(255,255,255,.035); color: var(--text); }
.streams-clean .streams-filter.is-active { background: rgba(168,23,46,.12); border-color: rgba(168,23,46,.35); color: #f0b1bc; }
.streams-clean .streams-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.streams-clean .stream-card { background: #191d20; border: 1px solid rgba(232,237,240,.08); border-radius: 6px; box-shadow: none; transition: border-color 220ms ease; }
.streams-clean .stream-card.is-live { border-color: rgba(168,23,46,.3); }
.streams-clean .stream-card:hover { transform: none; border-color: rgba(232,237,240,.22); }
.streams-clean .stream-card__body { flex: 1; gap: 1rem; padding: 1.25rem; }
.streams-clean .stream-card__channel { color: var(--text); font-size: 1.05rem; font-weight: 600; line-height: 1.4; }
.streams-clean .stream-card__title { margin-top: .35rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--muted); letter-spacing: 0; }
.streams-clean .stream-card__avatar { width: 3rem; height: 3rem; background: #22282d; box-shadow: none; }
.streams-clean .stream-card__badge { border-radius: 3px; font-size: .75rem; font-weight: 500; letter-spacing: 0; text-transform: none; }
.streams-clean .stream-card__badge--live { background: #a8172e; }
.streams-clean .stream-card__pulse { animation: none; }
.streams-clean .stream-card__viewers { font-size: .75rem; font-weight: 500; border-radius: 3px; }
.streams-clean .stream-card__meta { gap: .5rem 1rem; }
.streams-clean .stream-card__meta span { padding: 0; border: 0; background: transparent; font-size: .85rem; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.streams-clean .stream-card__cta { margin-top: auto; padding-top: .25rem; font-size: .9rem; font-weight: 500; color: #eea1ad; }
.streams-clean .streams-empty { max-width: none; padding-top: 2rem; border-top: 1px solid #3b4145; }
.streams-clean .streams-empty__title { font-size: 1.35rem; font-weight: 600; line-height: 1.4; }
.streams-clean .streams-empty__cta { background: transparent; padding: .6rem 0; border-radius: 0; font-size: .9rem; font-weight: 500; color: #eea1ad; }
.streams-clean :is(a, button):focus-visible { outline: 2px solid #e79aa5; outline-offset: 5px; }
@media (max-width: 1000px) { .streams-clean .streams-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } }
@media (max-width: 640px) {
  .updates-shell.streams-clean { padding-top: 2.5rem; }
  .streams-clean .streams-page { gap: 2.5rem; }
  .streams-clean .streams-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .streams-clean .stream-card, .streams-clean .stream-card__media img { transition: none; } }