.ri-feature { grid-column: 1 / -1; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 3vw, 3rem); align-items: center; }
.ri-feature .section-kicker { margin: 0 0 .6rem; }
.ri-feature h2 { margin: 0 0 1rem; }
.ri-feature-copy > p:not(.section-kicker) { max-width: 57ch; color: var(--text-dark); }
.ri-feature .secondary-cta { display: inline-block; margin-top: 1.5rem; }
.ri-feature-stage { min-width: 0; padding: .3rem 0 .3rem clamp(1rem, 2vw, 1.6rem); border-left: 3px solid var(--primary-color); font: 11pt/1.4 "Courier New", Courier, monospace; }
.ri-feature-stage p { margin: 0 0 7pt; color: var(--text-dark); line-height: inherit; }
.ri-feature-stage p:last-child { margin-bottom: 0; }
.ri-feature-stage .ri-preview-cue { font-weight: 700; }
.ri-feature-stage .ri-preview-action { color: var(--ri-script-accent, var(--article-alt-color)); }
.ri-page { position: relative; z-index: 2; background: var(--white); }
.ri-intro { padding: clamp(2rem, 5vw, 4rem) 0; background: var(--light-bg); color: var(--text-dark); }
.ri-intro-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2rem, 4vw, 4rem); }
.ri-back { display: inline-block; margin-bottom: 2rem; color: var(--primary-color); text-decoration: none; }
.ri-intro h1 { font-size: clamp(3rem, 6vw, 5.5rem); line-height: 1; color: var(--text-dark); margin: .6rem 0 1.3rem; }
.ri-intro-copy > p:not(.section-kicker) { max-width: 57ch; line-height: 1.7; }
.ri-reading-progress { position: sticky; top: var(--nav-height, 0px); height: 3px; z-index: 5; background: var(--white); }
.ri-reading-progress span { display: block; width: 0; height: 100%; background: var(--accent-color); }
.ri-reader-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; padding-top: 3rem; padding-bottom: 5rem; background: var(--white); }
.ri-episodes { position: sticky; top: 6rem; }
.ri-episodes h2 { font-size: 1rem; text-transform: uppercase; margin: 0 0 1rem; color: var(--text-dark); }
.ri-episodes nav { display: grid; gap: .5rem; }
.ri-episodes a { display: block; padding: .8rem; border-left: 3px solid var(--border-color); color: var(--text-dark); text-decoration: none; line-height: 1.4; }
.ri-episodes a[aria-current="page"] { border-color: var(--accent-color); background: color-mix(in srgb, var(--accent-color) 10%, transparent); font-weight: 700; }
.ri-script { max-width: 850px; width: 100%; min-width: 0; color: var(--text-dark); }
.ri-script-header { margin-bottom: 3rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); }
.ri-script-header h2 { font-size: clamp(2rem, 4vw, 3rem); margin: .3rem 0 0; }
.ri-block { margin: 0 0 7pt; color: var(--text-dark); font: 11pt/1.25 "Courier New", Courier, monospace; white-space: pre-wrap; overflow-wrap: break-word; }
.ri-block.ri-accent, .ri-block .ri-accent { color: var(--ri-script-accent, var(--article-alt-color)); }
body[data-theme="light"] { --ri-script-accent: #a41368; }
body[data-theme="forest"] { --ri-script-accent: #9a3412; }
body[data-theme="spiritual"] { --ri-script-accent: #6d28d9; }
.ri-block-character { font-weight: 700; }
.ri-block-parenthetical { font-style: italic; }
.ri-episode-actions { display: flex; justify-content: space-between; gap: 1rem; margin-top: 4rem; padding-top: 1.4rem; border-top: 1px solid var(--border-color); }
.ri-episode-actions a { color: var(--primary-color); font-weight: 700; }
.ri-episode-actions a[hidden] { display: none; }
@media (max-width: 760px) {
    .ri-feature, .ri-intro-inner { grid-template-columns: 1fr; }
    .ri-intro-art { display: none; }
    .ri-reader-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .ri-episodes { position: static; }
    .ri-episodes nav { display: flex; overflow-x: auto; }
    .ri-episodes a { min-width: 10rem; }
}