/* The active idea is the reading surface; the diagram follows the same step. */
.reveal .has-step-reader .scene-title{position:absolute;left:75px;top:111px;margin:0!important;max-width:1100px;font-size:30px;line-height:1.4;font-weight:500;letter-spacing:.035em;opacity:.85}
.has-step-reader .scene-title span{display:inline;margin-left:0}
.has-step-reader .scene-title:after{content:'';position:absolute;left:0;top:61px;width:1115px;height:1px;background:linear-gradient(90deg,#be96606b,#be966011)}
.step-reader{position:absolute;left:76px;top:209px;width:462px;height:416px;z-index:4}
.step-reading{position:absolute;inset:0;text-align:left}
.step-reading[hidden]{display:none!important}
.reading-kicker{display:flex;align-items:center;gap:13px;color:#d7b985;height:25px;white-space:nowrap}
.reading-kicker>span{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:.03em}
.reading-kicker>i{height:1px;width:21px;background:currentColor;opacity:.6}
.reading-kicker>b{font-size:13px;letter-spacing:.075em;font-weight:400}
.reveal .step-reading h3{font-family:var(--font-display);font-size:51px;line-height:1.3;margin:17px 0 24px;font-weight:600;letter-spacing:.045em;color:#f5ead8}
.reveal .reading-prose p{font-size:20px;line-height:1.85;letter-spacing:.01em;font-weight:400;color:#dbd0be;text-wrap:pretty}
.reveal .reading-prose p+p{margin-top:17px}
.reading-conclusion{margin-top:23px;padding-top:16px;border-top:1px solid #cfac7738;display:grid;grid-template-columns:60px 1fr;column-gap:15px;align-items:start}
.reading-conclusion small{font-size:11px;letter-spacing:.08em;line-height:1.85;color:#cfa76b;padding-top:3px}
.reveal .reading-conclusion p{font-size:16px;line-height:1.75;color:#e3c99f;font-weight:400;letter-spacing:.02em}
[data-theme=light] .reading-kicker{color:#914653}
[data-theme=light] .step-reading h3{color:#803542}
[data-theme=light] .reading-prose p{color:#66554b}
[data-theme=light] .reading-conclusion{border-color:#aa7d663d}
[data-theme=light] .reading-conclusion small{color:#94674d}
[data-theme=light] .reading-conclusion p{color:#874450}
.step-visual{position:absolute;inset:0;width:1280px;height:720px;transform-origin:center;pointer-events:none}
.s-method .step-visual{transform:translate(67px,25px) scale(.86)}
.s-method.has-step-reader .art-note{left:745px;bottom:85px}
.s-context .step-visual{transform:translate(44px,31px) scale(.91)}
.s-context.has-step-reader .diagram-note{left:685px;bottom:78px}
.s-triangle .step-visual{transform:translate(85px,49px) scale(.80)}
.s-triangle.has-step-reader .triangle-center strong{font-size:50px}
.s-triangle.has-step-reader .diagram-node span{font-size:25px}
.s-pivot .step-visual{transform:translate(126px,38px) scale(.79)}
.s-pivot.has-step-reader .pivot-core{left:490px}
.s-pivot.has-step-reader .diagram-node span{font-size:25px}
.s-test .step-visual{transform:translate(80px,7px) scale(.80)}
.s-test.has-step-reader .test-selector{left:685px;top:588px;width:486px}
.s-test.has-step-reader .test-selector>p{position:absolute;top:-442px;left:5px;font-size:11px;opacity:.6}
.s-test.has-step-reader .test-selector .keyboard-item{font-size:16px;padding:9px 17px}
.s-plenum.has-step-reader .plenum-photo{top:230px;right:74px;width:548px;height:272px}
.s-plenum.has-step-reader .plenum-number{font-size:260px;top:169px;opacity:.5}
.s-plenum.has-step-reader .plenum-number span{display:none}
.s-plenum.has-step-reader .plenum-outcomes{left:665px;top:555px;right:76px;gap:12px}
.s-plenum.has-step-reader .plenum-outcomes .keyboard-item{font-size:21px;padding:12px 5px}
.s-reform.has-step-reader .reform-vignette{background:linear-gradient(90deg,#141e20f5 0%,#141e20e8 38%,#14191b45 72%),linear-gradient(0deg,#14191bd0,transparent 70%)}
.s-reform.has-step-reader .inline-history{left:636px;top:221px;width:548px;height:363px;padding:17px}
.s-reform.has-step-reader .inline-history img{width:514px;height:276px}
.s-reform.has-step-reader .inline-history figcaption{font-size:12px;margin-top:12px}
.s-today.has-step-reader .today-scenes{left:690px;right:95px;top:223px;display:flex;flex-direction:column;gap:24px;text-align:left}
.s-today.has-step-reader .today-scenes .keyboard-item{display:grid;grid-template-columns:76px 1fr;grid-template-rows:40px 30px;align-items:center;column-gap:28px;min-height:98px;border-bottom:1px solid #b69b772e;border-radius:0;padding:7px 12px 15px;transform:none;transition:background .6s,translate .6s}
.s-today.has-step-reader .today-scenes .keyboard-item:before{display:none}
.s-today.has-step-reader .today-scenes .keyboard-item.selected{background:linear-gradient(90deg,#9a536818,transparent);translate:7px 0}
.s-today.has-step-reader .today-scenes svg{grid-row:1/3;width:70px;height:70px}
.s-today.has-step-reader .today-scenes strong{font-size:28px;margin:0}
.s-today.has-step-reader .today-scenes span{font-size:15px;margin:0}
@media print{.step-reading{position:relative}.step-reading[hidden]{display:none!important}}