@font-face{font-family:Heebo;src:url(/fonts/heebo-400.woff)}@font-face{font-family:Heebo;src:url(/fonts/heebo-700.woff);font-weight:700}@font-face{font-family:Frank;src:url(/fonts/frank.woff);font-weight:300 900;font-display:swap}
:root{--paper:#faf7ee;--ink:#213f40;--muted:#525e58;--line:#d1cebe;--russet:#964527;--gold:#bb9250;--white:#fffdf6;--serif:Frank,David,"Times New Roman",serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:15px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 Heebo,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #99601e;outline-offset:3px}h1,h2,h3,p,figure{margin:0}h1,h2,h3,.serif{font-family:var(--serif);line-height:1.07}a.brand,.nav a,.btn,.way,.chip,.entry,.seq a,.weeklinks a{text-decoration:none}.wrap{width:min(1216px,90%);margin-inline:auto}.top{background:var(--ink);color:#f7eed6;font-size:12px}.top .wrap,.mast,.nav,.brand,.herofoot,.ribbon,.sectionline,.footrow,.weeklinks,.actions{display:flex;align-items:center;gap:16px}.top .wrap,.mast,.sectionline,.footrow{justify-content:space-between}.top .wrap{min-height:30px}.wordmark{font-family:var(--serif);font-size:32px;font-weight:750;line-height:1}.brand img{width:45px;height:45px}.brand{gap:10px}.mast{min-height:85px}.nav a{font-size:15px;padding:6px 2px}.nav a:hover,.nav a:focus-visible{color:var(--russet);text-decoration:underline}.nav{gap:28px}header{border-bottom:1px solid var(--line)}.skip{position:absolute;right:-10000px}.skip:focus{right:1rem;top:2rem;background:white;padding:1em;z-index:5}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5.5%;padding-block:58px 45px}.eyebrow{font-size:13px;font-weight:700;color:var(--russet);display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:31px;height:1px;background:var(--russet)}h1{font-size:clamp(58px,7.3vw,112px);letter-spacing:-.045em;font-weight:650}.hero h1{margin:15px 0 8px}.subtitle{color:var(--muted)}.hero blockquote{font-family:var(--serif);font-weight:450;font-size:clamp(25px,2.6vw,38px);line-height:1.45;margin:24px 0 0}.ref{display:block;font-size:13px;color:var(--muted);margin-top:6px}.actions{flex-wrap:wrap;margin-top:22px}.btn{background:var(--ink);color:white;padding:10px 19px;border:1px solid var(--ink);display:inline-flex;align-items:center;gap:20px;border-radius:3px;font-weight:700}.btn:hover{background:#315452}.textlink{font-size:15px;font-weight:700}.plate{padding:0;border:1px solid #b7ad91;background:#fffaf0;box-shadow:0 4px 0 -2px #d2c6ab}.plate img,.gallery img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}.herofoot{justify-content:space-between;margin-top:9px;font-size:12px;color:var(--muted);align-items:flex-start}.folio{font-family:Georgia,serif;color:var(--russet);letter-spacing:.1em;white-space:nowrap}.section{padding-block:36px 40px;border-top:1px solid var(--line)}.sectionline h2,.reader h2{font-size:clamp(31px,4vw,46px);font-weight:650;letter-spacing:-.035em}.sectionline{align-items:baseline}.sectionline>span{color:var(--muted);font-size:14px}.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:24px}.way{display:block;position:relative;padding:18px 19px 17px;border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--white)}.way:nth-child(2){border-top-color:#986138}.way:nth-child(3){border-top-color:#657052}.way:nth-child(4){border-top-color:#866049}.way svg{height:29px;width:29px;stroke:currentColor;fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.way .num{float:left;color:#84735c;font:14px Georgia,serif}.way strong{display:block;font:650 27px/1.2 var(--serif);margin:15px 0 5px}.way small{color:var(--muted);font-size:14px}.way:hover,.entry:hover{background:#f3eddb;border-color:#a69978}.indextools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:22px 0}.search{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:9px 12px;max-width:100%}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:3px;background:transparent;padding:5px 12px;font-size:14px}.chip.active,.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.bookgroup{margin:24px 0}.bookgroup h3{font-size:25px;margin-bottom:10px}.entries{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 15px}.entry{border-bottom:1px solid var(--line);padding:8px 4px;display:flex;align-items:baseline;gap:12px}.entry i{font:13px Georgia,serif;color:var(--russet)}.entry b{margin-inline-start:auto;color:#807559;font-size:14px}.quiet{color:var(--muted)}footer{background:var(--ink);color:var(--paper);padding:26px 0;font-size:14px}footer a{color:#f3dbad}.footrow{flex-wrap:wrap}.footrow .brand img{width:30px;height:30px}.footrow .wordmark{font-size:24px}.seq{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:22px 0 38px}.seq a{border-bottom:1px solid var(--gold)}
.pagehead{padding:34px 0 24px}.pagehead h1{font-size:clamp(49px,6vw,80px);margin:10px 0}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:18px}.readnav{display:flex;align-items:stretch;flex-wrap:wrap;background:var(--ink);gap:1px}.readnav a{padding:12px 20px;text-decoration:none;color:white}.readnav a[aria-current=true],.readnav a:hover{background:#e5dabe;color:var(--ink)}.reader{max-width:830px;margin:36px auto 48px}.reader h2{margin-bottom:15px}.chapter{padding-top:18px}.chapter h3{font-size:23px;color:var(--russet);margin-bottom:12px}.verse{font-family:var(--serif);font-size:clamp(23px,3vw,30px);line-height:1.85;display:inline}.verse a{font:13px Heebo,sans-serif;color:var(--russet);text-decoration:none;margin-inline:5px}.verse:target{background:#f4dfab}.reader .prose{font-family:var(--serif);font-size:clamp(22px,3vw,28px);line-height:1.7;margin:16px 0}.note{border-bottom:1px solid var(--line);padding:24px 0}.note h3{font-size:28px}.note p{margin:.6em 0}.note a{font-size:14px;color:var(--russet)}.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0;color:var(--muted);font-size:14px}.tools a{padding:3px 8px;border:1px solid var(--line);text-decoration:none}.gallery{margin:24px 0}.gallery figcaption{margin:12px 0}.weeklinks{flex-wrap:wrap;gap:12px 22px;margin-top:17px}.weeklinks a{border-bottom:1px solid var(--gold)}[hidden]{display:none!important}.readpane{scroll-margin-top:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){.hero{gap:4%;padding-block:34px 28px}.hero h1{font-size:64px}.ways,.entries{grid-template-columns:repeat(2,1fr)}.nav{gap:15px}.wrap{width:92%}.mast{min-height:68px}.brand img{width:36px;height:36px}.wordmark{font-size:27px}.herofoot{gap:6px}.top .wrap{min-height:26px}.actions{gap:13px}.nav a{font-size:14px}}@media(max-width:600px){.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:65px;margin-top:6px}.hero blockquote{margin-top:13px}.herofoot{font-size:11px}.hero{padding-top:23px}.brand img{width:31px;height:31px}.nav{gap:12px}.nav a{font-size:13px}.nav .wide{display:none}.wordmark{font-size:24px}.top .wrap{font-size:10px}.section{padding-block:24px}.sectionline{gap:8px;flex-wrap:wrap}.ways{gap:8px;margin-top:16px}.way{padding:14px}.way strong{font-size:23px}.way small{font-size:13px}.readnav a{padding:10px 12px;font-size:14px}.search{width:100%}.reader{margin-top:24px}.entry{gap:8px}.sectionline h2{font-size:32px}}@media(max-width:360px){.nav{gap:7px}.brand{gap:4px}.wordmark{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.top,footer,.nav,.skip,.readnav,.seq,.tools,.actions,.breadcrumb,.ways,.indextools{display:none!important}.reader,.wrap{width:100%;max-width:none}.pagehead{padding:0}.readpane[hidden]{display:none!important}}
.artgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));gap:22px;margin:0 0 45px}.artgrid a{text-decoration:none}.artgrid img{width:100%;height:auto;display:block}.artgrid strong{display:block;font:650 27px var(--serif);margin-top:5px}
.readnav{position:sticky;top:0;z-index:2}.readpane,.chapter,.verse,.note{scroll-margin-top:70px}.reader:focus-visible{outline:2px solid var(--russet)}
.ways{grid-template-columns:repeat(3,minmax(0,1fr))}.movement,.storyplate{scroll-margin-top:80px}.movement{margin:2.2rem 0}.movement h3{font-family:var(--serif);font-size:clamp(26px,3.4vw,35px);line-height:1.24;margin:0 0 .55em}.movement p{font-family:var(--serif);font-size:clamp(21px,2.1vw,25px);line-height:1.83;margin:.7em 0;color:#30291f}.reader{max-width:750px}.chapterlabel{color:var(--russet);font-size:14px}.storyplate{margin:2.5rem 0}.storyplate img{display:block;width:100%;max-height:74vh;object-fit:cover;background:#eae3d5}.storyplate figcaption{padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:20px}.storyplate small{display:block;font:13px Heebo,sans-serif;margin-top:.4em;color:var(--muted)}.nextread{display:block;margin:2rem 0;padding:1em;border-block:1px solid var(--line);color:var(--russet)}.note summary{cursor:pointer}.hero .plate img,.artgrid img{object-fit:cover}.artgrid img{height:215px;background:#eee6d7}
@media(max-width:600px){.ways{grid-template-columns:1fr}.way{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}.way svg{display:none}.way small{grid-column:2}.movement{margin:1.7rem 0}.readnav{display:flex;justify-content:center}}
.contents{margin:1.2rem 0;border-block:1px solid var(--line);padding:.7em 0}.contents summary{cursor:pointer;color:var(--russet)}.contents ol{padding-inline-start:1.7em;line-height:1.9}.contents a{text-underline-offset:.2em}
.classics{margin-top:3rem;scroll-margin-top:76px}.classics>section{margin:1.75rem 0}.classics h3{font-size:28px}.classiccredit,.sourcejump{font-size:14px;color:var(--russet)}.classiccredit{margin:.6rem 0 1rem}.classicchapter{padding:.6rem .1rem;border-top:1px solid var(--line)}.classicchapter summary{cursor:pointer}.classicchapter p{font:21px/1.8 var(--serif);margin:.5rem 0}.classicchapter h4{margin:1.4rem 0 .3rem}

.readpane p {
  text-align: justify;
  text-justify: inter-word;
  text-align-last: start;
}
#install-app{background:var(--ink);color:var(--paper);border:0;border-radius:4px;padding:.32em .65em;font-size:14px;white-space:nowrap}#install-help{padding-block:.75em}@media(max-width:480px){.mast{flex-wrap:wrap;gap:.4rem;padding-block:.4rem}.nav{flex-wrap:wrap}}
/* Long-form chapters: quiet prose, precise references, and a route back. */
.reading-meta{display:flex;gap:.7em;flex-wrap:wrap;font:13px/1.8 Heebo,Arial,sans-serif;color:var(--muted);margin:0 0 1.5rem}
.chapterintro{font:500 clamp(24px,2.5vw,30px)/1.75 var(--serif);color:var(--ink);margin:1.5rem 0 2rem}
.study-intro{font-size:16px;line-height:1.9;margin:1.2rem 0;color:var(--muted)}
.section-number{font:12px/1.5 Georgia,serif;letter-spacing:.14em;color:var(--russet);margin-bottom:.7rem;direction:ltr;text-align:right}
.movement{padding-top:.5rem;margin:3rem 0}.movement:focus{outline:none}.movement:focus-visible{outline:2px solid var(--gold);outline-offset:10px}
.passage-ref{display:inline-block;font:13px/1.8 Heebo,Arial,sans-serif;color:var(--russet);margin-bottom:.5rem}
.studybridge{border-inline-start:3px solid var(--gold);background:#f0ecdf;padding:13px 18px;margin:1.6rem 0 0;display:grid;gap:.45rem;font:15px/1.8 Heebo,Arial,sans-serif}
.studybridge>span,.study-sources>span,.storyreturn>span,.chapterclosing>span{font:700 12px/1.8 Heebo,Arial,sans-serif;color:var(--russet)}
.studybridge a{text-decoration:none}.studybridge a:hover{text-decoration:underline}.studybridge a span{margin-inline-start:.4em}
.study-sources,.storyreturn{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font:13px/1.9 Heebo,Arial,sans-serif;margin-top:1.1rem}.study-sources>span,.storyreturn>span{flex-basis:100%}.study-sources a{color:var(--russet)}
.storyreturn{padding-top:.8rem;border-top:1px solid var(--line)}
.chapterclosing{border-block:1px solid var(--line);padding:1.6rem 0;margin-top:2.5rem}.chapterclosing p{font:24px/1.85 var(--serif);margin-top:.5rem}
.classics h4{scroll-margin-top:85px}.contents:target,.movement:target h3{color:var(--russet)}
@media(max-width:600px){.movement{margin:2.3rem 0}.chapterintro{font-size:25px}.studybridge{padding:12px 14px}.movement p,.chapterintro,.chapterclosing p{text-align:start}.reader{width:100%}.reading-meta{gap:.45em}.storyplate img{object-fit:contain;max-height:none}.readnav a{padding-inline:10px}}
@media print{.studybridge,.storyreturn,.contents,.reading-meta{display:none}.movement{break-inside:auto}.movement h3{break-after:avoid}.storyplate{break-inside:avoid}}
.source-pair{display:inline-flex;gap:.6rem;flex-wrap:wrap}.source-pair .external-source{color:var(--muted);font-size:12px}
.storyplate img{height:auto}
@media(max-width:600px){.readpane .chapterintro,.readpane .chapterclosing p{text-align:start}}

/* Share the selected chapter with an illustrated preview. */
.portion-share{margin-top:20px;max-width:560px}.portion-share>summary{display:inline-flex;align-items:center;gap:9px;cursor:pointer;list-style:none;border:1px solid var(--gold);border-radius:3px;padding:9px 15px;font-size:15px;font-weight:700;background:var(--white)}.portion-share>summary::-webkit-details-marker{display:none}.portion-share>summary:hover,.portion-share[open]>summary{background:#eee5cf}.portion-share>summary:focus-visible{outline:3px solid #99601e;outline-offset:3px}.portion-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.share-panel{padding:16px;margin-top:10px;border:1px solid var(--line);background:var(--white);border-radius:4px}.share-preview{display:flex;align-items:center;gap:15px}.share-preview img{width:110px;height:100px;object-fit:contain;background:var(--paper);flex-shrink:0}.share-preview strong{font:650 25px/1.3 var(--serif)}.share-preview p{font-size:13px;line-height:1.7;margin-top:7px}.share-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.share-actions a,.share-actions button{border:1px solid var(--line);border-radius:3px;padding:8px 12px;background:var(--paper);font:14px Heebo,Arial,sans-serif;text-decoration:none}.share-actions a{background:var(--ink);color:white;border-color:var(--ink)}.share-link-label{display:block;font-size:12px;color:var(--muted);margin-top:14px}#share-link{width:100%;min-width:0;border:1px solid var(--line);padding:8px;background:var(--paper);font-size:13px}#share-status{font-size:13px;margin-top:8px;color:var(--ink)}@media(max-width:400px){.share-preview{align-items:flex-start;gap:10px}.share-preview img{width:80px;height:85px}.share-panel{padding:12px}}@media print{.portion-share{display:none!important}}

.instagram-share{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.instagram-share>summary{cursor:pointer;font-weight:700;font-size:14px}.instagram-share p{font-size:13px;line-height:1.8;margin-top:10px}#share-caption-text{width:100%;resize:vertical;border:1px solid var(--line);padding:9px;background:var(--paper);font:13px/1.7 Heebo,Arial,sans-serif}#share-caption-text:focus-visible{outline:3px solid #99601e;outline-offset:3px}

/* A quiet listening panel beside the chapter introduction. */
.narration{margin:1.7rem 0;padding:20px 22px;border:1px solid var(--line);border-inline-start:3px solid var(--gold);background:#f0ecdf;border-radius:3px;font:14px/1.8 Heebo,Arial,sans-serif}.narration-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.narration-heading>span:first-child{font-size:25px;color:var(--russet)}.narration-heading strong{font-size:18px}.narration-tag{font-size:12px;color:var(--muted);margin-inline-start:auto}.narration-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.narration-controls button,.narration-controls select{min-height:44px;border:1px solid var(--line);border-radius:3px;background:var(--paper);padding:8px 13px;font:14px Heebo,Arial,sans-serif;color:var(--ink)}.narration-controls button{cursor:pointer}.narration-controls button:disabled{opacity:.45;cursor:default}#narration-play{background:var(--ink);color:white;border-color:var(--ink);min-width:138px}.narration-controls label{margin-inline-start:auto;display:flex;align-items:center;gap:9px}.narration-controls :focus-visible,.narration-help summary:focus-visible{outline:3px solid var(--russet);outline-offset:3px}#narration-progress{display:block;width:100%;height:5px;margin-top:20px;accent-color:var(--russet)}.narration #narration-status,.narration-help p{font:13px/1.8 Heebo,Arial,sans-serif;text-align:start;margin:10px 0 0}.narration-help{font-size:12px;color:var(--muted);margin-top:10px}.narration-help summary{cursor:pointer;width:fit-content}.being-read{background:#eee3c9;box-shadow:5px 0 0 var(--gold);border-radius:2px}@media(max-width:480px){.narration{padding:16px}.narration-controls{gap:8px}.narration-controls label{margin-inline-start:0;width:100%;margin-top:3px}.narration-tag{font-size:11px}}@media print{.narration{display:none!important}.being-read{background:none;box-shadow:none}}
.narration audio{display:block;width:100%;margin-top:16px}.narration[data-enhanced] audio{display:none}.narration-timeline{margin-top:16px;display:grid;gap:7px}.narration-timeline input{width:100%;min-height:32px;margin:0;accent-color:var(--russet);cursor:pointer}.narration-timeline output{font:13px/1.7 Heebo,Arial,sans-serif;color:var(--muted);text-align:left}.narration-timeline input:focus-visible{outline:3px solid var(--russet);outline-offset:3px}@media(max-width:480px){.narration-controls{display:grid;grid-template-columns:1fr 1fr}#narration-back,#narration-forward{font-size:12px}.narration-controls label{width:100%;grid-column:1/-1}#narration-play{min-width:0}}

.listening-entry{margin-top:14px}.listen-link{background:var(--white);color:var(--ink);border-color:var(--gold);font-size:15px}.listen-link:hover{background:#eee5cf}.listening-entry .quiet{font-size:14px}#listen{scroll-margin-top:85px}

/* The pilot film is above the reading tabs, visible on desktop and mobile. */
.story-video{max-width:960px;margin:0 auto 2.5rem;padding:1.25rem;border:1px solid var(--line,#d9d4c8);border-radius:14px;background:#f4f0e7;scroll-margin-top:1.5rem}
.video-intro{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.video-intro h2{margin:.25rem 0 0;font-size:clamp(1.35rem,3vw,2rem)}.video-intro p{margin:0;color:#59645e;font-size:.95rem}
.story-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border-radius:8px}.video-note{font-size:.85rem;color:#59645e;line-height:1.6}.video-transcript{margin-top:1rem}.video-transcript summary{cursor:pointer;font-weight:bold}.video-transcript p{max-width:42rem;line-height:1.9;margin:1rem auto}.story-video video:focus-visible{outline:3px solid #98723e;outline-offset:4px}
@media(max-width:600px){.story-video{padding:.75rem;margin-bottom:1.5rem}.video-intro{display:block}.video-intro p{margin-top:.5rem}.video-note{font-size:.8rem}}
