/* Put Scripture first; keep background and commentary available on demand. */
.topic-reading-page { padding-inline: 1rem; }
.topic-reading-page h1, .topic-reading-page h2, .topic-reading-page h3 { text-transform: none; letter-spacing: normal; }
.topic-reading-page h2 { font-size: clamp(1.375rem, 4vw, 2rem); line-height: 1.3; }
.topic-reading-page > header { margin-bottom: 1.5rem; text-align: left; }
.topic-reading-page > header h1 { font-size: clamp(1.75rem, 5vw, 3rem); line-height: 1.2; margin-bottom: 1rem; }
.topic-reading-page summary { cursor: pointer; padding: 0.75rem 0; color: var(--bp-primary); font-weight: 600; }
.topic-reading-page summary:focus-visible,
.topic-guidance-action a:focus-visible { outline: 2px solid var(--bp-primary); outline-offset: 4px; }
.topic-reading-page .topic-commentary { margin-bottom: 1rem; }
.topic-reading-page article { padding: 1rem; }
.topic-reading-page article .flex-1 { min-width: 0; }
.topic-reading-page article .verse-token-text { overflow-wrap: anywhere; }
.topic-guidance-action { display: flex; flex-direction: column; gap: 1rem; padding: 1.25rem; border: 1px solid var(--bp-primary); border-radius: 1rem; background: var(--bp-subtle); }
.topic-guidance-action h3 { color: var(--bp-ink); font-size: 1.25rem; margin: 0 0 0.5rem; }
.topic-guidance-action p { color: var(--bp-muted); margin: 0; }
.topic-guidance-action a { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 48px; padding: 0.75rem 1rem; border-radius: 0.75rem; background: var(--bp-primary); color: var(--bp-surface, #fff); font-weight: 600; text-decoration: none; }
@media (min-width: 768px) {
    .topic-reading-page article { padding: 1.5rem; }
    .topic-guidance-action { flex-direction: row; align-items: center; justify-content: space-between; }
    .topic-guidance-action a { flex-shrink: 0; }
}