:root{color-scheme:dark;--paper:#eee9e0;--soft:#aeb7c0;--line:#b3c3d223;--accent:#cfaa7c;--ink:#0b141d;--panel:#101d28;--blue:#25435d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 8% 12%,#51362a55,transparent 48%),radial-gradient(ellipse at 90% 45%,#21324b55,transparent 55%),#0a1119;color:var(--paper);font:15px/1.65 system-ui,sans-serif;padding-bottom:125px}a{color:inherit;text-underline-offset:5px}button,select,input{font:inherit}button,select{background:#142534;border:1px solid #73889a77;color:var(--paper);border-radius:5px;padding:10px 14px;min-height:44px;cursor:pointer}input{color:var(--paper);accent-color:#c6d2dd}button:hover{background:#243b4e}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f0c997;outline-offset:4px}.skip{position:absolute;left:12px;top:-100px;background:var(--ink);padding:12px;z-index:20}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body>header,main,body>footer{max-width:1320px;margin:auto;padding:24px 42px}body>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-top:28px;padding-bottom:23px}.brand{text-decoration:none;font:20px/1.2 Georgia,serif}.brand small{display:block;font:10px/1.5 system-ui;color:var(--soft);letter-spacing:.09em;margin-top:6px}.header-right{display:flex;gap:32px;align-items:center}.series-name{font:18px Georgia,serif}.badge{font:9px/1.5 system-ui;letter-spacing:.15em;border:1px solid #bca18355;border-radius:4px;padding:7px 10px;color:#d7ba92}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}.edition-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 0 20px}.edition-heading>span{font-size:10px;letter-spacing:.12em;color:#93a5b6}h1{font:normal clamp(36px,4.3vw,60px)/1.12 Georgia,serif;letter-spacing:-.025em}h2{font:normal 32px/1.2 Georgia,serif}h3{font:normal 25px/1.3 Georgia,serif}.dek{font:italic 20px/1.5 Georgia;color:#d1c7bc}.note{font-size:13px;color:var(--soft);max-width:76ch}.listening-room{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);border:1px solid #a2afb52b;border-radius:8px;overflow:hidden;box-shadow:0 30px 90px #0006;background:#0b151f}.cover-pane{position:relative;min-height:780px;overflow:hidden;background:#31272b}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080e1300 20%,#0b0f1633 43%,#0b1117c9 70%,#0b121af5 100%)}.cover-copy{position:absolute;left:38px;right:30px;bottom:35px}.cover-copy h1{font-size:clamp(31px,3.05vw,45px);margin:10px 0 22px;line-height:1.12;text-shadow:0 2px 18px #0008}.cover-copy .eyebrow{color:#ece0cc;font-size:11px}.cover-date{font:16px Georgia;color:#d6ac79;margin:0 0 13px}.cover-copy .dek{font-size:18px;margin:0 0 35px}.art-credit{font-size:9px;letter-spacing:.09em;color:#a6a5a0}.listen{padding:26px 30px;border:1px solid var(--line);border-radius:7px;background:#11202d}.player-pane{padding:28px 28px 20px;border:0;border-radius:0;background:linear-gradient(140deg,#14212c,#09131d 65%)}.player-heading{display:flex;justify-content:space-between;align-items:center}.player-heading h2{font:25px Georgia;margin:5px 0 6px}.player-heading .eyebrow{font-size:9px;margin:0 0 16px;color:#97a8b9}.reader-name{font:20px Georgia;margin:0}.player-subtitle{font:15px Georgia;color:#a3adbb;margin:7px 0 0}.sound-mark{font-size:18px;letter-spacing:2px;color:#b9c3cc;opacity:.75}.waveform{display:block;width:100%;height:57px;object-fit:fill;margin:20px 0 1px;opacity:.85}.hero-timeline{display:flex;gap:14px;align-items:center}.hero-timeline input{width:100%;min-width:0;height:28px}.hero-timeline output{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}.transport{display:flex;justify-content:center;gap:20px;align-items:center;padding:11px 0 0;position:relative}.transport>button{width:46px;height:50px;border:0;background:none;font-size:28px;padding:0;position:relative;line-height:1}.transport>button small{position:absolute;font-size:10px;left:18px;top:27px}.transport .primary-play{border:1px solid #cad5df;border-radius:50%;width:60px;height:60px;font-size:23px;background:radial-gradient(circle at top,#34495d,#182736);box-shadow:0 3px 16px #0005;padding-left:4px}.transport .primary-play:hover{background:#36536c}.speed-label{position:absolute;right:0}.speed-label select{background:transparent;border:0;padding:8px 3px;font-size:13px;width:61px}#status{font-size:10px;color:#b5c1cc;margin:12px 0 18px;min-height:17px}.resume{font-size:12px;border:0;background:#223951;padding:6px 14px;min-height:36px;margin-top:16px}.chapter-header{display:flex;justify-content:space-between;color:#8f9fae;font-size:9px;letter-spacing:.11em;border-top:1px solid var(--line);padding:17px 10px 10px}#chapters{display:grid;max-height:310px;overflow:auto;scrollbar-width:thin;scrollbar-color:#40556a transparent;margin:0 -9px}#chapters a{display:grid;grid-template-columns:25px minmax(0,1fr) 37px;align-items:center;gap:9px;padding:11px 10px;border-bottom:1px solid #b3c3d214;text-decoration:none;font:13px/1.4 Georgia,serif;border-radius:3px;min-height:46px}#chapters a:hover{background:#ffffff09}#chapters a.active{background:linear-gradient(90deg,#294766,#20354d);box-shadow:inset 0 1px #ffffff09}#chapters .chapter-index{font:10px system-ui;color:#b1bdc7}#chapters .chapter-time{font:10px system-ui;color:#b1bdc7;text-align:right}#chapters .chapter-title{color:#e8e5df}.alignment-note{font-size:9px;color:#93a2b1;margin:12px 0 18px}.copy-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.copy-picker label{font-size:11px;color:#b9c0c9}.copy-picker select{font-size:11px;max-width:195px;background:#112332;min-height:36px;padding:6px 9px}.player-notes,.native-player{font-size:11px;color:#a9b6c2;padding:12px 0 0}.player-notes summary,.native-player summary{cursor:pointer}.player-notes p{margin:10px 0}.native-player audio{margin-top:16px}.view-tabs{display:flex;flex-wrap:wrap;gap:28px;padding:27px 0;border-bottom:1px solid var(--line);font-size:12px;color:#c8cdd2}.view-tabs a{text-decoration:none}.view-tabs a:hover{color:var(--accent)}.layout{display:block;max-width:850px;margin:0 auto}.layout section{padding:35px 0;border-bottom:1px solid var(--line)}#book-text{font:20px/1.9 Georgia,serif;max-width:67ch}#book-text section{border:0;padding:10px 0 25px}#book-text p{margin:0 0 18px}#book-text h3{padding-top:10px}.search{display:grid;gap:10px;font-size:13px}.search input{padding:13px;background:#142635;border:1px solid #73889a77;border-radius:5px;width:100%}.segment{display:grid;grid-template-columns:78px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.segment p{margin:4px 0}.segment button{align-self:start;font-size:12px;padding:8px}.segment.current{border-left:3px solid var(--accent);padding-left:12px;background:#142635}.segment .kind{font-size:9px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}audio{display:block;width:100%}.mini{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#12202df5;border-top:1px solid #6e859b77;backdrop-filter:blur(16px);padding:13px max(20px,calc((100vw - 1236px)/2));display:flex;gap:22px;align-items:center;box-shadow:0 -10px 40px #0003}.mini[hidden]{display:none}.mini strong{font:15px Georgia}.mini small{display:block;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--soft);font-size:10px}.mini #mini-copy{font-size:9px;color:#d6b88e}.timeline{display:flex;gap:12px;align-items:center;flex:1;font-size:11px}.timeline input{width:100%;min-width:70px;min-height:44px}output{font-size:12px;white-space:nowrap}.mini a{font-size:11px}body>footer{font-size:11px;color:var(--soft)}section[id]{scroll-margin-top:24px}#after small{display:block;margin-top:8px}#after button{max-width:100%;text-align:left}@media(min-width:1100px){.cover-pane{min-height:850px}.player-pane{padding:35px 35px 22px}#chapters{max-height:345px}}@media(max-width:800px){body>header,main,body>footer{padding:20px}.header-right{gap:12px}.series-name{font-size:14px}.brand{font-size:18px}.badge{font-size:8px;padding:6px 7px}.edition-heading{padding:4px 0 15px}.edition-heading .eyebrow{font-size:8px}.edition-heading>span{font-size:8px}.listening-room{grid-template-columns:1fr}.cover-pane{min-height:390px}.cover-art{object-position:center 42%}.cover-copy{left:26px;bottom:23px;right:20px}.cover-copy h1{font-size:31px;margin:8px 0 17px}.cover-copy h1 br{display:none}.cover-copy .dek{font-size:17px;margin-bottom:17px}.cover-copy .eyebrow{font-size:10px}.cover-shade{background:linear-gradient(180deg,#080e1300,#0b0f1622 25%,#0b1117a6 55%,#0b121afc)}.cover-copy .art-credit{font-size:8px}.player-pane{padding:26px 24px 20px}.player-heading h2{font-size:25px}#chapters{max-height:300px}.mini{padding:10px 16px;gap:12px;flex-wrap:wrap}.mini>span{flex:1}.mini .timeline{order:5;flex-basis:100%}.mini a{display:none}.mini small{max-width:240px}body{padding-bottom:160px}.segment{grid-template-columns:64px minmax(0,1fr);gap:12px}.view-tabs{gap:16px;justify-content:space-between;font-size:11px}.series-name{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep the reference composition visible in the narrow desktop preview. */
@media(min-width:480px) and (max-width:800px){
 body>header,main,body>footer{padding-left:14px;padding-right:14px}
 .edition-heading .eyebrow{font-size:7px}.edition-heading>span{font-size:7px}
 .listening-room{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .cover-pane{min-height:0}.cover-art{object-position:45% center}
 .cover-copy{left:18px;right:14px;bottom:24px}
 .cover-copy h1{font-size:25px;line-height:1.13;margin:9px 0 18px}
 .cover-copy .eyebrow{font-size:8px;letter-spacing:.1em}
 .cover-copy .cover-date{font-size:12px}.cover-copy .dek{font-size:14px;line-height:1.45;margin-bottom:23px}
 .cover-copy .dek br{display:none}.cover-copy .art-credit{font-size:7px}
 .cover-shade{background:linear-gradient(180deg,#080e1300 20%,#0b0f1622 38%,#0b1117c4 62%,#0b121af5)}
 .player-pane{padding:20px 14px 14px;min-width:0}
 .player-heading .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:11px}
 .player-heading h2{font-size:18px;line-height:1.2}.reader-name{font-size:16px}.player-subtitle{font-size:12px;margin-top:5px}
 .sound-mark{display:none}.waveform{height:40px;margin-top:16px}
 .hero-timeline{gap:7px}.hero-timeline output{font-size:8px}.hero-timeline input{height:25px}
 .transport{gap:9px;justify-content:flex-start;padding:8px 0 0}
 .transport>button{width:31px;height:44px;font-size:24px}.transport>button small{left:11px;top:25px;font-size:8px}
 .transport .primary-play{width:47px;height:47px;font-size:19px}.speed-label select{font-size:10px;width:46px;padding:5px 0}
 #status{font-size:8px;line-height:1.5;margin:11px 0 14px;min-height:24px}
 .chapter-header{font-size:7px;padding:12px 4px 9px;letter-spacing:.05em}
 #chapters{max-height:230px;margin:0 -5px}#chapters a{grid-template-columns:15px minmax(0,1fr) 29px;gap:5px;padding:9px 6px;font-size:10px;min-height:44px}
 #chapters .chapter-index,#chapters .chapter-time{font-size:8px}
 .alignment-note{font-size:8px;line-height:1.4;margin:10px 0 12px}
 .copy-picker{display:block;padding-top:12px}.copy-picker label{display:block;font-size:9px;margin-bottom:5px}.copy-picker select{font-size:10px;width:100%;max-width:none;min-height:36px}
 .player-notes,.native-player{font-size:9px;padding-top:10px}.resume{font-size:10px;margin-top:10px;min-height:30px;padding:5px 8px}
}

/* Green returns as a material: fine seams and light within the waveform. */
:root{--hunter:#13231c;--thread:#93b88e;--copper:#bd9475;--rose:#a16e83;--cobalt:#405b83}
.player-pane{position:relative;isolation:isolate}
.player-pane::before{content:"";position:absolute;inset:0;background:url(/listening-editions/01/assets/current-threads.svg) center/100% 100% no-repeat;opacity:.27;pointer-events:none;z-index:-1}
.listening-room{border-color:#60816d55}
#chapters a.active{border-left:2px solid var(--thread);background:linear-gradient(90deg,#25453866,#223a54aa);padding-left:8px}
.transport .primary-play{border-color:#b5c7ae}
.edition-utilities{display:flex;gap:24px;max-width:850px;margin:0 auto;align-items:flex-start}
.edition-utilities details{flex:1;min-width:0}
.player-message{display:flex;align-items:center;gap:8px}
.player-message #status{flex:1}
.player-message .resume{margin:0;white-space:nowrap}
@media(min-width:480px){
 body>header{padding-top:13px;padding-bottom:13px}
 main{padding-top:10px}
 .edition-heading{padding:0 0 12px}
 .listening-room{height:calc(100dvh - 170px);max-height:850px;min-height:0}
 .cover-pane{min-height:0}
 .player-pane{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:20px;padding-bottom:16px}
 .player-pane>*{flex-shrink:0}
 #chapters{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .waveform{height:38px;margin-top:12px}
 .player-message{min-height:32px;margin:7px 0 11px}
 .player-message #status{margin:0;min-height:0}
 .player-message .resume{min-height:30px;font-size:10px;padding:5px 8px}
 .chapter-header{padding-top:12px;padding-bottom:10px}
 .alignment-note{margin:8px 0 10px}
 .view-tabs{padding:14px 0;gap:20px}
 .cover-copy{bottom:23px}
}
@media(min-width:480px) and (max-width:800px){
 .player-pane{padding:16px 14px 13px}
 .cover-copy h1{font-size:clamp(21px,4.65vw,25px);margin-bottom:13px}
 .cover-copy .dek{font-size:13px;margin-bottom:15px}
 .player-heading .eyebrow{margin-bottom:8px}
 .waveform{height:30px;margin-top:10px}
 .transport{padding-top:5px}
 .player-message #status{font-size:8px}
 .player-message .resume{font-size:8px;padding:5px 7px;min-height:28px}
 .copy-picker{display:flex;gap:8px;padding-top:10px}
 .copy-picker label{font-size:8px;margin:0;max-width:40px;line-height:1.4}
 .copy-picker select{min-width:0;width:auto;flex:1;font-size:9px;min-height:33px}
 .chapter-header{padding-top:10px;padding-bottom:8px}
 .view-tabs{gap:12px;font-size:10px}
}
@media(min-width:480px) and (max-height:660px){
 .edition-heading{display:none}
 .listening-room{height:calc(100dvh - 125px)}
 .player-pane{padding-top:10px;padding-bottom:10px}
 .player-heading .eyebrow,.player-subtitle{display:none}
 .waveform{height:22px;margin-top:5px}
 .player-message{min-height:24px;margin:5px 0}
 .cover-copy h1{font-size:clamp(20px,3vw,32px)}
 .cover-copy .dek{font-size:13px;margin-bottom:10px}
}
#chapters:focus-visible{outline:1px solid var(--thread);outline-offset:2px}