.story-journal { display: flex; flex-direction: column; gap: var(--space-5); }
.story-section-title { margin-bottom: var(--space-3); color: var(--color-cyan); font: 400 var(--font-size-meta)/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.story-columns { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); gap: var(--space-6); }
.story-contribution, .story-thread, .story-entry { margin-bottom: var(--space-3); padding: var(--space-3) var(--space-4); border-left: 1px solid var(--color-bg-elevated); background: rgba(var(--color-bg-surface-rgb), .35); }
.story-contribution p, .story-thread p, .story-entry p { margin: 0; color: var(--color-ink-primary); line-height: 1.55; }
.story-contribution__meta, .story-thread__meta, .story-action { color: var(--color-ink-muted); font: 400 var(--font-size-meta)/1.45 var(--font-mono); }
.story-contribution__meta, .story-thread__meta { margin-bottom: var(--space-2); }
.story-action { margin-top: var(--space-2); padding-left: var(--space-3); border-left: 1px solid var(--color-cyan); }
.story-action span { margin-right: var(--space-2); color: var(--color-cyan); text-transform: uppercase; }
.story-contribution--failed, .story-contribution__error { border-color: var(--color-danger); color: var(--color-danger) !important; }
.story-thread--resolved { border-left-color: var(--color-cyan); }
.story-thread--frozen, .story-entry--frozen { opacity: .78; }
.story-thread h4 { margin: 0 0 var(--space-2); color: var(--color-ink-primary); font-size: var(--font-size-narrative); font-weight: 500; }
.story-thread__outcome { margin-top: var(--space-2) !important; color: var(--color-cyan) !important; }
.story-thread__review { display: flex; gap: var(--space-2); margin-top: var(--space-3); }
.story-composer { flex: 0 0 auto; padding: var(--space-3) var(--space-6); border-top: 1px solid var(--color-bg-elevated); background: rgba(var(--color-bg-surface-rgb), var(--surface-alpha)); }
.story-composer__label { display: block; margin-bottom: var(--space-2); color: var(--color-cyan); font: 400 var(--font-size-meta)/1.4 var(--font-mono); text-transform: uppercase; }
.story-composer textarea { width: 100%; resize: vertical; min-height: 64px; max-height: 180px; border: 0; border-bottom: 1px solid var(--color-amber); background: transparent; color: var(--color-ink-primary); font: inherit; }
.story-composer__footer { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-2); }
.story-composer__status { color: var(--color-ink-muted); font-size: var(--font-size-meta); }
@media (max-width: 700px) { .story-columns { grid-template-columns: 1fr; } .story-composer__footer { align-items: stretch; flex-direction: column; } }