/* Editorial additions reuse the site's colors, type and common components. */
.story-reading{max-width:780px}
.story-reading>p{font-size:17px;line-height:1.85;margin:0 0 20px}
.story-reading>h2{margin-bottom:24px}
.story-reading .article-summary{margin:30px 0}
.story-dialog{padding:28px;align-self:start}
.story-message{padding:20px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);margin:18px 0;line-height:1.7}
.story-message-user{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--panel))}
.story-message p{margin:12px 0 0}
.story-caption{font-size:14px!important;line-height:1.7;color:var(--muted);margin-top:24px}
.story-board{padding:28px;align-self:start}
.story-board-step{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--border)}
.story-board-step>span{font-size:13px;color:var(--primary);padding-top:4px}
.story-board-step b{font-size:18px;font-weight:600;color:var(--bright)}
.story-board-step p{margin:8px 0 0;color:var(--muted);line-height:1.7}
.story-related{display:flex;flex-wrap:wrap;gap:14px 24px;padding-top:24px;border-top:1px solid var(--border)}
@media(max-width:760px){.story-dialog,.story-board{padding:22px}.story-reading>p{font-size:16px;line-height:1.8}}