.story-narrative { padding: clamp(1.5rem, 4vw, 3rem); }
.story-section + .story-section { margin-top: 2.5rem; }
.story-section h2 { margin: 0 0 1rem; }
.story-section p { max-width: 80ch; line-height: 1.8; color: #4b5964; margin: 0 0 1.2rem; }
.story-section > blockquote { margin: 1.5rem 0; padding: 0.8rem 1.3rem; border-left: 3px solid var(--category-edge); font: italic 1.2rem/1.6 "Fraunces", Georgia, serif; color: var(--navy); }
.historical-message { margin-top: 2rem; padding: clamp(1.3rem, 3vw, 2.3rem); background: linear-gradient(110deg, #f4ead2, #fff8e8 50%, #eee0bf); border: 1px solid #d0bc92; border-left: 4px solid #a98a55; box-shadow: 0 8px 20px rgba(62,45,18,0.08); color: #493a27; }
.message-date { font: 500 0.75rem/1.5 "IBM Plex Mono", monospace; color: #765c35; }
.historical-message h3 { margin: 0.7rem 0; font-size: 1.25rem; color: #493a27; }
.historical-message .message-byline { font-size: 0.85rem; color: #765c35; }
.historical-message blockquote { margin: 1.5rem 0; font: italic 1.35rem/1.6 "Fraunces", Georgia, serif; }
.historical-message summary { font-weight: 600; cursor: pointer; padding: 0.75rem 0; }
.message-transcript { margin-top: 1rem; }
.message-transcript p { color: #493a27; overflow-wrap: anywhere; }
.message-original { display: inline-block; margin-top: 1rem; font-size: 0.85rem; color: #765c35; }
.historical-message summary:focus-visible, .message-original:focus-visible { outline: 3px solid #a98a55; outline-offset: 4px; }

.message-list { list-style: none; counter-reset: message-item; margin: 0 0 1.2rem; padding: 0; }
.message-list li { counter-increment: message-item; line-height: 1.8; margin: 0 0 0.2rem; padding-left: 2em; position: relative; }
.message-list li::before { content: "(" counter(message-item) ")"; position: absolute; left: 0; }