:root{color-scheme:light;--forest:#6f501e;--ink:#342a1c;--muted:#6b5f4c;--gold:#e3bc63;--paper:#fcf7eb;--line:#d9cba9;--white:#fff;--focus:#075eb5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1;background:#e8e1d3;color:#655d50;border-color:#9b8c73}button,input,textarea{border-radius:6px}img{max-width:100%;height:auto;display:block}button{white-space:normal}p{margin:0 0 1.15rem}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13;margin:0 0 1.3rem;overflow-wrap:break-word}h1{font-size:clamp(2.5rem,4.7vw,4.5rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.4vw,3.1rem);letter-spacing:-.035em}h3{font-size:1.65rem}em{font-weight:400;color:#766022}cite{font-style:italic}.wrap{width:min(1240px,calc(100% - 5rem));margin-inline:auto}.preview-note{padding:.45rem 1rem;text-align:center;background:var(--forest);color:#f3f0e7;font-size:.875rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-family:Georgia,serif;font-size:1.35rem;line-height:1.2}.brand img{width:68px;height:68px;object-fit:contain;border-radius:50%}.brand small{display:block;font-family:Arial,sans-serif;font-size:.75rem;margin-top:.5rem;color:#6d5924}.site-header nav{display:flex;gap:1.4rem;flex-wrap:wrap}.site-header nav a{font-size:.95rem;text-decoration:none;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}.site-header nav a:hover{border-bottom-color:#8b6d2c}.hero{padding-block:3.5rem 2.8rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.13em;font-weight:700;color:#705a26;margin-bottom:1rem}.lead{font-size:1.15rem;line-height:1.7;max-width:40rem;color:#615440}.start-box{margin-top:1.8rem}.start-box h2{font-size:1.5rem;margin-bottom:.6rem}.start-box>.eyebrow{margin-bottom:.4rem}.start-box>p:not(.eyebrow){max-width:31rem;font-size:.95rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;border:1px solid transparent;text-decoration:none;padding:.8rem 1.35rem;line-height:1.4;font-weight:600;max-width:100%}.primary{background:var(--forest);color:white}.primary:hover:not(:disabled){background:#573d16}.secondary{background:transparent;border-color:#9b8358;color:var(--forest)}.secondary:hover{background:#f2e8d4}.gold{background:var(--gold);color:#392a16}.button span{font-size:1.2rem}.motion-toggle{display:flex;align-items:center;gap:.6rem;font-size:.875rem;min-height:44px;margin-top:.5rem;cursor:pointer}.motion-toggle input{width:20px;height:20px;accent-color:var(--forest)}.selection-status{min-height:1.8em;color:var(--muted);font-size:.875rem!important;margin:.25rem 0 0}.wheel-column{min-width:0}.wheel-figure{margin:0}.wheel-art{position:relative;border-radius:12px;background:white;box-shadow:0 10px 45px #183b2b13;overflow:hidden}.wheel-art>img{width:100%}.wheel-art svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wheel-art path{fill:#ffe28c40;stroke:#ffd269;stroke-width:9;opacity:0;transition:opacity .25s ease}.wheel-art #light-glow{fill:#ffe69077;stroke-width:20}figcaption{text-align:center;font-family:Georgia,serif;font-size:.95rem;margin-top:.9rem;color:var(--muted)}.wheel-text{margin-top:.75rem;font-size:.9rem}.wheel-text summary{cursor:pointer;min-height:44px;padding:.6rem 0;text-align:center;text-decoration:underline;text-underline-offset:4px}.wheel-text h3{font-size:1.25rem;margin-top:1.2rem;margin-bottom:.35rem}.wheel-text>div{padding:1rem;background:#fff;border:1px solid var(--line);border-radius:8px}.reflection-section{padding-block:2.5rem 4rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;border-top:1px solid var(--line);align-items:start}.reflection-panel{border:1px solid var(--line);background:white;border-radius:16px;padding:2rem;box-shadow:0 12px 40px #173b2910;min-width:0}.question-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--muted)}progress{display:block;width:100%;height:6px;accent-color:var(--forest);margin:1rem 0 1.8rem;border:0;border-radius:5px}progress::-webkit-progress-bar{background:#eee4ce;border-radius:5px}progress::-webkit-progress-value{background:var(--forest);border-radius:5px}fieldset{padding:0;margin:0;border:0;min-width:0}legend{font-family:Georgia,serif;font-size:1.65rem;line-height:1.3;margin-bottom:1.2rem;padding:0;max-width:100%}.answer{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;border:1px solid #a18c62;border-radius:7px;margin-bottom:.65rem;cursor:pointer;min-height:48px}.answer input{flex-shrink:0;width:20px;height:20px;accent-color:var(--forest);margin:.2rem 0 0}.answer:has(input:checked){background:#f8f0dd;border:2px solid var(--forest);padding:calc(.9rem - 1px) calc(1rem - 1px)}.question-actions{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.error{color:#a32b25;font-weight:600;margin-bottom:0}.small{font-size:.875rem;color:var(--muted);line-height:1.6}.next-step{border-left:3px solid #a08035;background:#f8f7ef;padding:1rem 1.2rem;margin:1.5rem 0}.next-step p{margin:.4rem 0 0}.text-link{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 0;margin:.5rem 1rem .5rem 0;background:none;border:0;color:var(--forest);text-decoration:underline;text-underline-offset:5px;font-weight:600}.book-section{background:#f6edda;padding:4.5rem 0}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.book-visual{max-width:340px;width:100%;margin:auto}.book-visual>img{width:100%;box-shadow:10px 16px 28px #23372d33;border-radius:2px}.book-tabs{display:flex;gap:.4rem;margin-bottom:1rem;justify-content:center}.cover-tab{min-height:44px;padding:.5rem 1rem;background:transparent;border:1px solid #9b8358;color:var(--ink)}.cover-tab[aria-pressed=true]{background:var(--forest);color:white}.back-placeholder{aspect-ratio:1068/1472;border:1px solid #9c8254;background:#fffdf5;padding:2rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.format-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-block:1.5rem}.format-row span,.status-pill{font-size:.875rem;border:1px solid #ae946b;border-radius:30px;padding:.4rem .8rem;display:inline-block}.book-copy>.small{margin-top:1rem}.course-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-block:4.5rem;border-bottom:1px solid var(--line);align-items:center}.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:4rem;align-items:center;padding-block:4.5rem}.about-section>img{border-radius:12px;max-width:420px;width:100%}.about-section h3{margin-top:1.8rem}.bio-placeholder{padding:.8rem 1rem;border-left:2px solid #9a813c;color:var(--muted);font-size:.95rem}.signup-section{padding:3.5rem 0;background:var(--forest);color:#fff}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.signup-section .eyebrow{color:#edd295}.signup-section .small{color:#e2d3b3}.signup-section h2{font-size:2.4rem}.email-row{display:flex;gap:.6rem;align-items:stretch}.email-row input{flex:1;min-width:0}.signup-section label{color:white}input:not([type=checkbox]):not([type=radio]),textarea{width:100%;min-height:48px;border:1px solid #9b8358;padding:.8rem;background:#fff;color:var(--ink)}textarea{display:block;resize:vertical}form label:not(.answer):not(.motion-toggle){display:block;margin-bottom:.45rem;font-weight:600}form .small{margin-top:.75rem}.form-status{margin:.75rem 0 0;font-weight:600}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-block:4.5rem}.contact-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.email-placeholder{color:#675b45;font-style:italic}.site-footer{border-top:1px solid var(--line);padding-block:1.4rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.7rem;font-size:.875rem;color:var(--muted)}.site-footer p{margin:0}.site-footer a{min-height:44px}.skip-link{position:fixed;top:-200px;left:1rem;background:#fff;color:var(--ink);padding:1rem;z-index:20}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus-visible,textarea:focus-visible{outline-offset:2px}[hidden]{display:none!important}.slide-in{animation:card-in .3s ease-out}@keyframes card-in{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}.no-motion *, .no-motion *::before,.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.hero{gap:4.5rem;padding-block:4rem}.wheel-column{max-width:640px}}
@media(max-width:1050px){.wrap{width:calc(100% - 3rem)}.hero{gap:1.8rem;grid-template-columns:1fr 1fr}.site-header{gap:1rem}.site-header nav{gap:.85rem}.brand{font-size:1.05rem}.brand img{width:56px;height:56px}.book-grid{gap:3rem}.reflection-section{gap:2rem}.signup-grid,.contact-section,.about-section{gap:2rem}.email-row{flex-wrap:wrap}.email-row input{flex-basis:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 2rem)}.site-header{flex-direction:column;align-items:flex-start;gap:.6rem}.site-header nav{width:100%;justify-content:space-between;gap:.3rem}.site-header nav a{font-size:.875rem}.hero{grid-template-columns:1fr;padding-top:2rem;gap:1.5rem}.hero-copy{max-width:36rem}.hero h1{font-size:clamp(2.5rem,8.8vw,3.8rem)}.hero h1 br:nth-child(2){display:none}.wheel-column{max-width:580px;width:100%;margin:auto}.start-box{margin-top:1.3rem}.reflection-section,.book-grid,.course-section,.about-section,.signup-grid,.contact-section{grid-template-columns:1fr;gap:1.6rem}.reflection-section{padding-block:2rem}.reflection-panel{padding:1.3rem}.book-section{padding-block:2.7rem}.book-visual{max-width:290px}.book-copy{padding-top:1rem}.course-section,.about-section,.contact-section{padding-block:2.7rem}.about-section>img{max-width:330px}.signup-section{padding-block:2.7rem}.signup-section h2{font-size:2rem}.contact-inputs{grid-template-columns:1fr}.email-row input{flex-basis:auto}.email-row{flex-wrap:wrap}.email-row button{width:100%}.book-copy h2 br{display:none}.eyebrow{font-size:.78rem}.site-footer{display:block}.site-footer p{margin-bottom:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.button,.answer,.reflection-panel,.start-box,.cover-tab{border:1px solid ButtonText}.answer:has(input:checked){border:3px solid Highlight}.wheel-art path{stroke:Highlight;fill:transparent}a{text-decoration:underline}}
@media print{.preview-note,.site-header nav,.start-box button,.motion-toggle,.book-tabs,form,.site-footer a{display:none}.hero,.book-grid,.course-section,.about-section,.signup-grid,.contact-section{display:block}.wrap{width:100%}.wheel-column{max-width:500px}.signup-section{background:white;color:black}body{background:white}}

/* Wheel-led opening: artwork first, with a single centered question slideshow. */
:root{--gold:#efc35f;--paper:#fffdf6;--focus:#126ace}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preview-note{background:#092d25;color:#fff5da}
.site-header{border-bottom:0;padding-block:.65rem}
.site-header nav a[href="#book"]{color:#765317;font-weight:700;border-bottom:2px solid #b7892d}
.hero.wheel-first{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;margin:0;padding:1.5rem max(1rem,env(safe-area-inset-right)) 2rem max(1rem,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 38%,#70511f 0%,#5b421a 48%,#092b37 100%);border-top:3px solid #ca9c3f;border-bottom:3px solid #ca9c3f;color:#fff9ea}
.wheel-first .wheel-column{width:min(100%,660px);max-width:660px;margin:0 auto}
.wheel-first .wheel-art{border:3px solid #ddb65b;border-radius:8px;box-shadow:0 0 40px #edc56125,0 16px 50px #001b2580}
.wheel-first figcaption{color:#f4dfab;margin:.7rem 0;font-size:1rem}
.wheel-first .start-box{width:min(100%,660px);text-align:center;margin:.5rem auto 0}
.wheel-first .start-box .button{min-width:190px}
.wheel-first .start-box .secondary{color:white;border-color:#e5c373;margin:.5rem}
.wheel-first .start-box .secondary:hover{background:#285749}
.wheel-first .start-box>p{max-width:none}
.wheel-first .wheel-instruction{margin:.8rem 0 .2rem;color:#fff9ea}
.wheel-first .motion-toggle{justify-content:center;margin:0;color:#fff9ea}
.wheel-first .motion-toggle input{accent-color:#ebbd58}
.wheel-first .selection-status{color:#efe0bd}
.wheel-first .wheel-text{width:min(100%,660px);color:#fff1cf;margin-top:.4rem}
.wheel-first .wheel-text>div{color:var(--ink);text-align:left}
.wheel-first :focus-visible{outline-color:#ffe599}
.reflection-section{display:flex;flex-direction:column;gap:1.3rem;max-width:780px;padding-block:3rem;border-top:0}
.reflection-intro{width:100%;text-align:center}
.reflection-intro h2{color:#123f53}
.reflection-intro p{max-width:640px;margin-inline:auto}
.reflection-panel{width:100%;border:2px solid #be943c;border-top:6px solid #123f53;padding:clamp(1.25rem,4vw,2.4rem)}
.reflection-panel .question-top{color:#244d5c}
.reflection-panel .next-step{border-color:#b78522;background:#fff7df}
.book-section{background:#0c394a;color:#fff9ea;border-top:3px solid #d0a347}
.book-copy .eyebrow{color:#f1cf83}.book-copy em{color:#f1cf83}.book-copy .lead,.book-copy .small{color:#e1ebee}.book-copy .text-link{color:#f6d78e}.book-copy .format-row span{border-color:#9bb8be}.book-copy button:disabled{background:#eed69c;color:#3c3622;border-color:#d0b568}
.book-tabs .cover-tab{color:white;border-color:#d6b264}.book-tabs .cover-tab[aria-pressed=true]{background:#edc568;color:#16382e}.back-placeholder{color:var(--ink)}
.signup-section{background:#103f32;border-block:3px solid #c49a41}
@media(max-width:760px){.hero.wheel-first{padding-top:1rem}.wheel-first .wheel-column{max-width:560px}.wheel-first figcaption{font-size:.875rem}.wheel-first .start-box{margin-top:.3rem}.site-header nav a{font-size:.875rem}.reflection-section{padding-block:2rem}.book-copy .format-row{gap:.5rem}}
@media(forced-colors:active){.hero.wheel-first,.book-section{background:Canvas;color:CanvasText}.wheel-first figcaption,.wheel-first .wheel-instruction,.wheel-first .motion-toggle,.wheel-first .selection-status,.wheel-first .wheel-text,.book-copy .lead,.book-copy .small,.book-copy .eyebrow,.book-copy em,.book-copy .text-link{color:CanvasText}.wheel-first :focus-visible{outline-color:Highlight}}
@media print{.hero.wheel-first,.book-section{background:white;color:black}.wheel-first figcaption,.wheel-first .selection-status,.book-copy .lead,.book-copy .small{color:black}}

/* One screen at a time. The wheel uses the available width AND height. */
html:has(.screen-site){height:100%;scroll-behavior:auto}
body.screen-site{height:100svh;height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.screen-site .preview-note{font-size:.75rem;padding:.2rem .75rem;line-height:1.4}
.screen-site .site-header{width:calc(100% - 2rem);padding:.35rem 0;min-width:0}
.screen-site .brand img{width:48px;height:48px}.screen-site .brand{font-size:1.15rem}.screen-site .brand small{font-size:.7rem;margin-top:.25rem}
.screen-site .site-header nav{gap:1rem;align-items:center}
.fullscreen-button{font-size:.875rem;min-height:44px;background:transparent;border:1px solid #9b8358;padding:.3rem .65rem;color:var(--ink)}
.screen-site #main{min-height:0;min-width:0;position:relative;overflow:hidden;background:var(--paper)}
.screen-site #main>section{height:100%;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.screen-site .site-footer{display:none}
.screen-site .hero.wheel-first{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.35rem;padding:.5rem 1rem;overflow:hidden;scrollbar-gutter:auto;transition:opacity .45s ease;opacity:1}
.screen-site .hero.wheel-first.fading{opacity:0;pointer-events:none}
.screen-site .wheel-first .wheel-column{container-type:size;width:100%;height:100%;max-width:none;min-width:0;min-height:0;display:grid;place-items:center}
.screen-site .wheel-figure{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center}
.screen-site .wheel-art{display:block;padding:0;width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;max-height:100%;aspect-ratio:1;border-width:2px;background:white;color:var(--ink);cursor:pointer}
.screen-site .wheel-art>img{width:100%;height:100%;object-fit:contain}
.screen-site .wheel-art:disabled{opacity:1;cursor:wait;background:white;border-color:#ddb65b}
.screen-site .wheel-art:focus-visible{outline-offset:-5px;outline-width:5px;outline-color:#80570b}
.screen-site .wheel-first .start-box{margin:0;width:100%;max-width:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1rem 1.25rem;padding-bottom:env(safe-area-inset-bottom)}
.screen-site .wheel-first .start-box .button{min-width:0;min-height:44px;padding:.5rem 1rem;gap:.7rem}
.screen-site .wheel-first .start-box .secondary{margin:0}
.screen-site .wheel-first .motion-toggle{font-size:.875rem;min-height:44px}
.screen-site .wheel-guide-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:#ffebb9;text-underline-offset:4px}
.screen-site .wheel-first .selection-status{flex-basis:100%;margin:0;font-size:.875rem!important;line-height:1.4;min-height:1.4em}
.screen-site .reflection-section{padding:1rem;max-width:800px;width:100%;gap:.5rem;margin-inline:auto;justify-content:safe center}
.screen-site .reflection-intro h2{font-size:clamp(1.5rem,3.5vh,2.4rem);margin:.1rem 0 .3rem}
.screen-site .reflection-intro .return-wheel{font-size:.875rem;margin:0;min-height:44px;padding:.3rem}
.screen-site .area-guidance{font-size:.9rem;margin-bottom:.5rem}.screen-site .area-guidance summary{cursor:pointer;min-height:36px;display:list-item;list-style-position:inside}.screen-site .area-guidance p{margin:.6rem auto;max-width:620px}
.screen-site .reflection-panel{padding:clamp(1rem,2vh,1.7rem);box-shadow:none;flex-shrink:0}
.screen-site .reflection-panel progress{margin:.6rem 0 1rem}
.screen-site .reflection-panel legend{font-size:clamp(1.3rem,2.8vh,1.7rem);margin-bottom:.8rem}
.screen-site .reflection-panel .answer{padding:.55rem .8rem;margin-bottom:.45rem}
.screen-site .reflection-panel .answer:has(input:checked){padding:calc(.55rem - 1px) calc(.8rem - 1px)}
.screen-site .reflection-panel .question-actions{margin-top:.6rem}
.screen-site .reflection-panel .question-actions .button{padding:.5rem 1rem}
.screen-site .result-panel .next-step{margin:1rem 0}
.screen-site .book-section{padding:1.5rem 0}.screen-site .book-grid{min-height:100%;gap:clamp(1.5rem,4vw,4rem)}
.screen-site .book-visual{max-width:min(330px,38vh)}.screen-site .book-copy h2{font-size:clamp(2rem,4vh,3.1rem)}
.screen-site .course-section,.screen-site .about-section,.screen-site .contact-section{padding-block:2rem;align-content:safe center}
.screen-site .about-section>img{max-height:60vh;width:auto;max-width:100%;object-fit:contain}
.screen-site .signup-section{padding:2rem 0;align-content:safe center}.screen-site .signup-section .text-link{color:#f6d78e}
.screen-site .guide-section{padding-block:1.5rem;max-width:800px}.guide-section h3{font-size:1.4rem;margin-top:1.5rem}
@media(max-width:760px){.screen-site .site-header{gap:0;align-items:center}.screen-site .brand img{width:36px;height:36px}.screen-site .brand{font-size:1rem}.screen-site .brand small{display:none}.screen-site .site-header nav{gap:.65rem;justify-content:center;flex-wrap:wrap}.screen-site .site-header nav a{font-size:.8rem;min-height:44px}.screen-site .fullscreen-button{font-size:.8rem;padding:.2rem .4rem}.screen-site .hero.wheel-first{padding:.3rem .6rem}.screen-site .wheel-first .start-box{gap:0 .65rem}.screen-site .wheel-first .motion-toggle,.screen-site .wheel-guide-link{font-size:.8rem}.screen-site .wheel-first .selection-status{font-size:.8rem!important}.screen-site .reflection-section{padding:.65rem;justify-content:flex-start}.screen-site .reflection-panel{padding:1rem}.screen-site .book-grid{min-height:0;gap:1rem}.screen-site .book-copy{padding-top:0}.screen-site .book-visual{max-width:min(230px,35vh)}}
@media(max-height:520px) and (min-width:600px){.screen-site .brand small{display:none}.screen-site .brand img{width:36px;height:36px}.screen-site .site-header{flex-direction:row}.screen-site .hero.wheel-first{grid-template-columns:minmax(0,1fr) minmax(160px,230px);grid-template-rows:minmax(0,1fr);gap:1rem}.screen-site .wheel-first .start-box{flex-direction:column;gap:.2rem}.screen-site .wheel-first .selection-status{flex-basis:auto}.screen-site .reflection-section{justify-content:flex-start}.screen-site .reflection-panel{padding:.8rem}}
/* At extreme zoom or large text, allow access to overflow instead of clipping it. */
@media(max-width:360px),(max-height:350px){.screen-site .hero.wheel-first{overflow:auto;grid-template-rows:minmax(100px,1fr) auto}.screen-site .wheel-first .start-box{gap:0 .5rem}.screen-site .fullscreen-button{display:none}}
@media(prefers-reduced-motion:reduce){.screen-site .hero.wheel-first{transition:none}}
@media print{body.screen-site{height:auto;display:block;overflow:visible}.screen-site #main{overflow:visible}.screen-site #main>section{height:auto;max-height:none;overflow:visible}.screen-site .hero.wheel-first{display:block;height:auto}.screen-site .wheel-first .wheel-column{container-type:normal;height:auto}.screen-site .wheel-figure{height:auto}.screen-site .wheel-art{width:500px;height:500px}.fullscreen-button{display:none}}

/* Midnight-blue wheel stage. Explicit columns replace the original two-column hero. */
body.screen-site{background:#090f20}
.screen-site .preview-note{background:#070b16;color:#bfc5d2;padding:.16rem .7rem}
.screen-site .site-header{color:#f5ecd6;border-bottom:1px solid #d9b56a55;padding:.35rem 0;position:relative;z-index:10}
.screen-site .brand small{color:#e7c67b}
.screen-site .site-header nav a[href="#book"]{color:#f1cb76;border-bottom-color:#c49a43}
.screen-site .site-header nav a:hover,.screen-site .site-header nav a[aria-current]{border-bottom-color:#e8c774}
.screen-site .site-header :focus-visible{outline-color:#f3d99d}
.display-options{position:relative;font-size:.875rem}
.display-options>summary{min-height:44px;display:flex;align-items:center;gap:.5rem;cursor:pointer;list-style:none}
.display-options>summary::after{content:'⌄'}
.display-options-panel{position:absolute;top:calc(100% + .3rem);right:0;width:min(295px,calc(100vw - 2rem));max-height:65dvh;overflow:auto;padding:1rem;background:#14213a;border:1px solid #d9b56a;box-shadow:0 15px 40px #0007;border-radius:10px}
.display-options-panel .motion-toggle{margin:0;font-size:.875rem;color:#fff3d5;min-height:44px}
.display-options-panel input{accent-color:#e7c67b}
.screen-site .display-options-panel .wheel-guide-link{text-decoration:underline;text-underline-offset:4px;color:#fff3d5;min-height:44px}
.screen-site .display-options-panel .fullscreen-button,.display-options-panel .secondary{background:transparent;color:#fff3d5;border:1px solid #9facbf;margin-top:.7rem;min-height:44px;padding:.5rem .8rem}
.screen-site .hero.wheel-first{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;
 align-items:stretch;gap:.35rem;padding:.6rem 1rem max(.7rem,env(safe-area-inset-bottom));
 background:radial-gradient(ellipse at 50% 46%,#24344c 0%,#121e35 40%,#090f20 76%);
 border:0;opacity:1;
}
.screen-site .hero.wheel-first #hero-title{font-size:clamp(1.2rem,3.3vh,2.4rem);text-transform:uppercase;text-align:center;letter-spacing:.14em;line-height:1.25;margin:0;color:#f0d99f;text-shadow:0 2px 15px #e2b24a26}
.screen-site .wheel-first .wheel-column{grid-column:1;grid-row:2;max-width:none;width:100%;height:100%;min-height:0;container-type:size}
.screen-site .wheel-figure{width:100%;height:100%;display:grid;place-items:center;min-height:0}
.screen-site .wheel-first .wheel-art{width:min(100cqw,104.18cqh);height:min(95.98cqw,100cqh);aspect-ratio:1096/1052;border:0;border-radius:50%;background:transparent;padding:0;overflow:hidden;box-shadow:0 0 0 1px #dec17c55,0 0 36px #e0b34f25,0 15px 45px #0008}
.screen-site .wheel-first .wheel-art:disabled{background:transparent;opacity:1;border:0}
.screen-site .wheel-art .wheel-source{display:block;position:relative;inset:auto;width:100%;height:100%;pointer-events:none}
.screen-site .wheel-art #wheel-light{position:absolute;inset:0;width:100%;height:100%}
.screen-site .wheel-art:focus-visible{outline-color:#f3d99d;outline-offset:-5px;outline-width:5px}
.screen-site .wheel-first .start-box{grid-column:1;grid-row:3;flex-direction:row;display:flex;justify-content:center;align-items:center;padding:.2rem 0 0;margin:0;width:100%;gap:0}
.screen-site .wheel-first .start-box .gold{background:linear-gradient(115deg,#ba8f3d,#f7e3af 46%,#d4aa53);color:#292311;border:1px solid #f7dfa5;border-radius:100px;min-width:210px;min-height:48px;padding:.6rem 1.7rem;letter-spacing:.035em;box-shadow:inset 0 1px 0 #fff7d8,0 4px 18px #0004}
.screen-site .wheel-first .start-box .gold:hover{filter:brightness(1.07)}
.screen-site .wheel-first .start-box .gold:disabled{background:#dbc393;color:#413721;box-shadow:none}
.screen-site .wheel-first .start-box .gold span{font-size:1.1rem}
.screen-site .book-section{background:#11243b}
.screen-site .signup-section{background:#132a3f}
@media(max-width:760px){
 .screen-site .site-header nav{gap:.65rem}.display-options{font-size:.8rem}
 .screen-site .hero.wheel-first{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding:.4rem .65rem max(.55rem,env(safe-area-inset-bottom));gap:.3rem}
 .screen-site .hero.wheel-first #hero-title{font-size:clamp(1rem,4.6vw,1.6rem);letter-spacing:.08em}
 .screen-site .wheel-first .start-box .gold{min-width:180px;min-height:44px;padding:.5rem 1.5rem}
}
@media(max-height:520px) and (min-width:600px){
 .screen-site .hero.wheel-first{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;padding-block:.2rem;gap:.2rem}
 .screen-site .hero.wheel-first #hero-title{font-size:1.05rem}
 .screen-site .wheel-first .start-box{flex-direction:row;grid-column:1;grid-row:3}
 .screen-site .wheel-first .start-box .gold{min-height:44px;padding:.4rem 1.4rem}
}
@media(max-height:350px){.screen-site .hero.wheel-first{overflow:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(100px,1fr) auto}.display-options-panel{max-height:55dvh}}
@media(forced-colors:active){.screen-site .hero.wheel-first{background:Canvas}.screen-site .hero.wheel-first #hero-title,.screen-site .site-header,.screen-site .preview-note{color:CanvasText}.display-options-panel{background:Canvas;color:CanvasText}.screen-site .wheel-first .start-box .gold{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
@media print{.display-options{display:none}.screen-site .hero.wheel-first{display:block;background:white}.screen-site .hero.wheel-first #hero-title{color:black}.screen-site .wheel-first .wheel-column{container-type:normal}.screen-site .wheel-first .wheel-art{width:500px;height:480px}}

/* Waterfall sits behind the approved wheel composition; layout stays unchanged. */
.screen-site .hero.wheel-first{
 background-color:#a9becb;
 background-image:linear-gradient(180deg,rgba(249,243,222,.92) 0%,rgba(249,243,222,.72) 8%,rgba(249,243,222,0) 25%,rgba(19,36,64,.06) 100%),linear-gradient(rgba(249,243,222,.18),rgba(249,243,222,.18)),url('assets/waterfall-daylight.png');
 background-size:cover;background-position:center center;background-repeat:no-repeat;
}
.screen-site .hero.wheel-first #hero-title{color:#132440;text-shadow:0 1px 3px #fff7df}
@media(max-width:760px){.screen-site .hero.wheel-first{background-position:right center}}
@media(forced-colors:active){.screen-site .hero.wheel-first{background-image:none;background-color:Canvas}.screen-site .hero.wheel-first #hero-title{color:CanvasText;text-shadow:none}}
@media print{.screen-site .hero.wheel-first{background-image:none;background-color:white}.screen-site .hero.wheel-first #hero-title{color:black;text-shadow:none}}

/* Give the selected area a readable pause, followed by a gentle transition. */
.screen-site .hero.wheel-first{transition:opacity .9s ease;overflow:auto;grid-template-rows:auto minmax(100px,1fr) auto}
.screen-site .hero.wheel-first.fading{opacity:0;pointer-events:none}
.selected-area{width:min(100%,42rem);padding:.8rem 1.2rem;text-align:center;background:#fbf2df;color:#342a1c;border:2px solid #9b7839;border-radius:14px;box-shadow:0 5px 24px #10291f30}
.selected-area .eyebrow{font-size:.875rem;color:#74531e;margin:0 0 .25rem}
.screen-site .selected-area h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin:0 0 .4rem;line-height:1.15;overflow-wrap:anywhere}
.selected-area .selected-area-hint{font-size:1rem;line-height:1.45;margin:0 0 .65rem}
.screen-site .selected-area :focus-visible{outline-color:#075eb5;outline-offset:3px}
.screen-site #main[data-view="reflection"]{background:#fbf2df}
.screen-site #question-panel{background:#fbf2df;color:#342a1c;border-color:#9b7839;border-top-color:#6f501e}
.screen-site #question-panel .question-top{color:#725a33;font-size:.875rem}
.screen-site #question-panel .answer{background:#fffaf0;border-color:#a18b63}
.screen-site #question-panel .answer:has(input:checked){background:#eee0bb;border-color:#6f501e}
.screen-site #question-panel .secondary:hover:not(:disabled){background:#eee0bb}
.screen-site #result-panel .next-step{background:#6f501e;color:#fff;border:2px solid #6f501e;border-radius:10px;padding:1.2rem 1.35rem}
.screen-site #result-panel .next-step .eyebrow{color:#fff;font-size:.875rem}
.screen-site #result-panel .next-step p{color:#fff;font-size:1.125rem;line-height:1.65}
@media(max-width:760px){.selected-area{padding:.65rem .8rem}.screen-site .selected-area h2{font-size:clamp(1.65rem,6vw,2.2rem)}}
@media(prefers-reduced-motion:reduce){.screen-site .hero.wheel-first{transition:none}}
@media(forced-colors:active){
 .selected-area,.screen-site #main[data-view="reflection"],.screen-site #question-panel,.screen-site #question-panel .answer,.screen-site #question-panel .answer:has(input:checked),.screen-site #result-panel .next-step{background:Canvas;color:CanvasText;border-color:CanvasText}
 .selected-area .eyebrow,.screen-site #question-panel .question-top,.screen-site #result-panel .next-step .eyebrow,.screen-site #result-panel .next-step p{color:CanvasText}
 .screen-site .selected-area :focus-visible{outline-color:Highlight}
}

/* September review: forest-green header, chapter workbook and prayer reading. */
body.screen-site{background:#755421}
.screen-site .preview-note{background:#58401d;color:#f2ecd9;font-size:.875rem}
.screen-site .site-header{background:#755421;color:#fff6df}
.screen-site .display-options-panel{background:#755421}
.screen-site .site-header nav{gap:clamp(.5rem,1.1vw,1rem)}
.screen-site .site-header nav a,.display-options{font-size:.875rem}
.screen-site #main[data-view="workbook"],.screen-site #main[data-view="prayers"]{background:#fcf5e6}
.workbook-section,.prayer-section{padding:clamp(1.2rem,4vw,3rem) 1rem;color:#342a1c;background:#fcf5e6}
.reading-wrap{width:100%;max-width:850px;margin:auto}
.workbook-section h2,.prayer-section h2{font-size:clamp(2rem,5vw,3rem)}
.workbook-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 .65rem}
.file-button{position:relative;overflow:hidden;cursor:pointer}
.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.file-button:focus-within{outline:3px solid #075eb5;outline-offset:4px}
.field-label{display:block;font-weight:700;margin:.75rem 0 .4rem}
#chapter-select{width:100%;max-width:100%;font:inherit;min-height:48px;padding:.75rem;border:1px solid #957949;border-radius:6px;background:#fffef8;color:#342a1c}
#workbook-form{background:#fffef8;padding:clamp(1rem,3vw,2rem);border:1px solid #b6a079;border-top:5px solid #755421;border-radius:10px;margin:1.5rem 0;box-shadow:0 8px 28px #173b2910}
.chapter-heading{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:1.5rem;align-items:start;margin-bottom:1rem}
.chapter-heading h3{font-size:clamp(1.4rem,3vw,2rem);line-height:1.3}
.workbook-prompt{margin-bottom:1.7rem}.workbook-prompt>p{font-size:1.125rem;line-height:1.75}
.workbook-prompt textarea{min-height:140px;line-height:1.65;background:#fffdf7}
#workbook-status{font-weight:600;min-height:1.6em}
.prayer-paper{max-width:740px;background:#fffef8;border:1px solid #b6a079;border-top:5px solid #755421;padding:clamp(1.2rem,5vw,3rem);border-radius:10px}
.prayer-subtitle{font-family:Georgia,serif;font-size:1.4rem;color:#735c36;line-height:1.5}
#home-prayer{font-family:Georgia,serif;font-size:1.2rem;line-height:1.85}
.audio-note{border-top:1px solid #b6a079;padding-top:1rem;color:#735c36}
@media(max-width:950px){.screen-site .site-header{flex-direction:column;gap:.1rem}.screen-site .site-header nav{justify-content:center;flex-wrap:wrap}}
@media(max-width:520px){.chapter-heading{grid-template-columns:minmax(0,1fr)}.screen-site .site-header nav{gap:.1rem .65rem}.screen-site .site-header nav a{font-size:.875rem}.workbook-toolbar .button{width:100%}#chapter-select{font-size:1rem}.chapter-heading>div{max-width:100%}}
@media(max-height:450px){body.screen-site{height:auto;min-height:100dvh;overflow:auto;grid-template-rows:auto auto minmax(280px,1fr)}.screen-site #main>section{height:auto;min-height:280px;max-height:none;overflow:visible}.screen-site .hero.wheel-first{height:75dvh;min-height:280px}}
@media(forced-colors:active){body.screen-site,.screen-site .preview-note,.screen-site .site-header,.screen-site .display-options-panel,.workbook-section,.prayer-section,.prayer-paper,#workbook-form,#chapter-select,.screen-site #main[data-view="workbook"],.screen-site #main[data-view="prayers"]{background:Canvas;color:CanvasText;border-color:CanvasText}.prayer-subtitle,.audio-note{color:CanvasText}}

/* Book and author colors approved in the meeting. */
.screen-site .book-section{background:#755421;color:#fff9ea}
.screen-site .book-copy .lead,.screen-site .book-copy .small{color:#e7efdf}
.screen-site .book-section :focus-visible{outline-color:#f3d99d}
.screen-site #main[data-view="about"]{background:#fcf5e6}
.screen-site .about-section{background:#fcf5e6;color:#342a1c}
@media(forced-colors:active){.screen-site .book-section,.screen-site #main[data-view="about"],.screen-site .about-section{background:Canvas;color:CanvasText}.screen-site .book-copy .lead,.screen-site .book-copy .small{color:CanvasText}.screen-site .book-section :focus-visible{outline-color:Highlight}}

/* Golden-ratio author composition; retain the complete full-length portrait. */
.screen-site .about-section{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start;align-content:start}
.screen-site .about-section>img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:12px}
.screen-site .about-section>div{min-width:0}
@media(max-width:760px){.screen-site .about-section{grid-template-columns:minmax(0,1fr)}.screen-site .about-section>img{max-width:360px;justify-self:center}}

/* September author review: covers and workbook navigation. */
.contact-address{overflow-wrap:anywhere}
.back-cover-text{margin:1.2rem 0;max-width:48rem}
.back-cover-text summary{cursor:pointer;min-height:44px;padding:.6rem 0;text-decoration:underline}
.back-cover-text h3{font-size:1.35rem;margin-top:1rem}
.workbook-navigation{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.workbook-navigation .button{flex:1 1 150px}
.remember-label{display:flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer}
.remember-label input{width:22px;height:22px;accent-color:#755421}
.prompt-explanation{font-size:1rem!important;line-height:1.6!important;color:#345144;max-width:65ch}
.completion-tools{margin-block:2rem}
.completion-tools h3{font-size:1.5rem}
dialog{width:min(600px,calc(100% - 2rem));max-height:90dvh;overflow:auto;background:#fffdf6;color:#342a1c;border:2px solid #927328;border-radius:12px;padding:1.5rem}
dialog::backdrop{background:#0b251dbb}
dialog input{width:100%;min-height:44px;padding:.6rem;border:1px solid #9b8358}
#certificate-error{color:#9b2525}
@media(max-width:480px){.workbook-navigation{flex-direction:column}.workbook-navigation .button{flex:auto;width:100%}}
@media(forced-colors:active){.prompt-explanation{color:CanvasText}dialog{background:Canvas;color:CanvasText;border-color:CanvasText}}

/* Additional actions share the existing readable result panel. */
#result-alternatives{padding-inline-start:1.35rem;margin:.65rem 0;overflow-wrap:anywhere}#result-alternatives li{margin-block:.7rem;line-height:1.65}

/* Keep the next reflection easy to find after the action suggestions. */
.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.result-actions .button{min-height:48px;max-width:100%;white-space:normal;text-align:center}.result-actions .secondary{background:transparent;color:var(--ink);border:1px solid currentColor}
@media(max-width:600px){.result-actions{flex-direction:column;align-items:stretch}.result-actions .button{width:100%}}
@media(forced-colors:active){.result-actions .button{color:ButtonText;background:ButtonFace;border:1px solid ButtonText}}

/* One quiet reading area; the audio element is the only playback control. */
.screen-site #main>.prayer-preview{padding:clamp(.7rem,3vw,2.5rem);background:#92733c url('assets/waterfall-daylight.png') center/cover no-repeat}
.prayer-layout{width:min(850px,100%);margin-inline:auto;min-width:0}
.prayer-linen{width:100%;min-width:0;padding:clamp(1rem,3vw,2rem);background-color:#fbf3e2;background-image:repeating-linear-gradient(0deg,#8a681f05 0,#8a681f05 1px,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,#ffffff33 0,#ffffff33 1px,transparent 1px,transparent 5px);border:1px solid #c9b47e;border-top:4px solid #b18a3d;border-radius:9px;box-shadow:0 12px 50px #09271b40;color:#342a1c}
.prayer-intro .eyebrow,.prayer-chapter-title .eyebrow{color:#765a2b;font: .875rem/1.5 Arial,Helvetica,sans-serif;letter-spacing:.1em;margin:0 0 .5rem}
.prayer-intro h2{font:400 clamp(2rem,4vw,2.8rem)/1.12 Georgia,serif;margin:0 0 .5rem}
.prayer-byline{font-size:.95rem;margin:0 0 1rem;line-height:1.6}
.prayer-missing-note{font-size:.875rem;line-height:1.5;padding:.6rem .8rem;margin:0 0 1rem;background:#fff9e9;border-inline-start:3px solid #9a7b43}
.prayer-pending{margin-top:1rem;border-top:1px solid #b8a06e;padding-top:.5rem}
.prayer-pending summary{min-height:44px;padding:.7rem .2rem;cursor:pointer;font-size:.95rem}
.prayer-pending h3{font:400 1.5rem/1.4 Georgia,serif;margin:.8rem 0}
.prayer-pending-text{font:1.1rem/1.8 Georgia,serif}
#prayer-audio{display:block;width:100%;min-width:0;max-width:100%;height:54px;color-scheme:light}
.prayer-playback-status{font-size:.875rem;line-height:1.5;margin:.4rem 0 .8rem;min-height:1.5em;overflow-wrap:anywhere}
.prayer-reading-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
.prayer-current{font-size:.95rem;line-height:1.5;margin:0;color:#342a1c;font-weight:600}
.prayer-reading-options{display:flex;flex-wrap:wrap;gap:.5rem}
.prayer-type-button{min-height:44px;max-width:100%;font-size:.875rem;padding:.5rem .8rem;border:1px solid #9a7b43;background:#fff9e9;color:#342a1c;border-radius:5px;white-space:normal}
.prayer-type-button[aria-pressed=true]{background:#70501d;color:#fff;border-color:#70501d}
#prayer-scroll-help{font-size:.875rem;line-height:1.5;margin:0 0 .7rem;color:#705b3c}
.prayer-scroll-window{height:clamp(15rem,48dvh,35rem);overflow:auto;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-block:1px solid #b8a06e;position:relative;min-width:0;padding-inline:.5rem .7rem}
.prayer-script{font-family:Georgia,'Times New Roman',serif;font-size:1.25rem;line-height:1.9;overflow-wrap:anywhere;padding-top:1.8rem;padding-bottom:40dvh}
.prayer-script.prayer-large-text{font-size:1.6rem}
.prayer-script p{margin:0 0 1.3em}
.continuous-prayer{margin:0;padding:0 0 2.5rem}
.continuous-prayer+.continuous-prayer{border-top:1px solid #bfaa7d;padding-top:2.5rem}
.prayer-chapter-title{margin:0 0 1.5rem;padding:.3rem .5rem;border-inline-start:3px solid transparent}
.prayer-chapter-title h3{font:400 clamp(1.6rem,3vw,2.2rem)/1.3 Georgia,serif;margin:0;overflow-wrap:anywhere}
.prayer-chapter-title.is-current-title{border-inline-start-color:#9d792f;background:#f0e0b4}
.prayer-word.is-speaking{background:#f6dc87;color:#342a1c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;border-radius:2px;box-shadow:0 0 0 2px #f6dc87}
.prayer-jump{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0}
.prayer-jump label{font-size:.875rem;font-weight:600}
.prayer-jump select{min-height:44px;flex:1 1 190px;min-width:0;width:auto;max-width:100%;font-size:.95rem;background:#fff9e9;color:#342a1c;border:1px solid #9a7b43;padding:.5rem}
.prayer-review-note{font-size:.8rem;line-height:1.55;margin:0;color:#705b3c}
.prayer-return{display:inline-flex;align-items:center;min-height:44px;margin-top:.5rem;color:#70511f;text-underline-offset:4px}
.prayer-preview :focus-visible{outline:3px solid #075eb5;outline-offset:4px}
@media(max-width:400px){.prayer-reading-options{width:100%}.prayer-reading-options button{flex:1}.prayer-script{font-size:1.15rem}.prayer-jump label{flex-basis:100%}.prayer-scroll-window{padding-inline:.25rem .4rem}}
@media(forced-colors:active){.screen-site #main>.prayer-preview,.prayer-linen,.prayer-type-button,.prayer-jump select{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.prayer-intro .eyebrow,.prayer-chapter-title .eyebrow,.prayer-current,#prayer-scroll-help,.prayer-review-note,.prayer-return{color:CanvasText}.prayer-word.is-speaking,.prayer-type-button[aria-pressed=true]{background:Highlight;color:HighlightText;box-shadow:none}.prayer-chapter-title.is-current-title{border-color:Highlight;background:Canvas}.prayer-preview :focus-visible{outline-color:Highlight}.prayer-scroll-window,.continuous-prayer+.continuous-prayer{border-color:CanvasText}}
@media print{.screen-site #main>.prayer-preview{background:white;padding:0;height:auto;overflow:visible;max-height:none}.prayer-linen{background:white;border:0;box-shadow:none;color:black;padding:0}.prayer-player,.prayer-reading-bar,#prayer-scroll-help,.prayer-jump,.prayer-review-note,.prayer-return{display:none}.prayer-scroll-window{height:auto;overflow:visible;border:0;padding:0}.prayer-script{font-size:12pt;padding:0}.prayer-word.is-speaking{background:none;color:black;text-decoration:none;box-shadow:none}.continuous-prayer{break-before:page}.continuous-prayer:first-child{break-before:auto}.prayer-chapter-title.is-current-title{background:none;border-color:transparent}}

/* Visible workbook contents, replacing the chapter dropdown. */
#chapter-directory{margin:1rem 0 2rem;padding:clamp(.8rem,3vw,1.5rem);border:1px solid #957949;border-radius:8px;background:#fffef8;color:#342a1c}
.chapter-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem}
.chapter-list li{min-width:0}
.chapter-link{display:block;width:100%;min-height:48px;padding:.8rem;text-align:left;border:1px solid #957949;background:#fffef8;color:#342a1c;line-height:1.5;overflow-wrap:anywhere}
.chapter-link[aria-current="step"]{border:2px solid #6f501e;background:#f4e7c9;font-weight:700}
.chapter-link:hover{background:#f4e7c9}
.chapter-link:focus-visible,#choose-chapter:focus-visible{outline:3px solid #075eb5;outline-offset:3px}
@media(min-width:650px){.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){#chapter-directory,.chapter-link,.chapter-link[aria-current="step"]{background:Canvas;color:CanvasText;border-color:CanvasText}.chapter-link:focus-visible,#choose-chapter:focus-visible{outline-color:Highlight}}

/* September 27: gold-and-cream review, softened waterfall, raised navigation. */
body.screen-site{background:#dfc17b}
.screen-site .site-header{background:linear-gradient(120deg,#eedca9,#d9b762);color:#342a1c;border-bottom:1px solid #987135}
.screen-site .brand small,.screen-site .site-header nav a[href="#book"]{color:#5c421a}
.screen-site .site-header nav a:hover,.screen-site .site-header nav a[aria-current]{border-bottom-color:#6f501e}
.screen-site .site-header :focus-visible{outline-color:#075eb5}
.screen-site .hero.wheel-first{background-color:#fcf5e6;background-image:linear-gradient(180deg,rgba(252,245,230,.65),rgba(252,245,230,.50) 25%,rgba(252,245,230,.50)),url('assets/waterfall-daylight.png')}
.screen-site .hero.wheel-first #hero-title{color:#574020;text-shadow:0 1px 3px #fff8ea}
.screen-site #main>.prayer-preview{background:#fcf5e6 linear-gradient(rgba(252,245,230,.50),rgba(252,245,230,.50)) center/cover no-repeat;background-image:linear-gradient(rgba(252,245,230,.50),rgba(252,245,230,.50)),url('assets/waterfall-daylight.png')}
.screen-site .book-section,.screen-site .signup-section{background:#6f501e}
#choose-chapter,#choose-chapter-bottom{min-height:52px;padding:.85rem 1.35rem;gap:.8rem;background:linear-gradient(180deg,#f3d98f,#d9b35c);color:#342711;border:1px solid #97702d;border-bottom:3px solid #79551f;border-radius:10px;font-weight:700;box-shadow:0 4px 0 #79551f,0 8px 16px #67471d22;transition:transform .15s,box-shadow .15s}
#choose-chapter::after,#choose-chapter-bottom::after{content:'⌄';font-size:1.35rem;line-height:1}
#choose-chapter[aria-expanded="true"]::after,#choose-chapter-bottom[aria-expanded="true"]::after{content:'⌃'}
#choose-chapter:hover,#choose-chapter-bottom:hover{background:linear-gradient(180deg,#fae5ac,#e4c273);transform:translateY(-1px);box-shadow:0 5px 0 #79551f,0 9px 18px #67471d28}
#choose-chapter:active,#choose-chapter-bottom:active{transform:translateY(3px);box-shadow:0 1px 0 #79551f,0 3px 6px #67471d22}
#choose-chapter:focus-visible,#choose-chapter-bottom:focus-visible{outline:3px solid #075eb5;outline-offset:6px}
@media(prefers-reduced-motion:reduce){#choose-chapter,#choose-chapter-bottom{transition:none}}
@media(forced-colors:active){body.screen-site,.screen-site .site-header,.screen-site .hero.wheel-first,.screen-site #main>.prayer-preview{background:Canvas;color:CanvasText}.screen-site .brand small,.screen-site .site-header nav a[href="#book"],.screen-site .hero.wheel-first #hero-title{color:CanvasText;text-shadow:none}#choose-chapter,#choose-chapter-bottom{background:ButtonFace;color:ButtonText;border:2px solid ButtonText;box-shadow:none}}

/* Copyright remains visible on every website view. */
body.screen-site{grid-template-rows:auto minmax(0,1fr) auto}
.screen-site .site-footer{display:block;width:100%;margin:0;padding:.4rem 1rem;text-align:center;background:#58401d;color:#fff6df;border-top:1px solid #987135;font-size:.875rem;line-height:1.4}
.screen-site .site-footer p{margin:0}
@media(max-height:450px){body.screen-site{grid-template-rows:auto minmax(280px,1fr) auto}}
@media(forced-colors:active){.screen-site .site-footer{background:Canvas;color:CanvasText;border-color:CanvasText}}
@media print{.screen-site .site-footer{background:white;color:black;border:0}}

/* Keep the existing full-text option directly on the Wheel page. */
.screen-site .wheel-first .start-box{flex-wrap:wrap;gap:.35rem .8rem}
.screen-site .wheel-first .start-box .wheel-guide-link{min-height:44px;padding:.35rem .85rem;border:1px solid #987135;border-radius:8px;background:#fff6df;color:#574020;font-size:1rem;text-align:center;text-decoration:underline;text-underline-offset:4px}
.screen-site .wheel-first .start-box .wheel-guide-link:focus-visible{outline:3px solid #075eb5;outline-offset:3px}
@media(forced-colors:active){.screen-site .wheel-first .start-box .wheel-guide-link{background:Canvas;color:LinkText;border-color:LinkText}.screen-site .wheel-first .start-box .wheel-guide-link:focus-visible{outline-color:Highlight}}