/* ══ READER — chapter one / long-form reading ══ */

.read-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--blood-lit);z-index:200;transition:width .1s linear}

.read-intro{padding:calc(6rem + 5vh) 0 clamp(3rem,6vw,5rem);text-align:center;position:relative;overflow:hidden}
.read-intro::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(50% 40% at 50% 24%, rgba(120,24,30,.16), transparent 68%)}
.read-intro-inner{position:relative;z-index:2;max-width:720px;margin:0 auto;padding:0 clamp(1.4rem,4vw,4rem)}
.read-intro .eyebrow{display:block;margin-bottom:1.6rem;color:var(--blood-lit)}
.read-intro h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.04;margin-bottom:clamp(2rem,4vw,3rem)}
.read-intro h1 em{color:var(--gold);font-style:italic;font-weight:300}
.read-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,3vw,2.4rem);text-align:left;margin-bottom:clamp(2rem,4vw,3rem)}
.read-facts > div{border-top:1px solid var(--line);padding-top:1rem}
.rf-label{display:block;font-family:var(--sans);font-size:.58rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:.7rem}
.read-facts p{font-family:var(--serif);font-size:.98rem;color:var(--bone-dim);line-height:1.5}
.read-lede{font-family:var(--serif);font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--bone);max-width:56ch;margin:0 auto 2rem;line-height:1.55}
.read-note{margin-top:1.2rem;font-family:var(--sans);font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint)}

/* the reading column */
.reader-col{max-width:680px;margin:0 auto;padding:clamp(2rem,4vw,3rem) clamp(1.4rem,4vw,2rem) clamp(4rem,8vw,7rem)}
.reader-head{text-align:center;margin-bottom:clamp(2.6rem,5vw,4rem)}
.reader-head .eyebrow{display:block;margin-bottom:1rem;color:var(--gold)}
.reader-head h2{font-size:clamp(2rem,4vw,3rem)}
.chapter .ch-num{display:block;text-align:center;font-family:var(--sans);font-size:.62rem;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;color:var(--blood-lit);margin-bottom:clamp(2rem,4vw,3rem)}
.ch-body p{font-family:var(--serif);font-size:clamp(1.12rem,1.4vw,1.28rem);line-height:1.9;color:var(--bone-dim);margin-bottom:1.15em}
.ch-body em{color:var(--bone);font-style:italic}
.ch-body .sep{text-align:center;color:var(--blood);opacity:.6;margin:2.2em 0;font-size:.9rem}

.reader-end{text-align:center;border-top:1px solid var(--line);padding-top:clamp(2.6rem,5vw,4rem);margin-top:clamp(2rem,4vw,3rem)}
.reader-end-line{font-family:var(--display);font-weight:300;font-style:italic;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--bone);margin-bottom:2rem}
.reader-end-line em{color:var(--blood-lit)}
.reader-end-btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}
.reader-ku{margin-top:1.4rem;font-family:var(--sans);font-size:.6rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--bone-faint)}

@media(max-width:640px){.read-facts{grid-template-columns:1fr;gap:1.2rem;text-align:center}}