:root{--yellow:#F1EF78;--plum:#452550;--paper:#FBFAEC;--ink:#2a1530;--muted:#6a5a70;--rule:#d9d6a4;--accent:#452550;--onaccent:#F1EF78;--hero:#F1EF78;--herotext:#452550;--panel:#F3F1C4;--sans:"Futura","Avenir Next","Century Gothic","Trebuchet MS",Helvetica,Arial,sans-serif;--serif:"Baskerville","Baskerville Old Face","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1c0f22;--ink:#efe9d2;--muted:#b8a9bd;--rule:#3d2847;--accent:#F1EF78;--onaccent:#2a1530;--hero:#452550;--herotext:#F1EF78;--panel:#2a1733}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.55}
a{color:inherit;text-underline-offset:.18em}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{max-width:40rem;margin:0 auto;padding:0 16px}
.sans{font-family:var(--sans)}
.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;margin:0 0 .8rem}
.hero{background:var(--hero);color:var(--herotext);padding:36px 0 44px}
.hero .wrap{display:grid;gap:28px;max-width:62rem}
.hero img{width:min(100%,300px);height:auto;display:block;margin:0 auto;box-shadow:0 1px 0 rgba(0,0,0,.15),0 18px 30px -18px rgba(40,10,50,.55)}
.hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(2.2rem,9vw,3.6rem);line-height:1.04;margin:0 0 .5rem;letter-spacing:-.005em}
.hero .sub{font-style:italic;font-size:1.3rem;line-height:1.3;margin:0 0 1rem}
.hero .by{font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin:0 0 1.4rem}
.hero .promise{font-size:1.15rem;max-width:30rem;margin:0 0 1.6rem}
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{font-family:var(--sans);font-size:.95rem;letter-spacing:.04em;text-decoration:none;padding:.8em 1.3em;border:2px solid currentColor;display:inline-block;min-height:44px;background:transparent;color:inherit;cursor:pointer}
.btn.primary{background:var(--herotext);color:var(--hero);border-color:var(--herotext)}
main section{padding:40px 0 8px}
h2{font-family:var(--sans);font-weight:500;font-size:.8rem;letter-spacing:.26em;text-transform:uppercase;margin:0 0 1.2rem;padding-top:1rem;border-top:2px solid var(--ink)}
.player{background:var(--panel);padding:18px 16px;margin:0 -16px 8px}
.now{font-family:var(--sans);font-size:1.05rem;line-height:1.3;margin:0 0 .15rem}.nowsub{margin:0 0 .9rem;color:var(--muted);font-style:italic;font-size:.95rem}
.ctrls{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}
.ctrls button,.speed{font-family:var(--sans);font-size:.85rem;min-width:44px;min-height:44px;border:2px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;padding:0 .7em;border-radius:0}
.ctrls .play{background:var(--accent);color:var(--onaccent);min-width:92px;font-size:.95rem;letter-spacing:.06em}
.seek{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.78rem;font-variant-numeric:tabular-nums}
input[type=range]{flex:1;accent-color:var(--accent);height:28px;margin:0;min-width:0}
.tools{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-family:var(--sans);font-size:.8rem;color:var(--muted)}
ol.chaps{list-style:none;margin:18px 0 0;padding:0;counter-reset:x}
.chaps li{border-top:1px solid var(--rule)}.chaps li:last-child{border-bottom:1px solid var(--rule)}
.chaps button{width:100%;display:grid;grid-template-columns:2.2rem 1fr auto;gap:8px;align-items:baseline;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:12px 4px;cursor:pointer;min-height:48px}
.chaps .n{font-family:var(--sans);font-size:.78rem;color:var(--muted)}.chaps .d{font-family:var(--sans);font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}
.chaps .t{line-height:1.3}
.chaps li.cur{background:var(--accent)}.chaps li.cur button,.chaps li.cur .n,.chaps li.cur .d{color:var(--onaccent)}.chaps li.cur .t{font-weight:700}
.dl{list-style:none;padding:0;margin:0 0 1.2rem;display:grid;gap:10px}
.dl a.btn{display:block;text-align:left;border-color:var(--ink)}
.dl small{display:block;font-family:var(--serif);font-style:italic;letter-spacing:0;font-size:.85rem;color:var(--muted)}
details{margin:1rem 0;border-top:1px solid var(--rule)}summary{cursor:pointer;font-family:var(--sans);font-size:.9rem;padding:.8rem 0;min-height:44px}
.mp3{columns:1;padding:0;list-style:none;margin:0 0 1rem}.mp3 li{padding:.25rem 0;break-inside:avoid}
.note{font-style:italic;border-left:3px solid var(--accent);padding-left:14px;margin:1.6rem 0}
footer{padding:36px 0 120px;color:var(--muted);font-size:.9rem}
/* mini player */
.mini{position:fixed;left:0;right:0;bottom:0;background:var(--accent);color:var(--onaccent);display:none;align-items:center;gap:10px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:10}
.mini.on{display:flex}.mini .mt{flex:1;min-width:0;font-family:var(--sans);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini button{min-width:44px;min-height:44px;background:transparent;border:2px solid currentColor;color:inherit;font-family:var(--sans);font-size:.8rem;cursor:pointer}
.mini .bar{position:absolute;left:0;top:0;height:3px;background:var(--onaccent);width:0}
/* reading pages */
.read h1{font-family:var(--sans);font-weight:500;font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.1;margin:.2rem 0 1.6rem}
.read article p{margin:0 0 1em;hyphens:auto;-webkit-hyphens:auto}.read article p.orn{text-align:center;margin:1.6em 0}
.read article h2{border:0;padding:0;margin:2.2rem 0 .8rem;font-size:1rem;letter-spacing:.04em;text-transform:none}
.read article .sc{font-variant:small-caps;letter-spacing:.06em}
.read article ul,.read article ol{padding-left:1.4rem}
.read table{border-collapse:collapse;width:100%;font-size:.9rem}.read th,.read td{border-bottom:1px solid var(--rule);padding:.4em;text-align:left;vertical-align:top}
.pn{display:flex;justify-content:space-between;gap:12px;font-family:var(--sans);font-size:.9rem;margin:2.4rem 0 0;padding-top:1rem;border-top:2px solid var(--ink)}
.topbar{font-family:var(--sans);font-size:.85rem;padding:14px 0;border-bottom:1px solid var(--rule)}.topbar a{margin-right:1rem}
@media (min-width:760px){.hero .wrap{grid-template-columns:300px 1fr;align-items:center;gap:56px}.hero img{margin:0}.player{margin:0 0 8px;padding:24px}.mp3{columns:2;column-gap:2rem}.dl{grid-template-columns:1fr 1fr}.mini{display:none!important}body{font-size:19px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.offl{margin:14px 0 4px}.offl .bar2{height:6px;background:var(--rule);border-radius:3px;margin-top:8px;overflow:hidden}.offl .bar2 i{display:block;height:100%;width:0;background:var(--accent,#5a2a5e);transition:width .3s}.offl .btn{width:100%;text-align:center;min-height:48px}
/*RED*/

:root{--orange:#DF4A27;--ink:#181715;--cream:#FAF5EB;--cond:"Futura Condensed ExtraBold","Futura-CondensedExtraBold","Futura","Oswald","Anton","Impact","Arial Narrow",sans-serif}
:root,:root:not([data-theme=light]){--paper:var(--cream);--ink:#181715;--muted:#5a554d;--rule:#e3d8c3;--accent:#DF4A27;--onaccent:#fff;--hero:#DF4A27;--herotext:#fff;--panel:#F2E9D6}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#181715;--ink:#FAF5EB;--muted:#b9b1a3;--rule:#3a3631;--accent:#DF4A27;--onaccent:#fff;--hero:#DF4A27;--herotext:#fff;--panel:#24211e}}
h1,h2,.hero h1,.now,.eyebrow{font-family:var(--cond)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.01em}
.hero h1{font-size:clamp(2.8rem,13vw,5.2rem)!important;line-height:.95!important}
h2{font-size:1.3rem!important;letter-spacing:.08em!important;border-top:3px solid var(--ink)!important}
.hero{position:relative}
.hero .wrap{position:relative}
.hero .wrap::before,.hero .wrap::after{content:"";position:absolute;width:34px;height:34px;border:4px solid #fff;pointer-events:none}
.hero .wrap::before{top:-14px;left:6px;border-right:0;border-bottom:0}
.hero .wrap::after{bottom:-18px;right:6px;border-left:0;border-top:0}
.hero .sub{font-style:normal!important;font-family:var(--cond);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem!important}
.btn.primary{background:#181715!important;color:#fff!important;border-color:#181715!important}
.btn{border-radius:0}
.ctrls .play{background:#DF4A27!important;color:#fff!important;border-color:#DF4A27!important}
.chaps li.cur{background:#181715!important}.chaps li.cur button,.chaps li.cur .n,.chaps li.cur .d{color:#fff!important}
.player{border:3px solid var(--ink)!important;background:var(--panel)!important}
.hero img{box-shadow:0 18px 30px -16px rgba(0,0,0,.55)!important}


.voice{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.06em}
.voice span{font-size:.85rem;color:var(--muted);margin-right:4px;font-weight:800}
.voice button{font:800 1.05rem var(--cond);text-transform:uppercase;min-height:44px;padding:0 1.2em;border:3px solid #181715;background:transparent;color:#181715;border-radius:0;cursor:pointer}
.voice button.on,.voice button[aria-pressed=true]{background:#181715;color:#fff}
@media (prefers-color-scheme:dark){.voice button{border-color:#FAF5EB;color:#FAF5EB}.voice button.on,.voice button[aria-pressed=true]{background:#DF4A27;border-color:#DF4A27;color:#fff}}
/* hero: cream so the orange cover stands out */
:root,:root:not([data-theme=light]){--hero:#FAF5EB;--herotext:#181715}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hero:#FAF5EB;--herotext:#181715}}
.hero{background:#FAF5EB!important;color:#181715!important;border-bottom:10px solid #DF4A27}
.hero .wrap::before,.hero .wrap::after{border-color:#DF4A27!important}
.hero .eyebrow{color:#DF4A27}
.hero img{box-shadow:0 2px 0 rgba(0,0,0,.25),0 26px 44px -10px rgba(24,23,21,.6),0 0 0 1px rgba(24,23,21,.12)!important}
.hero .btn{border-color:#181715!important;color:#181715!important}
.hero .btn.primary{background:#DF4A27!important;border-color:#DF4A27!important;color:#fff!important}

.unlock{margin:0 0 28px}.nf{display:grid;gap:12px;max-width:26rem}.nf label{display:grid;gap:4px;font-family:var(--sans);font-size:.9rem}
.nf input,.nf select{font:1rem var(--sans);min-height:46px;padding:0 10px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.nf .btn.primary{background:#DF4A27!important;color:#fff!important;border-color:#DF4A27!important}
.chaps li.lk .d::before{content:"Free sign-up \00b7 ";font-size:.7em;letter-spacing:.04em}a.lk{opacity:.92}