.experience{animation:suite-appear .5s ease-out}.suite-heading{max-width:680px}.suite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:25px 0}.suite-welcome{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:30px;border:1px solid #cdb87f;border-radius:20px;background:linear-gradient(120deg,#fff9e6,#edf3fc);margin:30px 0}.suite-welcome>div{flex:1;min-width:200px}.suite-welcome h2{margin:5px 0}.suite-welcome p{margin:0}.portal{text-align:left;border:1px solid var(--line);border-radius:16px;background:#fffdf6;padding:26px;color:var(--ink);display:grid;gap:14px;transition:transform .2s,box-shadow .2s}.portal:hover{transform:translateY(-3px);box-shadow:0 12px 28px #142c5112}.portal span{font-size:10px;letter-spacing:.2em;color:var(--gold)}.portal strong{font:26px/1.2 Georgia,serif}.portal small{color:var(--muted)}.suite-label{display:block;font-size:14px;font-weight:600;margin:15px 0}.suite-label input,.suite-label textarea{display:block;width:100%;margin-top:8px;max-width:100%;font-weight:400}.scene-picker{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.scene-picker button{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:12px 22px}.scene-picker [aria-pressed=true]{background:var(--ink);color:#fff6de}.living-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;min-height:500px;display:grid;place-items:center;background:linear-gradient(#b7cde7,#ffecb0);color:#213450;transition:background 1s}.scene-orb{position:absolute;width:230px;height:230px;top:10%;left:calc(50% - 115px);border-radius:50%;background:#fffbe7;box-shadow:0 0 90px 50px #fff7d080;animation:scene-breathe 12s ease-in-out infinite alternate;z-index:-1}.scene-horizon{position:absolute;inset:65% -10% -15%;background:repeating-radial-gradient(ellipse at 50% 0,#fff9e6 0 18px,#ffffff77 20px 35px);transform:rotate(-2deg);animation:scene-drift 18s ease-in-out infinite alternate;z-index:-1}.scene-clouds{position:absolute;inset:25% -20% -25%;background:radial-gradient(ellipse at 20% 70%,#fff 0 20%,transparent 45%),radial-gradient(ellipse at 70% 75%,#fff 0 20%,transparent 48%);filter:blur(28px);opacity:.8;animation:scene-drift 28s ease-in-out infinite alternate-reverse;z-index:-1}.scene-caption{text-align:center;max-width:580px;padding:40px 22px;border-radius:24px;background:#fffaf0bd;backdrop-filter:blur(5px);margin:30px}.scene-caption .eyebrow{color:#79571a}.scene-caption p{font:clamp(25px,4vw,38px)/1.4 Georgia,serif;color:#213450}.scene-ocean{background:linear-gradient(#aecadc 0%,#ffe1a0 54%,#4f8aa0 55%,#113b61 100%)}.scene-ocean .scene-horizon{inset:56% -30% -10%;background:repeating-radial-gradient(ellipse at 50% -40%,#ffe9b94d 0 2px,transparent 4px 19px);animation-duration:7s}.scene-ocean .scene-clouds{opacity:.25}.scene-garden{background:linear-gradient(#c0d1b1,#718d61 60%,#193e32)}.scene-garden .scene-horizon{inset:50% -15% -40%;border-radius:50%;background:radial-gradient(ellipse at 20% 20%,#779356,transparent 50%),radial-gradient(ellipse at 85% 10%,#9cab6b,transparent 45%),#234c39}.scene-garden .scene-orb{width:110px;height:110px;left:20%;opacity:.7}.scene-garden .scene-clouds{opacity:.15}.scene-sparkles{position:absolute;inset:0;z-index:-1;display:none;background-image:radial-gradient(#fff7da 1px,transparent 2px),radial-gradient(#ffffffa0 1px,transparent 1.5px);background-size:89px 79px,137px 119px;background-position:10px 18px,55px 69px;animation:scene-breathe 6s ease-in-out infinite alternate}.scene-sparkles.scene-sparkles{pointer-events:none}.scene-sparkles~.scene-caption{position:relative}.scene-sparkles:not(.living-scene){display:none}.living-scene.scene-stars{display:grid;background:linear-gradient(#071323,#22354d)}.living-scene.scene-stars>.scene-sparkles{display:block}.living-scene.scene-stars .scene-orb{width:110px;height:110px;left:70%;box-shadow:0 0 65px #bcced940;background:#cddce6}.living-scene.scene-stars .scene-horizon{background:#0b1b2b;inset:80% -10% -15%;border-radius:50%}.living-scene.scene-stars .scene-clouds{opacity:.08}.scene-simple *,.scene-simple{animation:none!important}.immersive-page{padding:clamp(22px,5vw,70px);border:1px solid #d6c79e;border-radius:24px;background:radial-gradient(ellipse at top,#fff4d6,#f8fafb);font:28px/1.9 Georgia,serif}.immersive-verse{padding:22px 16px;margin:0 0 10px;border-radius:14px;border-left:3px solid transparent}.immersive-verse.is-speaking{background:#f2dfab;border-color:#9b7325}.immersive-verse sup{font:12px system-ui;color:var(--gold);margin-right:8px}.immersive-tools{display:flex;gap:16px;flex-wrap:wrap;font:14px system-ui}.story-timeline{position:relative;display:grid;gap:10px;align-content:start;max-height:780px;overflow-y:auto;padding-right:10px}.story-timeline button{text-align:left;border:1px solid var(--line);border-left:3px solid #c4a05a;border-radius:0 12px 12px 0;background:var(--sol-button-face);padding:16px;color:var(--ink)}.story-timeline button[aria-pressed=true]{background:#fff0c9;border-left-color:#79591c}.story-timeline small{display:block;color:var(--muted);margin-top:5px}.universe-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:26px}.universe-layout aside{align-self:start;position:sticky;top:15px}.universe-map{width:100%;height:auto;background:#e9eef0;border-radius:14px}.universe-map text{font:12px system-ui;fill:#233a4b}.universe-map .map-land{fill:#e2d7bb}.universe-map circle{fill:#846127;stroke:#fff;stroke-width:2}.universe-map .selected circle{fill:#185978;r:8}.universe-map g[role=button]{cursor:pointer}.universe-map g:focus{outline:none}.universe-map g:focus circle{stroke:#172e55;stroke-width:4}.prayer-garden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}.prayer-plant{padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(#fffdf5,#f2f5e9);overflow-wrap:anywhere}.plant-illustration{height:110px;display:grid;place-items:center;font-size:76px;line-height:1;color:#5c8150}.prayer-plant h3{font:25px Georgia,serif}.prayer-plant p{white-space:pre-wrap}.garden-updates{border-left:2px solid var(--line);padding-left:15px;font-size:14px}.book-choice{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding:18px 0}.book-choice input{margin-top:8px}.book-choice span{white-space:pre-wrap;overflow-wrap:anywhere}.book-choice strong,.book-choice small{display:block}.book-choice small{color:var(--muted)}#art-canvas{display:block;max-width:100%;max-height:700px;width:auto;height:auto;margin:25px auto;border-radius:15px;box-shadow:0 14px 45px #142c5120}#moment-clock{font-size:26px;font-variant-numeric:tabular-nums}.suite-grid .card{overflow-wrap:anywhere}.experience a.primary{text-decoration:none;display:inline-block}.night-site .suite-welcome{background:linear-gradient(120deg,#2d2e29,#182635);border-color:#685c40}.night-site .portal,.night-site .prayer-plant,.night-site .story-timeline button{background:#192433;color:var(--ink);border-color:var(--line)}.night-site .story-timeline button[aria-pressed=true]{background:#393528}.night-site .scene-picker [aria-pressed=true]{background:#d7bc80;color:#19202a}.night-site .living-scene{filter:brightness(.72)}.night-site .immersive-page{background:radial-gradient(ellipse at top,#343329,#131e2c);border-color:#685c40}.night-site .immersive-verse.is-speaking{background:#3b382b}.night-site .plant-illustration{color:#a4c48b}.night-site .universe-map{background:#17354a}.night-site .universe-map .map-land{fill:#625c48}.night-site .universe-map text{fill:#f0e7d4}.night-site .universe-map circle{fill:#e5c886}.night-site .universe-map .selected circle{fill:#8bcef0}.night-site .suite-label{color:var(--ink)}@keyframes scene-breathe{from{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1.03)}}@keyframes scene-drift{from{translate:-2% 0}to{translate:3% 2%}}@keyframes suite-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.universe-layout{grid-template-columns:1fr}.universe-layout aside{position:static}.story-timeline{max-height:350px}.living-scene{min-height:420px}.scene-caption{margin:20px}.suite-welcome{padding:24px}.suite-welcome .primary{width:100%}}@media(prefers-reduced-motion:reduce){.experience,.living-scene *{animation:none!important}.portal{transition:none!important}}.reduced-motion .experience,.reduced-motion .living-scene *{animation:none!important}.high-contrast .portal,.high-contrast .prayer-plant,.high-contrast .story-timeline button{border-width:2px}
/* Responsive navigation with room for the complete links list. */
header{flex-wrap:wrap}header nav{flex:1 1 100%;justify-content:center}
@media(max-width:560px){header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:7px 10px calc(7px + env(safe-area-inset-bottom))}.more-menu summary{min-height:48px;display:grid;place-items:center;padding:8px;font-size:13px}.more-menu>div{top:100%;bottom:auto;right:0;left:auto;width:min(320px,calc(100vw - 24px));max-height:65dvh}.more-menu>div .nav{width:100%;font-size:15px;padding:10px 14px}footer{margin-bottom:calc(132px + env(safe-area-inset-bottom))}#toast{bottom:calc(145px + env(safe-area-inset-bottom))}.nav{font-size:13px;line-height:1.2}.suite-welcome{gap:12px}}
#verse-study{padding:22px 0;margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#verse-study-related details{padding:12px!important;border:1px solid var(--line);border-radius:12px;margin:10px 0!important}#verse-study-related p{font-family:Georgia,serif}.person-path{display:grid;gap:5px}.person-path button{text-align:left;padding:10px 12px;border-left:2px solid var(--line)}.person-path [aria-current=step]{background:#f4e6bc;border-color:#a17c35;border-radius:0 8px 8px 0}.night-site .person-path [aria-current=step]{background:#393528}
.immersive-page{position:relative;isolation:isolate;overflow:hidden}.immersive-page::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 0,#fff2c94d,transparent 60%);animation:scene-breathe 18s ease-in-out infinite alternate}.immersive-page[data-scenery=ocean]{background:linear-gradient(145deg,#e9f3f4,#dae8ed)}.immersive-page[data-scenery=garden]{background:linear-gradient(145deg,#f2f4e4,#e1ebdf)}.immersive-page[data-scenery=stars]{background:radial-gradient(ellipse at top,#293950,#101c2b);color:#f0eee5}.immersive-page[data-scenery=stars]::before{background-image:radial-gradient(#fff2c955 1px,transparent 2px);background-size:121px 137px}.immersive-page[data-scenery=stars] .text-button,.immersive-page[data-scenery=stars] a{color:#e6ca8b}.immersive-page[data-scenery=stars] .is-speaking{background:#3b414e}.immersive-page[data-scenery=plain]::before{display:none}.immersive-page[data-scenery=plain]{background:#fcfcf8}.night-site .immersive-page[data-scenery=ocean]{background:linear-gradient(145deg,#192c39,#14222e)}.night-site .immersive-page[data-scenery=garden]{background:linear-gradient(145deg,#203229,#16241f)}.night-site .immersive-page[data-scenery=plain]{background:#131e2c}.reduced-motion .immersive-page::before{animation:none}@media(prefers-reduced-motion:reduce){.immersive-page::before{animation:none}}

/* Open the links downward in normal flow so the viewport cannot clip them. */
header nav{position:static}
.more-menu[open]{flex:1 1 100%;grid-column:1/-1;min-width:0;width:100%}
.more-menu summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none}
.more-menu summary::-webkit-details-marker{display:none}
.more-menu summary::after{content:'▾';font-size:13px}
.more-menu[open] summary{justify-content:flex-start}
.more-menu>div{position:static;inset:auto;top:auto;bottom:auto;left:auto;right:auto;transform:none;width:100%;min-width:0;max-width:100%;max-height:55vh;max-height:55dvh;margin-top:8px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;grid-template-columns:1fr;text-align:left}
.more-menu>div .nav{flex:none;text-align:left;white-space:normal;min-height:46px;padding:12px 16px;width:100%}
@media(max-width:560px){footer{margin-bottom:0}#toast{bottom:calc(24px + env(safe-area-inset-bottom))}}
