/* Following Jesus — luminous landscape and glass throughout the Finder. */
html[data-appearance] body[data-theme]{--ink:#f4f5fc;--muted:#c4d2e5;--accent:#a6efff;--line:#a7c9f744;--surface:#0c203bee;--page:#08172b;--tint:#243654;--nav-surface:#102947eb;--outer:#061021;background:var(--outer);color:var(--ink)}
html[data-appearance] body[data-theme=green]{--accent:#d5f6c7}html[data-appearance] body[data-theme=teal]{--accent:#a5ffee}html[data-appearance] body[data-theme=orange]{--accent:#ffdaaf}html[data-appearance] body[data-theme=purple]{--accent:#dfc5ff}html[data-appearance] body[data-theme=gold]{--accent:#ffe0a8}
html[data-appearance=warm] body[data-theme]{--scene-wash:#49300c22;--tint:#3a3742}html[data-appearance=rose] body[data-theme]{--scene-wash:#70275133;--tint:#3b2d4e}html[data-appearance=forest] body[data-theme]{--scene-wash:#0d553c33;--tint:#153d42}html[data-appearance=midnight] body[data-theme]{--scene-wash:#02051666;--tint:#1d283d}
.app{background:transparent!important;min-height:100dvh}.finder-atmosphere{background:#07182d!important;display:block;z-index:-1}
.finder-atmosphere:before{content:'';position:absolute;inset:0;background:var(--scene-wash,transparent);z-index:2;pointer-events:none}
body .journey-landscape{display:block!important;position:absolute;inset:0;background:linear-gradient(180deg,#03102118,#08172b33 65%,#06112677),url('assets/scene/journey-dawn.webp') center 35%/cover no-repeat!important;transform:none!important;animation:none!important}
body .journey-aurora,body .journey-sparks,body .ambient-glow,body .ambient-dots{display:none!important}
body .finder-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(#05162a11,#04162d33)!important;pointer-events:none}
body:not([data-view=home]) .journey-landscape{background:linear-gradient(180deg,#04132b88,#07162bbd 60%,#07162bd9),url('assets/scene/journey-dawn.webp') center 35%/cover no-repeat!important}
body[data-view=article] .journey-landscape{background:linear-gradient(180deg,#04132b88,#07162bd9 35%,#07162bef),url('assets/scene/journey-dawn.webp') center 35%/cover no-repeat!important}
header{background:linear-gradient(#07152c99,transparent);padding-top:22px;min-height:95px}.wordmark{font-family:'Finder Serif',Georgia,serif;font-weight:400;color:#f4f6ff;font-size:1.2rem}.wordmark b{font-weight:400;color:#f4f6ff}.wordmark small{font-family:var(--reader-font);color:#c3d1e8}.icon-button{background:#14304f99;border-color:#c5e1ff55;color:#dbf0ff;backdrop-filter:blur(8px)}
.offline-bar button{background:#0b2543c9;color:#d8e9fc!important;border-color:#a8ceee44;backdrop-filter:blur(8px)}
main{padding-top:7px}h1{font-family:'Finder Serif',Georgia,serif;font-weight:400;font-size:2rem;color:#fff;line-height:1.2;text-shadow:0 2px 9px #020b25}h2{color:#edf4ff}a,.text-link,.heading button{color:var(--accent)}.intro,.entry-question,.entry-invitation,.gentle-note,.footnote,.source-badge{color:var(--muted)}
.story-art{display:block;overflow:hidden;pointer-events:none}
svg.story-art{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.story-icon{position:relative;display:block;overflow:hidden;border-radius:14px;border:1px solid #b7e2ff55;box-shadow:0 0 12px #8dd7ff1c;filter:none!important;flex-shrink:0;background:#071a32}
.story-icon svg.story-art{position:absolute;width:100%;height:100%;inset:0}
.story-heading{position:relative;isolation:isolate;min-height:188px;border:1px solid #a8deff66;border-radius:24px;margin:4px 0 25px;overflow:hidden;display:flex;align-items:center;padding:24px;background:#0b203b;box-shadow:inset 0 0 25px #91d3ff22,0 10px 30px #0003}
.story-heading>svg{left:28%;width:72%}.story-heading:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07172def 12%,#07172db0 45%,#07172b11);z-index:0}.story-heading>div{z-index:1;position:relative;max-width:85%}.story-heading h1{font-size:1.95rem}.story-heading .intro{font-size:.84rem;margin:12px 0 0;max-width:90%;color:#d9e7f6;text-shadow:0 1px 4px #001028}
body[data-view=article] main>h1{margin-top:12px}.article-identity{color:var(--accent);margin-top:8px}.article-identity .story-icon{width:64px;height:64px;flex-basis:64px;border-radius:18px}
html[data-appearance] [data-tone]{--item-accent:var(--accent);--item-line:#a4d2f05c;--item-tint:#1c3855}
.tile,.full-choice,.layer-button,.guide-section,.mentor-prompt,.entry-source,.empty{border:1px solid #b9d7f34a;background:linear-gradient(120deg,#143251d9,#14203bd9)!important;color:#edf5ff;box-shadow:inset 0 1px 1px #ffffff18,0 7px 20px #0002;backdrop-filter:blur(8px);border-radius:20px}
.tile{padding:15px 48px 15px 14px;min-height:94px;gap:15px}.tile .label{font-size:1rem;line-height:1.4}.tile .label small{color:#c3d2e6;font-size:.79rem;line-height:1.45;margin-top:6px}.tile .nav-symbol{width:60px;height:60px;flex-basis:60px}.tile.topic .nav-symbol{width:56px;height:56px;flex-basis:56px}.tile .arrow{color:var(--accent);background:#5ca8d91a;border-color:#a9d0f055}.tiles{gap:15px}.tile:hover,.full-choice:hover{border-color:var(--accent)}
.section-switcher{background:#0a213bcf;border:1px solid #b1d9f540;padding:6px;border-radius:18px;gap:5px;backdrop-filter:blur(10px)}.section-switcher button{color:#c7d5e7;min-height:48px;white-space:normal}.section-switcher button[aria-pressed=true]{background:linear-gradient(135deg,#315f70b0,#384466cc);color:#fff;border:1px solid #b5e5ef70;box-shadow:inset 0 1px 2px #ffffff22}
.full-choice{min-height:90px;padding:14px 44px 14px 13px;margin-top:15px}.full-choice strong{color:#f2f6ff}.full-choice small{color:#c1d4e7;font-size:.78rem}.full-choice .action-symbol,.layer-button .action-symbol{width:52px;height:52px;flex-basis:52px}.full-choice[aria-expanded=true],.layer-button[aria-expanded=true]{border-color:var(--accent);background:linear-gradient(115deg,#204662ed,#1c2d4ae8)!important;box-shadow:0 0 16px #78d9ff1c}
.layer{background:#0a1d36f5!important;border:1px solid #acd7f155;box-shadow:0 8px 30px #0003;border-radius:20px;padding:23px 20px;color:#edf3ff}.layer p,.layer li{line-height:1.8}.layer h2,.layer h3{color:#f5f6ff}.answer,.entry-orientation{background:linear-gradient(110deg,#193b53eb,#182a49ee)!important;color:#f4f8ff;border-color:var(--accent);border-radius:0 20px 20px 0;box-shadow:0 8px 24px #0002}.verse{background:#1b3450!important;border-color:var(--accent);color:#f4f7ff}.pill{background:#223c5de6;color:var(--accent);border:1px solid #9ed1ec55}.pill[aria-pressed=true]{background:#224d54;color:#e3fff0;border-color:#a4e7d4}.source-badge{background:#102b4488}.guide-section summary,.entry-source summary,.mentor-prompt summary{color:#e4efff}.guide-body,.guide-body p,.entry-source p,.mentor-prompt p,.mentor-prompt li{color:#d6e3f5}.selah-pause{background:#26354b!important;border-color:#ffe0a877}.related{margin-top:28px}.searchbox{background:#102945dc;border-color:#b0dfff77;backdrop-filter:blur(10px);color:#f4f8ff}.searchbox input{color:#fff}.searchbox input::placeholder{color:#bfcee0;opacity:1}.searchbox>span{color:#bbf2ff}
nav,body[data-view=home] nav{background:linear-gradient(120deg,#0a3551df,#293354e8)!important;border-color:#b0dcff77;box-shadow:inset 0 1px 3px #ffffff33,0 10px 35px #00112a88;color:#e3edfb;backdrop-filter:blur(16px)}nav button{color:#cbd8ec}nav .active,body[data-view=home] nav .active{color:#8afaff}nav .active:after,body[data-view=home] nav .active:after{background:#8afaff}nav button>span{filter:drop-shadow(0 0 5px #77efff70)}
#appearanceDialog,#offlineDialog{background:#0c203bf7;color:#edf4ff;border-color:#a4cce877}#appearanceDialog h2,#offlineDialog h2{color:#fff}.appearance-preview{background:#213650}.appearance-save{background:#c8efff;color:#102439!important}.appearance-cancel{background:#29415e}.preview-choice{background:#122a43}.theme-option:has(input:checked),.appearance-choices label:has(input:checked){background:#24415c}.appearance-head .icon-button{background:#284764}.fh-dialog{background:linear-gradient(145deg,#122d4bf5,#151d37fa);border-color:#a7deff66}.fh-dialog .fh-brand span{font-size:1.4rem}.fh-dialog .fh-brand{letter-spacing:2px}.fh-menu-links button{color:#dbe8fc}.fh-menu-links svg{color:#b5eaff}
/* Home: match the original composition, with scenery and symbols in each card. */
body[data-view=home] main{padding-left:20px;padding-right:20px}.story-home .fh-top{padding:22px 0 18px;align-items:flex-start}.story-home .fh-brand{font-weight:400;color:#c5d7f4;letter-spacing:3px;font-size:.69rem}.story-home .fh-brand>span{font-family:'Finder Serif',Georgia,serif;font-weight:400;font-size:1.8rem;letter-spacing:7px;margin:1px 0 4px;padding-left:7px;color:white}.story-home .fh-brand>small{display:block;font-size:.56rem;letter-spacing:3.6px;margin-top:7px}.story-home .fh-round,.story-home .fh-avatar{background:#1f658055;border-color:#b5e9ff66;box-shadow:inset 0 1px 1px #fff2,0 0 14px #76e3ff22}.story-home .fh-welcome{padding:15px 2px 21px}.story-home .fh-welcome h1{font-size:2.4rem;line-height:1.15;margin:0 0 9px;letter-spacing:-1px}.story-home .fh-welcome>p:last-child{font-size:1rem;letter-spacing:.4px;color:#d9e9fc}.story-home .fh-search{min-height:58px;border-radius:29px;background:linear-gradient(110deg,#17658070,#41558366);border-color:#afe8ff99;box-shadow:inset 0 1px 4px #c7e9ff33,0 0 17px #69d0fc20;backdrop-filter:blur(8px)}.story-home .fh-search svg{width:27px;height:27px;color:#e8f7ff}
.story-home .fh-question-section{margin-top:22px}.story-home .fh-q-face{min-height:220px;border-radius:24px;padding:23px;isolation:isolate}.story-home .fh-q-front{background:#061d38!important;backdrop-filter:none;border:1px solid #8ae4ffb3;box-shadow:inset 0 0 20px #6eb7ff33,0 0 16px #3dcfff26,0 12px 25px #0003}.story-home .fh-q-front>.story-art{left:30%;width:70%;z-index:-2}.story-home .fh-q-front:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06172aeb 15%,#071a36bb 46%,#071a3610);z-index:-1}.story-home .fh-q-mark,.story-home .fh-q-orbit{display:none}.story-home .fh-q-label{font-size:1.7rem;max-width:68%;line-height:1.18;color:#fff;letter-spacing:-.7px}.story-home .fh-tap{margin-top:20px;color:#deeeff;font-size:.78rem}.story-home .fh-q-back{background:linear-gradient(135deg,#112f4cf9,#283258f9);min-height:220px}.story-home .fh-q-controls{margin:1px 3px 0;font-size:.68rem}.story-home .fh-q-controls button{font-size:.7rem}.story-home .fh-pathways{margin-top:13px}.story-home .fh-section-head{margin-bottom:13px}.story-home .fh-section-head h2{font-family:'Finder Serif',Georgia,serif;font-size:1.6rem;font-weight:400}.story-home .fh-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.story-home .fh-path{position:relative;isolation:isolate;min-height:240px;padding:19px 17px;justify-content:flex-end;border-radius:22px;background:#0a1d35!important;border:1px solid #99ecffa3;box-shadow:inset 0 0 18px #7ac6ff18,0 0 15px #26e9ee14,0 10px 23px #00102d44;overflow:hidden}.story-home .fh-path>.story-art{z-index:-2}.story-home .fh-path:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#05152b88 58%,#05152bf2);z-index:-1}.story-home .story-path-copy{display:grid;gap:7px;max-width:100%;padding-bottom:28px}.story-home .fh-path-label{display:block;font-family:'Finder Serif',Georgia,serif;font-size:1.35rem;font-weight:400;letter-spacing:-.3px;max-width:100%;line-height:1.14;color:#fff;text-shadow:0 1px 5px #001}.story-home .fh-path-desc{display:block;font-size:.77rem;color:#d4e5f8;max-width:100%;line-height:1.4}.story-home .fh-path-arrow{position:absolute;right:14px;bottom:14px;width:31px;height:31px;border:1px solid #d6efffcc;border-radius:50%;display:grid;place-items:center;color:#ecfaff;font-size:1rem}
.story-home .fh-path-first{grid-column:1/-1;min-height:186px;justify-content:center;padding:24px}.story-home .fh-path-first>.story-art{left:22%;width:78%}.story-home .fh-path-first:after{background:linear-gradient(90deg,#03182be8 5%,#03182b99 39%,transparent 68%)}.story-home .fh-path-first .story-path-copy{max-width:56%;padding-bottom:0}.story-home .fh-path-first .fh-path-label{font-size:2rem}.story-home .fh-path-first .fh-path-desc{max-width:160px;font-size:.82rem}.story-home .fh-path-first .fh-path-arrow{left:24px;right:auto;bottom:13px;width:26px;height:26px}.story-home .fh-path-first .story-path-copy{padding-bottom:25px}
.story-home .fh-path-exploring{grid-column:auto;padding:19px 17px}.story-home .fh-path-exploring .fh-path-label{font-size:1.35rem}.story-home .fh-path-exploring .fh-path-arrow{right:14px;bottom:14px}.story-home .fh-path-exploring .fh-path-desc{font-size:.77rem}.story-home .fh-path-exploring{border-color:#c1a2ffb3!important}.story-home .fh-path-deeper{border-color:#a3ffe7a3!important}.story-home .fh-path-living{border-color:#ffd597a3!important}.story-home .fh-path-helping{border-color:#dfb8ffa3!important}
.story-home .fh-prayer,.story-home .fh-reflection{position:relative;isolation:isolate;overflow:hidden;min-height:145px;border-radius:22px;background:#172238!important;border:1px solid #ffd8a499;box-shadow:inset 0 1px 3px #fff2,0 7px 22px #0003;backdrop-filter:none}.story-home .fh-prayer>.story-art,.story-home .fh-reflection>.story-art{left:34%;width:66%;z-index:-2}.story-home .fh-prayer:after,.story-home .fh-reflection:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102038f2 15%,#10203899 60%,#10203811);z-index:-1}.story-home .fh-prayer>span{max-width:72%}.story-home .fh-prayer strong{font-family:'Finder Serif',Georgia,serif;font-size:1.35rem;color:#fff;font-weight:400;line-height:1.2;margin:7px 0}.story-home .fh-prayer small{font-size:.59rem;color:#ffe9bd}.story-home .fh-prayer>svg:not(.story-art){margin-left:auto}.story-home .fh-reflection{padding:23px;min-height:178px}.story-home .fh-reflection h2{max-width:76%;font-size:1.3rem;color:white}.story-home .fh-reflection .fh-section-head{margin-bottom:11px}.story-home .fh-reflection p{max-width:80%;color:#dce7f6}.story-home .fh-reflection .fh-kicker{color:#ffeac8;font-size:.57rem;max-width:65%}.story-home .fh-reflection>small{color:#d4dfee;font-size:.67rem}.story-home .fh-reflection button{color:#fff3d8}.story-home .fh-footer{font-size:.72rem}
@media(max-width:370px){.story-home .fh-welcome h1{font-size:2rem}.story-home .fh-path{min-height:220px;padding:16px 12px}.story-home .fh-path-first{min-height:180px;padding:21px}.story-home .fh-path-label,.story-home .fh-path-exploring .fh-path-label{font-size:1.15rem}.story-home .fh-path-first .fh-path-label{font-size:1.7rem}.story-home .fh-q-label{font-size:1.45rem;max-width:72%}.story-home .fh-q-face{padding:20px}.story-heading{padding:20px}.story-heading h1{font-size:1.7rem}.story-home .fh-path-desc{font-size:.72rem}.story-home .fh-path-exploring{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Keep decorative symbols compact beside flexible section labels. */
.full-choice>.story-icon,.layer-button>.story-icon{flex:0 0 52px;min-width:52px;width:52px;height:52px}.full-choice>span:not(.arrow):not(.story-icon){flex:1;min-width:0}.fh-prayer .story-art{flex:none}
.full-choice>span.story-icon:not(.arrow),.layer-button>span.story-icon:not(.arrow){flex:0 0 52px!important;min-width:52px;max-width:52px;width:52px;height:52px}

.story-heading.find-heading > svg.story-art {
  left: 0;
  width: 100%;
}
.story-heading.find-heading::after {
  background: linear-gradient(90deg, #07172de8, #07172db8 62%, #07172d40);
}