/* A navigable sky above the river. Connections retain the original theological relationships. */
html.riverlight:has([data-page="constellation"]){background:#0b2029!important}
.riverlight [data-page="constellation"]{position:relative;height:100%;min-height:640px;overflow-x:clip;overflow-y:auto;background:#0b2029;--amber:#e6bb79;--amber-soft:#f1d4a0;--muted:#bdd0d3}
.riverlight [data-page="constellation"] .sky{display:block!important;position:fixed;background:radial-gradient(ellipse at 52% 78%,#ad836d55,transparent 48%),linear-gradient(180deg,#081b27 8%,#213a48 64%,#70646a 90%,#203741);animation:none}
.riverlight [data-page="constellation"] .stars{display:block!important;position:absolute;height:70%;opacity:.8!important;animation:none!important;transform:translate(var(--drift-x,0px),var(--drift-y,0px));transition:transform 1.5s ease}
.riverlight [data-page="constellation"] .chrome{position:absolute;align-items:center;opacity:1!important;animation:none!important;padding:22px 4vw;border-bottom:1px solid #d6e4df26;gap:20px}
.riverlight [data-page="constellation"] .mark{font-size:1.3rem;color:var(--paper);min-height:44px;display:flex;align-items:center}
.riverlight [data-page="constellation"] .exit{border-radius:0;font-size:.875rem;letter-spacing:.04em;background:transparent;border-color:#bdc6ab66;padding:8px 18px;text-align:center}
.riverlight [data-page="constellation"] .field{position:absolute;top:108px;left:0;right:0;bottom:auto;height:calc(70svh - 80px);min-height:430px;display:grid;align-items:center;align-content:center;padding:0 5vw;transition:right .5s ease}
.riverlight [data-page="constellation"] .const{width:100%;max-width:1000px;height:100%;max-height:520px;min-height:400px;aspect-ratio:auto;transform:none!important}
.riverlight [data-page="constellation"] .node .star{width:74px;height:74px;box-shadow:0 0 20px #e0ad4220;opacity:1!important;animation:none!important}
.riverlight [data-page="constellation"] .node .star img{width:100%;height:100%;opacity:.92;filter:none}
.riverlight [data-page="constellation"] .node .hit{width:90px;height:90px}
.riverlight [data-page="constellation"] .node .label{top:43px;transform:translateX(-50%);opacity:1!important;animation:none!important}
.riverlight [data-page="constellation"] .node .dir{font-size:.75rem;letter-spacing:.16em;color:#d5cba9}
.riverlight [data-page="constellation"] .node .name{font-size:1.25rem;font-weight:400;letter-spacing:.015em;margin-top:3px}
.riverlight [data-page="constellation"] .n-christ .star{width:108px;height:108px;box-shadow:0 0 65px #e8c88d25}
.riverlight [data-page="constellation"] .n-christ .hit{width:108px;height:108px}
.riverlight [data-page="constellation"] .n-christ .label{top:56px}
.riverlight [data-page="constellation"] .n-christ .name{font-size:1.7rem;color:#f4debb}
.riverlight [data-page="constellation"] .n-proclaim{left:16%;top:60%}
.riverlight [data-page="constellation"] .n-overcome{left:42%;top:10%}
.riverlight [data-page="constellation"] .n-christ{left:50%;top:46%}
.riverlight [data-page="constellation"] .n-rejoice{left:58%;top:82%}
.riverlight [data-page="constellation"] .n-hope{left:84%;top:32%}
.riverlight [data-page="constellation"] .halo,.riverlight [data-page="constellation"] .aura{top:46%;opacity:1!important;animation:none!important}
.riverlight [data-page="constellation"] .halo{width:24%;border-color:#ecd4a51f}
.riverlight [data-page="constellation"] .halo.r2{width:52%;border-color:#ecd4a518;transform:translate(-50%,-50%) rotate(-22deg);border-radius:50%;aspect-ratio:1.7}
.riverlight [data-page="constellation"] .halo.r3{width:82%;border-color:#ecd4a51c;transform:translate(-50%,-50%) rotate(-22deg);aspect-ratio:1.7;border-style:dashed;border-width:1px}
.riverlight [data-page="constellation"] .aura{background:radial-gradient(ellipse,#dcc08920,transparent 68%);filter:none;width:50%}
.riverlight [data-page="constellation"] .wires line{stroke:#decca747;stroke-width:1;stroke-dasharray:2 5;stroke-dashoffset:0;opacity:1;transition:stroke .5s ease,stroke-width .5s ease}
.riverlight [data-page="constellation"] .wires line.lit{stroke:#ffe1a2;stroke-width:1.5;stroke-dasharray:none;filter:drop-shadow(0 0 4px #e6bb7966)}
.riverlight [data-page="constellation"] .node.sel .star{background:#36535b;border-color:#ffe2a5;box-shadow:0 0 0 12px #edce9510,0 0 70px #edce9545}
.riverlight [data-page="constellation"] .node.recede .star,.riverlight [data-page="constellation"] .node.recede .label{opacity:.65!important}
.riverlight [data-page="constellation"] .city{position:absolute;bottom:0;height:40svh;min-height:260px;overflow:hidden}
.riverlight [data-page="constellation"] .city .ridge{display:none}
.riverlight [data-page="constellation"] .city .town{left:0;bottom:8svh;min-width:0;width:100%;height:auto;transform:none;opacity:.88!important;filter:saturate(.63);mask-image:none;-webkit-mask-image:none;animation:river-arrive 2.4s ease both!important}
.riverlight [data-page="constellation"] .city .reflection{display:block;position:absolute;left:0;top:calc(100% - 8svh);width:100%;height:auto;transform:scaleY(-1);transform-origin:center;opacity:.2;filter:blur(1px);mask-image:linear-gradient(0deg,transparent,#000);pointer-events:none}
.riverlight [data-page="constellation"] .veil{position:absolute;height:8svh;min-height:45px;background:repeating-linear-gradient(0deg,#18333b99 0px,#18333b99 1px,transparent 1px,transparent 7px),linear-gradient(transparent,#0b2029);z-index:3}
.riverlight [data-page="constellation"] .column{position:absolute;bottom:0;height:54svh;width:30vw;max-width:420px;filter:none;opacity:.6!important;animation:none!important;background:radial-gradient(ellipse at 50% 100%,#e3c88c18,transparent 72%);mask-image:none}
.riverlight [data-page="constellation"] .column.core{width:1px;background:linear-gradient(transparent,#e0c29133,transparent);opacity:.8!important;filter:none}
.riverlight [data-page="constellation"] .surface,.riverlight [data-page="constellation"] .surface[data-pos]{position:fixed;left:auto;right:3vw;top:50%;bottom:auto;width:340px;max-height:calc(100dvh - 150px);overflow-y:auto;transform:translate(18px,-50%);padding:30px;background:#102b34f5;border:1px solid #a9b5a963;border-radius:0;backdrop-filter:none;box-shadow:0 24px 100px #05182150;visibility:hidden}
.riverlight [data-page="constellation"] .surface.open{transform:translate(0,-50%);visibility:visible}
.riverlight [data-page="constellation"] .surface .letter{font-size:.875rem;margin-bottom:18px;color:#b9ccd0}
.riverlight [data-page="constellation"] .surface h2{font-size:2.3rem;font-weight:400;letter-spacing:-.02em;margin-bottom:18px}
.riverlight [data-page="constellation"] .surface .dirline{font-size:.875rem;letter-spacing:.03em;line-height:1.5;color:#e6cc9d}
.riverlight [data-page="constellation"] .surface p{font-size:1.0625rem;line-height:1.8}
.riverlight [data-page="constellation"] .surface .dismiss{right:8px;top:8px;width:44px;height:44px;color:#d6e0de;font-size:1.6rem}
.riverlight [data-page="constellation"] .surface .deeper{min-height:48px;font-size:.875rem;letter-spacing:.04em;margin-top:24px}
.riverlight [data-page="constellation"].reading .field{right:390px}
.riverlight [data-page="constellation"] .sheet{background:#112c34;width:min(740px,100%);border-color:#82988d;padding:90px 52px 50px}
.riverlight [data-page="constellation"] .sheet .body-text{font-size:1.0625rem;line-height:1.85}
.riverlight [data-page="constellation"] .sheet .brief{font-family:'EB Garamond','Fraunces',Georgia,serif;font-size:1.5rem}
.riverlight [data-page="constellation"] .sheet .direction{font-size:.875rem;letter-spacing:.05em}
.riverlight [data-page="constellation"] .sheet h2{font-size:2.75rem;font-weight:400;letter-spacing:-.025em}
.riverlight [data-page="constellation"] .sheet-close{min-height:44px;font-size:.875rem;letter-spacing:.03em;color:#d9e1dc}
.riverlight [data-page="constellation"] .sheet-back{min-height:48px;font-size:.875rem;letter-spacing:.03em;border-radius:0}
.riverlight [data-page="constellation"] .sheet details>summary{cursor:default}
.riverlight [data-page="constellation"] .sheet details{background:transparent}
.riverlight [data-page="constellation"] .sheet .pull-quote .ref{font-size:.875rem;color:#b9caca}
.riverlight [data-page="constellation"] .sheet .section{max-width:none}
@keyframes river-arrive{from{opacity:.3;translate:0 12px}to{opacity:.88;translate:0 0}}
@media(min-width:1500px){.riverlight [data-page="constellation"] .city .town{max-height:32svh;object-fit:fill}}
@media(max-width:1100px){
 .riverlight [data-page="constellation"].reading .field{right:0}
 .riverlight [data-page="constellation"] .surface,.riverlight [data-page="constellation"] .surface[data-pos]{width:auto;left:20px;right:20px;top:auto;bottom:20px;max-height:52dvh;transform:translateY(20px);padding:24px 30px}
 .riverlight [data-page="constellation"] .surface.open{transform:none}
 .riverlight [data-page="constellation"].reading .city{opacity:.25}
}
@media(max-width:680px){
 .riverlight [data-page="constellation"]{min-height:720px}
 .riverlight [data-page="constellation"] .chrome{padding:14px 18px;gap:14px}
 .riverlight [data-page="constellation"] .mark{font-size:1rem;letter-spacing:.14em}
 .riverlight [data-page="constellation"] .exit{font-size:.8125rem;letter-spacing:0;padding:6px 10px}
 .riverlight [data-page="constellation"] .field{top:114px;height:450px;min-height:0;padding:0 18px}
 .riverlight [data-page="constellation"] .const{height:440px;min-height:0}
 .riverlight [data-page="constellation"] .node .star{width:46px;height:46px}
 .riverlight [data-page="constellation"] .node .hit{width:76px;height:76px}
 .riverlight [data-page="constellation"] .n-christ .star{width:66px;height:66px}
 .riverlight [data-page="constellation"] .node .name{font-size:1rem;letter-spacing:0}
 .riverlight [data-page="constellation"] .node .dir{font-size:.75rem;letter-spacing:.06em}
 .riverlight [data-page="constellation"] .n-christ .name{font-size:1.3rem}
 .riverlight [data-page="constellation"] .n-overcome{left:30%}
 .riverlight [data-page="constellation"] .n-rejoice{left:70%}
 .riverlight [data-page="constellation"] .n-proclaim{left:17%;top:56%}
 .riverlight [data-page="constellation"] .n-hope{left:83%;top:36%}
 .riverlight [data-page="constellation"] .node .label{top:35px}
 .riverlight [data-page="constellation"] .n-christ .label{top:47px}
 .riverlight [data-page="constellation"] .halo{width:48%}
 .riverlight [data-page="constellation"] .halo.r2{width:65%;aspect-ratio:.8;transform:translate(-50%,-50%) rotate(18deg)}
 .riverlight [data-page="constellation"] .halo.r3{width:75%;aspect-ratio:.65;transform:translate(-50%,-50%) rotate(18deg)}
 .riverlight [data-page="constellation"] .city{height:200px;min-height:0;bottom:0}
 .riverlight [data-page="constellation"] .city .town{bottom:45px}
 .riverlight [data-page="constellation"] .city .reflection{top:155px}
 .riverlight [data-page="constellation"] .veil{height:45px}
 .riverlight [data-page="constellation"] .surface,.riverlight [data-page="constellation"] .surface[data-pos]{left:10px;right:10px;bottom:10px;padding:22px;max-height:66dvh}
 .riverlight [data-page="constellation"] .surface h2{font-size:1.9rem;margin-bottom:10px}
 .riverlight [data-page="constellation"] .surface .letter{margin-bottom:6px}
 .riverlight [data-page="constellation"] .surface p{font-size:1rem;line-height:1.65}
 .riverlight [data-page="constellation"] .surface .deeper{margin-top:14px}
 .riverlight [data-page="constellation"] .sheet{padding:82px 22px 40px}
 .riverlight [data-page="constellation"] .sheet h2{font-size:2rem}
 .riverlight [data-page="constellation"] .sheet details>summary{padding:10px 0 20px}
 .riverlight [data-page="constellation"] .sheet details>*:not(summary){padding-left:0;padding-right:0}
}
@media(max-height:600px) and (min-width:681px){
 .riverlight [data-page="constellation"]{min-height:650px}
 .riverlight [data-page="constellation"] .field{top:105px;height:380px;min-height:380px}
 .riverlight [data-page="constellation"] .const{min-height:380px}
 .riverlight [data-page="constellation"] .surface,.riverlight [data-page="constellation"] .surface[data-pos]{left:auto;width:340px;right:12px;top:85px;bottom:12px;max-height:none;transform:translateX(20px)}
 .riverlight [data-page="constellation"] .surface.open{transform:none}
}
@media(prefers-reduced-motion:reduce){.riverlight [data-page="constellation"] .city .town{animation:none!important}.riverlight [data-page="constellation"] .stars{transform:none!important}}
@media(min-width:1101px){.riverlight [data-page="constellation"].reading .column{left:calc(50% - 195px)}}
/* Enlarged reading settings trade spatial placement for full-size, reachable controls. */
.riverlight [data-page="constellation"].large-type{height:auto;min-height:100svh}
.riverlight [data-page="constellation"].large-type .chrome{flex-wrap:wrap;position:absolute}
.riverlight [data-page="constellation"].large-type .exit{white-space:normal;max-width:100%;font-size:.75rem}
.riverlight [data-page="constellation"].large-type .field{position:relative;inset:auto;height:auto;min-height:0;padding:calc(var(--chrome-height,140px) + 24px) 20px 200px;display:block}
.riverlight [data-page="constellation"].large-type .const{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;gap:12px}
.riverlight [data-page="constellation"].large-type .wires,.riverlight [data-page="constellation"].large-type .halo,.riverlight [data-page="constellation"].large-type .aura{display:none}
.riverlight [data-page="constellation"].large-type .node{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:16px;padding:22px 8px;border-bottom:1px solid #d6e4df33}
.riverlight [data-page="constellation"].large-type .n-christ{order:-1;border-top:1px solid #d6e4df33}
.riverlight [data-page="constellation"].large-type .node .hit{inset:0;transform:none;width:100%;height:100%;border-radius:0}
.riverlight [data-page="constellation"].large-type .node .star{position:static;transform:none;width:48px;height:48px}
.riverlight [data-page="constellation"].large-type .node .label{position:static;transform:none;white-space:normal;text-align:left;overflow-wrap:anywhere}
.riverlight [data-page="constellation"].large-type .node .name{font-size:1rem}
.riverlight [data-page="constellation"].large-type .surface,.riverlight [data-page="constellation"].large-type .surface[data-pos]{inset:10px;width:auto;max-height:none;transform:none;padding:50px 20px 20px}
.riverlight [data-page="constellation"].large-type .surface{z-index:45}
.riverlight [data-page="constellation"].large-type .surface h2{font-size:1.4rem;overflow-wrap:anywhere}
.riverlight [data-page="constellation"].large-type .sheet h2{font-size:1.5rem;overflow-wrap:anywhere}
.riverlight [data-page="constellation"].large-type .sheet-close{font-size:.65rem;left:20px;right:20px;text-align:right}
.riverlight [data-page="constellation"].large-type .sheet .scripture-pill{white-space:normal;overflow-wrap:anywhere;max-width:100%}
/* Warm light reaches the city; the broad, feathered wash avoids a spotlight effect. */
.riverlight [data-page="constellation"] .column{top:var(--beam-top,40%);bottom:8svh;height:auto;width:140px;max-width:22vw;filter:blur(14px);background:linear-gradient(180deg,#f1d4a042,transparent 17%,#e6bb7938 34%,#e6bb7970 82%,#e6bb7940);mask-image:linear-gradient(90deg,transparent,#000 44%,#000 56%,transparent);opacity:.9!important;transition:left .5s ease;z-index:1}
.riverlight [data-page="constellation"] .column.core{top:var(--beam-top,40%);bottom:8svh;height:auto;width:16px;max-width:16px;filter:blur(6px);background:linear-gradient(180deg,#f7e4bc48,transparent 17%,#f1d4a02a 34%,#f1d4a067 85%,#f1d4a036);mask-image:none;opacity:.8!important}
.riverlight [data-page="constellation"] .center-ripple{position:absolute;left:50%;top:46%;width:0;height:0;pointer-events:none}
.riverlight [data-page="constellation"] .center-ripple::before,.riverlight [data-page="constellation"] .center-ripple::after{content:'';position:absolute;left:0;top:0;width:90px;height:90px;border-radius:50%;border:1px solid #f1d4a0;transform:translate(-50%,-50%);opacity:0}
.riverlight [data-page="constellation"] .center-ripple.rippling::before{animation:center-ripple 2.8s ease-out both}
.riverlight [data-page="constellation"] .center-ripple.rippling::after{animation:center-ripple 2.8s ease-out .8s both}
@keyframes center-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:0}15%{opacity:.22}100%{transform:translate(-50%,-50%) scale(3.6);opacity:0}}
.riverlight [data-page="constellation"].large-type .column,.riverlight [data-page="constellation"].large-type .center-ripple{display:none}
@media(max-width:680px){.riverlight [data-page="constellation"] .center-ripple::before,.riverlight [data-page="constellation"] .center-ripple::after{width:66px;height:66px}}
@media(prefers-reduced-motion:reduce){.riverlight [data-page="constellation"] .center-ripple::before,.riverlight [data-page="constellation"] .center-ripple::after{animation:none!important;opacity:0!important}}
.riverlight [data-page="constellation"] .column{z-index:4}
.riverlight [data-page="constellation"] .river-trees{position:absolute;left:0;bottom:8svh;width:100%;height:auto;z-index:5;pointer-events:none;opacity:.88;filter:saturate(.63);mask-image:linear-gradient(180deg,transparent 58%,#000 79%)}
@media(max-width:680px){.riverlight [data-page="constellation"] .river-trees{bottom:45px}.riverlight [data-page="constellation"] .column,.riverlight [data-page="constellation"] .column.core{bottom:45px}}
@media(min-width:1500px){.riverlight [data-page="constellation"] .river-trees{max-height:32svh;object-fit:fill}}

/* Keep the constellation's nodes, wires, skyline, and warm light; remove the
   large concentric target-like background from the scrolling experience. */
.riverlight [data-page="constellation"] .halo,
.riverlight [data-page="constellation"] .aura,
.riverlight [data-page="constellation"] .center-ripple{display:none!important}

/* ---- Connections: quietly present at rest, a travelling beam when chosen ---- */
.riverlight [data-page="constellation"] .wires line[data-wire]{stroke:#decca766;stroke-dasharray:2.5 4.5}
.riverlight [data-page="constellation"] .wires line[data-wire].lit{stroke:#ffe9c4;stroke-width:1.8;stroke-dasharray:none;filter:drop-shadow(0 0 3px #ffe1a2b3) drop-shadow(0 0 11px #e6bb7961)}
.riverlight [data-page="constellation"] .wires line.pulse{stroke:#fff6e2;stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:4 70;stroke-dashoffset:74;opacity:0;pointer-events:none;filter:drop-shadow(0 0 7px #ffe1a2)}
.riverlight [data-page="constellation"] .wires:has(line[data-wire="proclaim"].lit) line[data-pulse="proclaim"],
.riverlight [data-page="constellation"] .wires:has(line[data-wire="overcome"].lit) line[data-pulse="overcome"],
.riverlight [data-page="constellation"] .wires:has(line[data-wire="rejoice"].lit) line[data-pulse="rejoice"],
.riverlight [data-page="constellation"] .wires:has(line[data-wire="hope"].lit) line[data-pulse="hope"]{animation:wireTravel 1.5s cubic-bezier(.3,.7,.3,1) .1s 1 both}
@keyframes wireTravel{0%{stroke-dashoffset:74;opacity:0}14%{opacity:1}82%{opacity:1}100%{stroke-dashoffset:-4;opacity:0}}
@media(prefers-reduced-motion:reduce){.riverlight [data-page="constellation"] .wires line.pulse{display:none}}