/* Full chapter pages keep illustrations spacious and text at a comfortable measure. */
.chapter-page{background:#f5f0e7}.chapter-page:before,.chapter-page:after{display:none}.chapter-page header{max-width:1280px}.chapter-breadcrumb{display:flex;gap:12px;max-width:1160px;margin:28px auto 24px;font-size:12px;color:#657165;flex-wrap:wrap}.chapter-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.chapter-artwork{max-width:1160px;margin:0 auto 40px;border-radius:16px;overflow:hidden;background:#ece4d4}.chapter-artwork>img{display:block;width:100%;height:350px;object-fit:cover;object-position:center 45%}.chapter-artwork figcaption{padding:16px 25px;font-size:13px;line-height:1.7;color:#5c6257;background:#eee7d8}.chapter-artwork[data-subject="fighting-sin"]>img{height:285px;object-fit:contain;padding:35px;background:#ece4d4}.chapter-layout{max-width:1160px;margin:0 auto 80px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:55px;align-items:start}.chapter-sidebar{position:sticky;top:25px;padding-top:25px}.chapter-sidebar h2{font:21px/1.3 Georgia;letter-spacing:0;margin:30px 0 15px}.chapter-back{font-size:12px;text-decoration:underline;text-underline-offset:4px}.chapter-sidebar nav{display:flex;flex-direction:column;gap:0;margin:0;font-size:13px}.chapter-sidebar nav a{padding:11px 0;line-height:1.5;border-bottom:1px solid #d9d2c6}.chapter-sidebar nav a:hover{color:#8d4b31}.chapter-sidebar p{font-size:12px;line-height:1.8;margin-top:30px}.chapter-reading{background:#fffdf7;border-radius:16px;padding:35px 52px 50px;min-width:0}.chapter-reading:focus{outline:none}#lessonContent.chapter-reading{padding-left:52px;min-height:0}.chapter-reading h1{font:48px/1.12 Georgia;letter-spacing:-.025em;margin:18px 0 20px;color:#202d31}.chapter-reading .chapter-emblem{margin-top:0;width:52px;height:52px}.chapter-reading .session-introduction{font:22px/1.75 Georgia;color:#425047;padding-bottom:25px;border-bottom:1px solid #d9d2c6}.chapter-reading .lesson-copy{font-size:17px;line-height:1.95}.chapter-reading .lesson-copy h3{font:28px/1.3 Georgia;margin:38px 0 15px;scroll-margin-top:25px}.chapter-reading .lesson-copy p{color:#4d5c51}.chapter-reading .passage-context{border-left:0;border-radius:10px;background:#f0ecdf;padding:22px 26px}.chapter-reading .passage-context p{font-size:15px;line-height:1.85}.chapter-reading .lesson-passage{font:18px/1.6 Georgia;background:#e9ecdf}.chapter-reading .question{background:#f4f0e5;padding:25px}.chapter-reading .question button{font-size:15px;line-height:1.7;padding:15px}.chapter-reading .feedback{font-size:15px;line-height:1.8}.chapter-reading .reflection{font-size:16px;line-height:1.8;min-height:140px}.chapter-reading .lesson-footnote{font-size:12px;line-height:1.8}.chapter-reading .fine{font-size:12px}.chapter-reading .solid{margin-top:25px;line-height:1.6}.chapter-error{max-width:700px;margin:40px auto;padding:30px}.chapter-page footer{max-width:1160px}.chapter-reading section[id]{scroll-margin-top:30px}@media(max-width:1200px){.chapter-breadcrumb,.chapter-artwork,.chapter-layout{width:calc(100% - 64px)}.chapter-layout{gap:30px;grid-template-columns:200px minmax(0,1fr)}.chapter-reading{padding:30px 35px}#lessonContent.chapter-reading{padding-left:35px}}@media(max-width:800px){.chapter-breadcrumb,.chapter-artwork,.chapter-layout{width:calc(100% - 32px)}.chapter-layout{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.chapter-sidebar{position:static;padding-top:0}.chapter-sidebar h2{margin:15px 0 10px}.chapter-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.chapter-sidebar p{display:none}.chapter-artwork{margin-bottom:25px}.chapter-artwork>img{height:220px}.chapter-artwork[data-subject="fighting-sin"]>img{height:200px;padding:25px}.chapter-reading{padding:25px 22px 35px}#lessonContent.chapter-reading{padding-left:22px}.chapter-reading h1{font-size:36px}.chapter-reading .session-introduction{font-size:20px}.chapter-reading .lesson-copy{font-size:16px}.chapter-reading .passage-context{padding:18px}.chapter-breadcrumb{font-size:11px}.chapter-page header{gap:20px}.chapter-artwork figcaption{padding:14px 18px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.chapter-artwork[data-subject="gospel"]>img{height:auto;max-height:none;object-fit:contain;padding:0;width:100%}

/* Gospel artwork is a restrained background masthead rather than a full image. */
.chapter-artwork.gospel-background{height:220px;max-width:1040px;background-size:cover;background-position:center 45%;background-repeat:no-repeat;margin-bottom:32px}.gospel-background #chapterImage,.gospel-background figcaption{display:none}.chapter-artwork.gospel-background>img[hidden]{display:none!important}@media(max-width:800px){.chapter-artwork.gospel-background{height:145px;background-size:cover;background-position:center 43%;margin-bottom:24px}}

/* Authored lettering, printed directly onto the chapter background. */
.chapter-artwork.gospel-stamp{height:auto;max-width:1160px;margin:8px auto 38px;padding:20px 0 30px;overflow:visible;background:none;border-radius:0;text-align:center}.gospel-stamp #chapterImage,.gospel-stamp figcaption{display:none!important}.gospel-stamp-lettering{display:inline-flex;flex-direction:column;align-items:center;transform:rotate(-5deg);color:#244237}.gospel-stamp-lettering>span{font:650 15px/1.3 system-ui,sans-serif;letter-spacing:.24em;position:relative;margin-bottom:4px}.gospel-stamp-lettering>span:before,.gospel-stamp-lettering>span:after{content:'';position:absolute;width:28px;height:1px;background:#a8844b;top:50%}.gospel-stamp-lettering>span:before{right:calc(100% + 13px)}.gospel-stamp-lettering>span:after{left:calc(100% + 13px)}.gospel-stamp-lettering>strong{font:bold clamp(64px,8vw,100px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;text-shadow:2px 3px 0 #c98b45}.chapter-artwork.gospel-stamp>img[hidden]{display:none!important}@media(max-width:800px){.chapter-artwork.gospel-stamp{padding:10px 0 20px;margin-bottom:22px}.gospel-stamp-lettering>span{font-size:12px}.gospel-stamp-lettering>strong{font-size:66px}}

/* A passage panel opens a focused reading window. */
.chapter-reading .scripture-trigger{display:block;text-align:left;width:100%;border:1px solid #cbd2ba;cursor:pointer;padding:21px 24px;position:relative;transition:transform 180ms cubic-bezier(.16,1,.3,1),box-shadow 180ms ease,background-color 180ms ease}.scripture-trigger-hint{display:block;font:12px/1.5 system-ui,sans-serif;margin-top:10px;color:#465a3c;text-decoration:underline;text-underline-offset:4px}.scripture-trigger:focus-visible{outline:3px solid #a88449;outline-offset:4px}.scripture-trigger:active{transform:translateY(0)}@media(hover:hover) and (pointer:fine){.chapter-reading .scripture-trigger:hover{transform:translateY(-3px);background:#e2e8d4;box-shadow:0 9px 22px #24423714}}body.scripture-open{overflow:hidden}#scriptureDialog{padding:0;width:min(700px,94vw);max-height:84dvh;border:1px solid #d1c4a5;border-radius:16px;background:#fcf8ee;color:#244237;box-shadow:0 22px 90px #152e2850;overflow:hidden}#scriptureDialog::backdrop{background:#172c2477;backdrop-filter:blur(4px)}.scripture-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 28px 16px;border-bottom:1px solid #e0d6be;background:#f5efdf}.scripture-heading h2{font:29px/1.2 Georgia,serif;margin:0;letter-spacing:-.02em}.scripture-heading p{font:12px/1.6 system-ui,sans-serif;color:#5f6857;margin:7px 0 0}#closeScripture{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:#8b4a30;-webkit-text-fill-color:currentColor;font:29px/1 sans-serif;min-width:44px;min-height:44px;margin:-5px -10px 0 0;padding:8px;border-radius:8px}#closeScripture:hover{background:#e7e3d2;color:#6f3c29}#closeScripture:focus-visible{outline:2px solid #8b4a30;outline-offset:2px}.scripture-scroll{overflow-y:auto;overscroll-behavior:contain;max-height:calc(84dvh - 190px);padding:5px 32px 25px;scrollbar-width:thin;scrollbar-color:#a29573 #f1ead9}.scripture-scroll::-webkit-scrollbar{width:10px}.scripture-scroll::-webkit-scrollbar-thumb{background:#a29573;border:2px solid #fcf8ee;border-radius:8px}.scripture-scroll section+section{border-top:1px solid #ded5bc;padding-top:12px;margin-top:30px}.scripture-scroll h3{font:25px/1.35 Georgia,serif;margin:22px 0 18px}.scripture-scroll p{font:17px/1.9 Georgia,serif;color:#394b3d;margin:12px 0}.verse-number{font:11px/1.3 system-ui,sans-serif;color:#79643f;margin-right:5px}.scripture-footer{border-top:1px solid #e0d6be;padding:15px 28px;font:11px/1.7 system-ui,sans-serif;color:#5f6857;background:#f5efdf}.scripture-footer a{text-decoration:underline;text-underline-offset:3px}@media(max-width:600px){.scripture-heading{padding:19px 22px 14px}.scripture-heading h2{font-size:25px}.scripture-scroll{padding:3px 23px 20px;max-height:calc(84dvh - 210px)}.scripture-scroll p{font-size:16px}.scripture-footer{padding:12px 22px}}@media(prefers-reduced-motion:reduce){.chapter-reading .scripture-trigger:hover{transform:none}.chapter-reading .scripture-trigger{transition:none}}

/* Gentle feedback for chapter contents navigation. */
.chapter-sidebar nav a{transition:transform 180ms cubic-bezier(.16,1,.3,1),color 180ms ease}.chapter-sidebar nav a:focus-visible{color:#8d4b31;outline:2px solid #a88449;outline-offset:4px}@media(hover:hover) and (pointer:fine){.chapter-sidebar nav a:hover{transform:translateX(5px);color:#8d4b31}}@media(prefers-reduced-motion:reduce){.chapter-sidebar nav a{transition:none}.chapter-sidebar nav a:hover{transform:none}}


/* Inline Bible references share the passage reading window. */
.inline-scripture{display:inline;padding:0 2px;margin:0;border:0;border-radius:3px;background:transparent;font:inherit;color:#244237;text-decoration:underline;text-decoration-color:#b7955c;text-underline-offset:4px;cursor:pointer;transition:color 160ms ease,background-color 160ms ease}.inline-scripture:hover{color:#8d4b31;background:#eee7d8}.inline-scripture:focus-visible{outline:2px solid #a88449;outline-offset:3px}@media(prefers-reduced-motion:reduce){.inline-scripture{transition:none}}

/* Optional music; always initiated and controlled by the reader. */
.chapter-music{margin-top:30px;padding-top:22px;border-top:1px solid #d9d2c6}.chapter-sidebar .chapter-music h2{font:20px/1.3 Georgia;margin:0 0 10px}.chapter-sidebar .chapter-music p{display:block;margin:10px 0;font-size:12px;line-height:1.7}.music-track{color:#244237!important;font-weight:600}.music-controls{display:flex;gap:9px;margin:14px 0}.music-controls .outline{font-size:12px;min-height:42px;padding:9px 15px}.music-controls button:disabled{opacity:.5;cursor:not-allowed}.music-volume{display:flex;justify-content:space-between;font-size:12px;color:#4c5d4a;margin-top:15px}#musicVolume{width:100%;accent-color:#244237;margin:10px 0;cursor:pointer;min-height:24px}.music-file-label{display:block;font-size:12px;margin:10px 0 6px}.music-file{display:block;width:100%;font:11px system-ui,sans-serif;color:#5e6a56}.music-file::file-selector-button{padding:9px 10px;background:#e9ecdf;color:#244237;border:1px solid #cbd2ba;border-radius:6px;cursor:pointer}.chapter-sidebar .music-status{font-size:11px;color:#68735e}.music-controls button:focus-visible,.music-file:focus-visible,#musicVolume:focus-visible{outline:2px solid #a88449;outline-offset:4px}@media(max-width:800px){.chapter-music{padding:20px;background:#f1ede1;border:0;border-radius:12px;margin:20px 0 0}.music-controls{display:inline-flex}.music-file{max-width:340px}.music-volume,#musicVolume{max-width:340px}}

/* Music sits at the upper right of the chapter heading area. */
.chapter-opening{position:relative;max-width:1160px;margin:0 auto 36px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:35px;align-items:start}.chapter-opening .chapter-artwork{grid-column:1;grid-row:1;width:100%;margin:0;max-width:none}.chapter-opening .chapter-music{grid-column:2;grid-row:1;margin:0;padding:18px 20px;background:#f4eedf;border:1px solid #ded3ba;border-radius:12px}.chapter-music h2{font:20px/1.3 Georgia;margin:0 0 10px;letter-spacing:0}.chapter-music p{display:block;font-size:12px;line-height:1.7;margin:10px 0}.chapter-music .music-status{font-size:11px;color:#68735e}@media(max-width:1200px){.chapter-opening{width:calc(100% - 64px);gap:25px}.chapter-opening .chapter-artwork{width:100%}}@media(max-width:800px){.chapter-opening{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) 190px;gap:15px}.chapter-opening .chapter-artwork.gospel-stamp{padding-top:25px}.chapter-opening .chapter-music{padding:15px}.chapter-music h2{font-size:18px}.gospel-stamp-lettering>strong{font-size:clamp(38px,7vw,66px)}.gospel-stamp-lettering>span{font-size:10px;letter-spacing:.12em}.gospel-stamp-lettering>span:before,.gospel-stamp-lettering>span:after{display:none}}@media(max-width:540px){.chapter-opening{display:flex;flex-direction:column;gap:16px}.chapter-opening .chapter-artwork{order:0}.chapter-opening .chapter-music{order:1;align-self:flex-end;width:min(100%,260px)}.chapter-opening .chapter-artwork.gospel-stamp{padding:15px 0;margin-bottom:0}.gospel-stamp-lettering>strong{font-size:66px}}

/* Music comes first in the left chapter navigation. */
.chapter-sidebar>.chapter-music{margin:0 0 26px;padding:18px;background:#f4eedf;border:1px solid #ded3ba;border-radius:12px}.chapter-sidebar>.chapter-music h2{margin:0 0 10px;font-size:20px}.chapter-sidebar>.chapter-music p{display:block}.chapter-sidebar>.chapter-music .music-status{font-size:11px}@media(max-width:800px){.chapter-sidebar>.chapter-music{margin:0 0 22px;max-width:380px}}

/* Compact native player; both chapter columns scroll with the document. */
.chapter-sidebar{position:static;top:auto}.chapter-sidebar>.chapter-music.compact-music{padding:12px;margin:0 0 22px;border:0;background:#eee8da;border-radius:10px}.chapter-sidebar .compact-music .music-track{font-size:12px;margin:0 0 8px}.compact-music audio{display:block;width:100%;height:40px;max-width:100%}@media(max-width:800px){.chapter-sidebar>.chapter-music.compact-music{max-width:340px}}

/* Compact custom player and persistent left-side wayfinding. */
.chapter-sidebar{position:sticky;top:16px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;padding-top:0;align-self:start}.chapter-sidebar>.small-custom-music{flex-shrink:0;padding:12px 14px;margin:0 0 17px;background:#eee8da;border:0;border-radius:10px}.chapter-sidebar .small-custom-music .music-track{font-size:12px;margin:0 0 8px}.small-custom-music .music-controls{margin:0 0 7px;gap:8px}.small-custom-music .music-controls .outline{min-height:34px;padding:6px 12px;font-size:12px}.small-custom-music .music-volume{font-size:11px;margin-top:0}.small-custom-music #musicVolume{min-height:18px;margin:3px 0;width:100%}.chapter-sidebar .small-custom-music .music-status{font-size:10px;line-height:1.4;margin:4px 0 0}.chapter-back{flex-shrink:0;display:block;padding:9px 0;font-weight:600}.chapter-sidebar>h2{flex-shrink:0;margin:13px 0 8px}.chapter-sidebar #chapterContents{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aa9a78 transparent;flex:1}.chapter-sidebar #chapterContents a{padding:9px 4px 9px 0;flex-shrink:0}.chapter-sidebar>p{display:none}@media(max-width:800px){.chapter-sidebar{position:static;max-height:none;display:block}.chapter-sidebar>.small-custom-music{max-width:320px}.chapter-sidebar #chapterContents{max-height:200px}.chapter-back{position:fixed;bottom:16px;left:16px;background:#244237;color:#fff8e8;padding:10px 16px;border-radius:8px;box-shadow:0 5px 18px #152e2822;z-index:6}.chapter-page footer{padding-bottom:75px}}

/* Answer choices respond gently; explanation unfolds once per choice. */
.chapter-reading .question button{transition:transform 170ms cubic-bezier(.16,1,.3,1),background-color 170ms ease,border-color 170ms ease,box-shadow 170ms ease}.chapter-reading .question button:focus-visible{outline:2px solid #a88449;outline-offset:3px}.chapter-reading .question button[aria-pressed="true"]{border-color:#a88449;background:#e8ecdD}.feedback-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.feedback-word{display:inline-block;animation:answer-word-arrive 190ms ease-out both}@keyframes answer-word-arrive{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.chapter-reading .question button:hover{transform:translateY(-2px);background:#e7ebdd;box-shadow:0 5px 13px #24423712}.chapter-reading .question button:active{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chapter-reading .question button{transition:none}.chapter-reading .question button:hover{transform:none}.feedback-word{animation:none}}

/* A more unhurried answer interaction. */
.chapter-reading .question button{transition-duration:300ms}.feedback-word{animation-duration:300ms}@media(prefers-reduced-motion:reduce){.chapter-reading .question button{transition:none}.feedback-word{animation:none}}

.chapter-poem{margin:35px 0;padding:28px 30px;background:#eee8da;border-radius:12px}.chapter-poem h3{font:27px/1.3 Georgia;margin:0 0 20px}.chapter-poem p{white-space:pre-line;font:19px/1.85 Georgia;color:#344c3c;margin:0}.chapter-poem small{display:block;font-size:11px;color:#6b735f;margin-top:20px}@media(max-width:600px){.chapter-poem{padding:23px 20px}.chapter-poem p{font-size:17px}}

/* Let the poem breathe on the reading page. */
.chapter-poem{background:transparent;padding:8px 0;border:0;border-radius:0;box-shadow:none;margin:38px 0}@media(max-width:600px){.chapter-poem{padding:8px 0}}


/* The new-birth chapter shares the approved typographic stamp language. */
.gospel-stamp-lettering .stamp-shoot{display:block;width:43px;height:43px;object-fit:contain;margin:10px auto 0}.chapter-artwork[data-subject="newbirth"].gospel-stamp{background:none}.chapter-artwork[data-subject="newbirth"] .gospel-stamp-lettering>strong{color:#244237;text-shadow:2px 3px 0 #c3b47b}

/* Keep contents links within their column, including their hover movement. */
.chapter-sidebar{min-width:0;overflow-x:hidden}.chapter-sidebar #chapterContents{overflow-x:hidden;padding-right:10px}.chapter-sidebar #chapterContents a{min-width:0;overflow-wrap:anywhere}


/* Slower contents-link hover movement. */
.chapter-sidebar nav a{transition:transform 360ms cubic-bezier(.2,.65,.3,1),color 300ms ease}@media(prefers-reduced-motion:reduce){.chapter-sidebar nav a{transition:none}}


/* New life: a compact, uncropped view of the woman planting the sapling. */
.chapter-artwork[data-subject="newbirth"]{width:min(440px,calc(100% - 32px));max-width:440px;margin:8px auto 30px;background:transparent;border-radius:14px}.chapter-artwork[data-subject="newbirth"]>#chapterImage{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;padding:0}.chapter-artwork[data-subject="newbirth"] figcaption{display:none}

/* Align the garden illustration precisely with the reading column below. */
.illustrated-chapter-layout{row-gap:0}.illustrated-chapter-layout>.chapter-artwork{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0 0 26px;border-radius:16px;overflow:hidden}.illustrated-chapter-layout>.chapter-artwork>#chapterImage{width:100%;height:290px;object-fit:cover;object-position:center 55%}.illustrated-chapter-layout>.chapter-sidebar{grid-column:1;grid-row:1 / span 2}.illustrated-chapter-layout>.chapter-reading{grid-column:2;grid-row:2}@media(max-width:800px){.illustrated-chapter-layout>.chapter-artwork{grid-column:1;grid-row:1;margin-bottom:22px}.illustrated-chapter-layout>.chapter-artwork>#chapterImage{height:220px}.illustrated-chapter-layout>.chapter-sidebar{grid-column:1;grid-row:2;margin-bottom:22px}.illustrated-chapter-layout>.chapter-reading{grid-column:1;grid-row:3}}

/* Gospel artwork uses the same compact banner dimensions as other chapters. */
.illustrated-chapter-layout>.chapter-artwork[data-subject="gospel"]>#chapterImage{height:290px;aspect-ratio:auto;object-fit:cover;object-position:center 35%;padding:0}
@media(max-width:800px){.illustrated-chapter-layout>.chapter-artwork[data-subject="gospel"]>#chapterImage{height:220px}}
@media(max-width:740px){.illustrated-chapter-layout>.chapter-artwork[data-subject="gospel"]>#chapterImage{height:auto;aspect-ratio:3/1}}

.illustrated-chapter-layout>.chapter-artwork[data-subject="gospel"]>#chapterImage{object-position:center center}

/* The battle chapter now uses a painted scene rather than a padded shield. */
.illustrated-chapter-layout>.chapter-artwork[data-subject="fighting-sin"]>#chapterImage{padding:0}
