/* Shared approved Stories palette. Content and route structure remain intact. */
:root{color-scheme:dark;--canvas:#0b100f;--paper:#0b100f;--fog:#171c1a;--ink:#f3eee3;--body:#d1cfc6;--muted:#d1cfc6;--quiet:#bebeb5;--hairline:#565d55;--line:#565d55;--warm:#26332b;--warm-ink:#eee3cf;--accent:#e3c88e;--radius:3px;--field-radius:3px;--lift:none}
body{background:var(--canvas);color:var(--ink)}body header{background:var(--canvas);color:var(--ink);border-bottom:1px solid var(--hairline);max-width:none}body header a,body header button{color:var(--ink)}body header>button{background:transparent;border:1px solid var(--hairline);border-radius:2px}body header nav a.active{border-color:var(--ink)}body .mark,body .tiny-symbol{color:#eee3cf}body .notice,body.is-landing .notice{background:var(--fog);color:var(--quiet);border-color:var(--hairline)}body .notice span{color:var(--quiet)}body footer{color:var(--quiet);border-color:var(--hairline)}
body :is(button,input,textarea,select,.primary,.pill){border-radius:2px;min-height:44px}body :is(input,textarea,select,.search,.story-toolbar input,.story-toolbar select,.context-picker select){background:var(--fog);color:var(--ink);border-color:var(--hairline)}body input::placeholder,body textarea::placeholder{color:var(--quiet)}body input:focus,body textarea:focus,body select:focus{background:var(--fog)}body button:hover{background:#293029;color:var(--ink)}
body :is(.primary,.filters .pill.active,.pill.active,.chapter.active,.map-index button.active,.framework-nav .active,.tour-steps .current,.lesson-nav a.active,.prayer-steps a[aria-current],.wisdom-choices a[aria-current=page],button[aria-pressed=true]){background:#eee3cf;color:#10150f;border-color:#eee3cf}body .primary:hover,body button.primary:hover{background:#fff4de;color:#10150f}body :is(.chapter.active,.wisdom-choices a[aria-current=page],.prayer-steps a[aria-current]) :is(p,small,span,.eyebrow){color:#25352b}
body :is(.eyebrow,.section-index,.artifact-top,.preview-label,.landing-note,.tour-tag,.tour-header,.tour-steps button,.card .meta,.card .symbol,.concept-number,.age-arrow,.orbit-number,figcaption,.question-illustration figcaption,.prayer-steps a span,.transliteration){color:var(--quiet)}body :is(.landing-deck,.perspective-strip,.prevalence span,.lesson-nav a){color:var(--body)}body .perspective-strip>span:first-child{color:var(--quiet)}body .large-quote{color:#d0c5af}body :is(.prevalence>div>strong,.visual-prelude strong,.orbit-center>span){color:var(--ink)}
body :is(.artifact,.question-stack a,.question-stack a:nth-child(2),.demo-panel,.context-picker,.chapter,.card,.band,.age-card,.prompt,.map,.framework-panel,.concept,.tour-visual,.tour-chips span,.reading-layout .perspective,.map-index button,.detail,.timeline button,.notebook-preview,.prevalence,.door,.family-orbit,.orbit-choice,.visual-prelude,.family-invite,.panorama-links a,.try-idea,.prayer-feature,.prayer-window,.christian-window,.wisdom-pair article,.wisdom-lenses button,.life-controls button,.lab-controls button,.reading-route li){background:var(--fog);color:var(--ink);border-color:var(--hairline);box-shadow:none}
body :is(.question-artifact,.orbit-choice.active,.orbit-choice:hover){background:var(--warm);color:var(--ink);border-color:var(--hairline)}body .question-artifact .artifact-top{color:var(--quiet)}body :is(.question-stack a>span,.demo-panel-top,.perspective-list i,.explore-aside>span:last-child){color:var(--quiet)}body :is(.lesson-card,.prayer-feature,.prayer-window blockquote){color:var(--ink)}body .prayer-scene>span{background:#0b100feb;color:var(--ink)}body :is(.card,.age-card,.door,.lesson-card,.panorama-links a,.story-card):hover{background:#202922;box-shadow:none;transform:none}body .reflection-surface textarea:disabled{background:var(--fog)}body .reading-route li{border-radius:2px}body :is(.danger,.error,dialog .error,.entry button[data-delete]){color:#ffb7a4}body .entry button[data-delete]:hover{background:#3c2520}body dialog{background:var(--fog);color:var(--ink);border:1px solid var(--hairline);border-radius:4px}body dialog::backdrop{background:#000b}body #toast,body .skip-link{background:#eee3cf;color:#10150f}body :is(.empty,.framework-limit,.prayer-reveal,.dialogue-pair>div,.reading-route li){border-color:var(--hairline)}
/* Open editorial shelves replace repeated floating boxes. */
body :is(.card,.age-card,.lesson-card,.studio-card,.discovery-card,.discovery-reading,.story-doorways>a){border-radius:0;border:0;border-top:1px solid var(--hairline);background:transparent;box-shadow:none;transform:none;min-height:0;padding:24px 8px}body :is(.card,.age-card,.lesson-card,.discovery-card,.story-doorways>a) h3{font:400 28px/1.22 var(--serif);letter-spacing:-.025em}body :is(.card,.discovery-card,.discovery-reading) p{margin-bottom:16px}body .card .symbol{margin-bottom:14px}body .card .meta{border:0}body :is(.grid,.library-grid,.studio-cards,.discovery-cards){gap:24px 36px}body :is(.discovery-scene,.discovery-context details,.framework-panel,.framework-choices button,.concept-lab,.reading-workshop,.story-note,.reading-context,.letter-envelope,.passage-pair>div,.place-cards section,.try-idea,.prayer-feature,.prayer-window,.dialogue-pair>div,.prompt,.band,.context-picker,.detail,.entry,.empty){border-radius:3px}
body .story-crop,body .painted-detail,body .question-illustration img{border-radius:3px}body .library-home h1,body .welcome h1,body .development-studio h1{font-size:clamp(42px,5.5vw,68px)}body .card,.artifact{transition:none}
/* The approved image fade becomes the shared home invitation; reading stays quiet. */
body.is-landing main:has(.landing-hero){max-width:none;padding:0}body .landing-hero{padding:54px 5% 0;background:linear-gradient(90deg,rgba(5,9,7,.86),rgba(5,9,7,.28)),url('assets/gallery-hero.png') center top/cover no-repeat}body .landing-hero h1{font-size:clamp(44px,6vw,78px)}body .landing-hero :is(.landing-deck,.landing-note){color:#f3eee3}body .landing-kicker{color:#f3eee3}body .product-composition{height:auto;padding-bottom:40px;margin-top:44px}body .artifact{transform:none;margin-top:0;min-height:240px;border-radius:3px}body .artifact:hover{transform:none;box-shadow:none}body .question-artifact h2{font-size:36px}body.is-landing main>:is(.perspective-strip,.landing-section,.feature-section,.closing-section){max-width:1180px;margin-inline:auto;padding-inline:24px}
/* Preserve diagram distinctions while adapting legibility to the dark canvas. */
body .mini-atlas circle{fill:var(--fog);stroke:var(--ink)}body .mini-atlas text,body .map text{fill:var(--ink)}body :is(.diagram-trace,.garden-legs){stroke:#e3c88e}body .diagram-under{stroke:#49594c}body .diagram-branch{stroke:#869687}body :is(.diagram-person,.garden-bed,.garden-pot){fill:#364735;stroke:#e3c88e}body :is(.diagram-rest,.need-orbit,.eco-ring){fill:#19261e;stroke:#95a590}body :is(.diagram-dot,.life-ribbon circle){fill:#e3c88e}body :is(.need-orbit.lit,.eco-ring.lit,.horizon-ring){fill:#8c784b;stroke:#f1d59a}body .herb-stem{fill:#aabd9c;stroke:#aabd9c}body .faint{opacity:.5}body .map .node circle{fill:#27382b;stroke:#b1c0a9}body .map .node:hover circle,body .map .node:focus circle{stroke:#f1d59a}
/* Shared selection rule follows neutral surface overrides. */
body :is(.chapter.active,.map-index button.active,.timeline button.active,.framework-nav .active,.tour-steps .current,.lesson-nav a.active,.prayer-steps a[aria-current],.wisdom-choices a[aria-current=page],.life-controls button[aria-pressed=true],.lab-controls button[aria-pressed=true],.framework-choices button[aria-pressed=true],.wisdom-lenses button[aria-pressed=true]){background:#eee3cf;color:#10150f;border-color:#eee3cf}
body :focus-visible{outline:3px solid #f1d59a!important;outline-offset:5px}body summary{cursor:pointer}body .back{min-height:44px;display:inline-flex;align-items:center}body :is(.fl-page,.lesson-body,.reading,.story-reader) p{overflow-wrap:break-word}
@media(max-width:800px){body header nav{gap:8px 20px}body .product-composition{grid-template-columns:1fr;height:auto;max-width:600px}body .artifact{min-height:0}body .landing-hero{padding:36px 22px 0}body .landing-hero h1{font-size:46px}body .grid,body .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:not(.is-landing) h1{font-size:clamp(38px,7vw,54px)}}
@media(max-width:550px){body .grid,body .library-grid{grid-template-columns:1fr}body header{gap:16px}body .notice{line-height:1.6}body .landing-hero h1{font-size:42px}body .product-composition{gap:16px}body .artifact h2{font-size:30px}body :is(.card,.age-card,.lesson-card,.discovery-card){padding:22px 4px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body .map .node[aria-pressed=true] circle{fill:#766342;stroke:#f1d59a}body .map line[stroke='#95624c']{stroke:#e3b789}body .legend span[style]{color:#e3b789!important}body .wisdom-pair article,body .wisdom-comparison,body .wisdom-choices a{border-radius:3px}
body.is-landing .landing-hero{animation:none;background-image:linear-gradient(180deg,rgba(11,16,15,.7) 0,rgba(11,16,15,.45) 420px,#0b100f 760px),url('assets/gallery-hero.png');background-size:100% 100%,auto 780px;background-repeat:no-repeat;background-position:top center}body.is-landing .landing-story{padding-inline:24px}body .question-stack a,body .question-stack a:nth-child(2){transform:none;border-radius:3px}body .question-stack a:hover{transform:none}body .landing-hero .welcome-art{margin-top:42px}body .landing-hero .welcome-art img{border-radius:3px}
