/* Narrative Posts only: commerce and other editorial templates retain their layout. */
.spectrum-story-reading { margin-inline: auto; max-width: var(--spectrum-content); padding: var(--spectrum-section-space) clamp(1rem, 3vw, 2rem); }
.spectrum-story-reading > * { margin-block: 0; }
.spectrum-story-trail { max-width: 56rem; margin: 0 auto 0.75rem; }
.spectrum-reading-paper { background: var(--spectrum-paper); border: 1px solid var(--spectrum-stone); border-top: 3px solid #1f3a2e; box-shadow: 0 5px 18px rgba(29, 36, 32, 0.045); max-width: 56rem; margin-inline: auto; padding: clamp(1.25rem, 3vw, 2.5rem); }
.spectrum-reading-paper > * { margin-block: 0; }
.spectrum-reading-header { max-width: 39rem; margin-inline: auto; padding-bottom: 1rem; border-bottom: 1px solid var(--spectrum-mist); }
.spectrum-reading-header > * { margin-block: 0; }
.spectrum-reading-header h1 { font-size: clamp(2rem, 4.2vw, 3.5rem); line-height: 1.08; text-wrap: balance; }
.spectrum-reading-date { font-size: 0.8rem; margin-top: 0.65rem; color: #515a54; }
.spectrum-reading-image { max-width: 39rem; margin: 1.25rem auto 0; }
.spectrum-reading-image img { width: 100%; height: auto; display: block; }
.spectrum-reading-paper > .spectrum-reading-body { max-width: 39rem; margin: 1.25rem auto 0; font-family: "Source Serif 4", Georgia, "Times New Roman", serif; font-size: 1.125rem; line-height: 1.7; overflow-wrap: break-word; }
.spectrum-reading-body > * { margin-block: 0 0.85em; }
.spectrum-reading-body > :last-child { margin-bottom: 0; }
.spectrum-reading-body :is(h2,h3,h4) { margin-block: 1.4em 0.5em; line-height: 1.2; }
.spectrum-reading-body h2 { font-size: 1.65rem; }
.spectrum-reading-body h3 { font-size: 1.35rem; }
.spectrum-reading-body > p:has(> strong:only-child) { margin-top: 1.1em; }
.spectrum-reading-body blockquote { border-left: 3px solid #1f3a2e; padding-left: 1rem; margin-inline: 0; font-size: 1.2em; }
.spectrum-reading-body :is(img,video,iframe) { max-width: 100%; }
.spectrum-reading-body pre { overflow-x: auto; white-space: pre; }
.spectrum-reading-body table { display: block; max-width: 100%; overflow-x: auto; }
.spectrum-related-stories { margin: 1.25rem auto 0; max-width: 56rem; }
.spectrum-related-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; margin-bottom: 0.75rem; }
.spectrum-related-heading > * { margin: 0; }
.spectrum-related-heading h2 { font-size: 1.65rem; }
.spectrum-related-heading p { font-size: 0.75rem; color: #515a54; }
.spectrum-related-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: 0.75rem; }
.spectrum-related-item { border: 1px solid var(--spectrum-stone); background: var(--spectrum-paper); min-width: 0; }
.spectrum-related-item > a { display: flex; gap: 0.75rem; padding: 0.75rem; height: 100%; color: var(--spectrum-ink); text-decoration: none; }
.spectrum-related-item > a:hover { background: var(--spectrum-cream); }
.spectrum-related-image { width: 4rem; height: 4rem; flex-shrink: 0; overflow: hidden; }
.spectrum-related-image img { width: 100%; height: 100%; object-fit: cover; }
.spectrum-related-copy { min-width: 0; }
.spectrum-related-copy time { font-size: 0.65rem; color: #515a54; }
.spectrum-related-copy h3 { font-size: 1.15rem; line-height: 1.2; margin: 0.25rem 0 0.35rem; }
.spectrum-related-copy p { font-size: 0.8rem; line-height: 1.5; margin: 0 0 0.35rem; }
.spectrum-related-read { color: var(--spectrum-forest); font-size: 0.8rem; text-decoration: underline; }
.spectrum-reading-back { max-width: 56rem; margin: 0.75rem auto 0; }
.spectrum-reading-back a { display: inline-flex; align-items: center; min-height: 32px; font-size: 0.85rem; }
@media (max-width: 600px) {
	.spectrum-reading-paper { padding: 1rem; box-shadow: none; }
	.spectrum-reading-paper > .spectrum-reading-body { font-size: 1.0625rem; line-height: 1.65; }
	.spectrum-related-list { grid-template-columns: 1fr; }
}
@media (max-width: 600px), (any-pointer: coarse) {
	.spectrum-reading-back a { min-height: 44px; }
}
@media print {
	.spectrum-reading-paper { border: 0; box-shadow: none; padding: 0; }
	.spectrum-story-trail, .spectrum-related-stories, .spectrum-reading-back { display: none; }
}
