/* CHAPTER ONE (reading page) */
.read-hero{position:relative;padding:150px 0 54px;text-align:center;background:radial-gradient(800px 380px at 50% -60px,rgba(168,35,44,.2),transparent 70%),var(--bg);overflow:hidden}
.read-hero h1{font-size:clamp(34px,6.2vw,66px);margin-bottom:18px;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
:root{--title-grad:linear-gradient(100deg,#f6e0aa,#d4af68 45%,#f6e0aa)}
:root[data-theme="light"]{--title-grad:linear-gradient(100deg,#6b4707,#b88a2a 45%,#6b4707)}
.rule{width:60px;height:2px;margin:0 auto 22px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.intro-note{max-width:48ch;margin:0 auto;color:var(--muted);font-size:16px}
.en-note{max-width:46ch;margin:14px auto 0;font-size:12px;color:var(--gold-text)}
.en-note[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){.read-hero .eyebrow,.read-hero h1,.read-hero .rule,.read-hero .intro-note{animation:heroUp .9s cubic-bezier(.2,.8,.2,1) both}.read-hero h1{animation-delay:.12s}.read-hero .rule{animation-delay:.25s}.read-hero .intro-note{animation-delay:.35s}}
@keyframes heroUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.reading{padding:30px 0 90px;background:var(--bg)}
.reading-card{max-width:720px;margin:0 auto;padding:clamp(34px,6vw,70px) clamp(24px,6vw,70px);border-radius:30px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.chapter-label{text-align:center;font:600 13px 'Cinzel',serif;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-text);margin-bottom:34px}
.chapter-text{font:400 clamp(17px,2.1vw,19.5px)/1.95 'Lora',Georgia,serif}
.chapter-text p+p{margin-top:1.3em}
.chapter-text p:first-child::first-letter{float:left;font:600 4.3em/.82 'Cinzel',serif;padding:.08em .12em 0 0;color:var(--gold-text)}
.chapter-end{text-align:center;color:var(--gold);font-size:22px;margin-top:40px}
.cta{padding:20px 0 120px;background:var(--bg)}
.cta-panel{position:relative;max-width:860px;margin:0 auto;padding:clamp(34px,5vw,60px);border-radius:32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}
.cta-panel::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,var(--gold2),transparent 38%,transparent 62%,var(--gold));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cta-panel h2{font-size:clamp(24px,3.6vw,36px);margin-bottom:30px}
.cta-ask{display:flex;gap:18px;text-align:left;margin-bottom:22px}
.cta-ask .num{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-text);font:600 17px 'Cinzel',serif}
.cta-ask h3{font-size:18px;margin-bottom:6px}
.cta-ask p{color:var(--muted);font-size:15px}
.buy-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px 30px;margin:34px 0 8px;padding:26px;border-radius:24px;background:var(--bg);border:1px solid var(--line)}
.buy-cover{width:96px;border-radius:4px 8px 8px 4px;overflow:hidden;box-shadow:var(--shadow)}
.buy-price{font:600 clamp(34px,4.4vw,46px)/1 'Cinzel',serif;color:var(--gold-text);text-align:left}
.buy-price small{display:block;margin-top:8px;font:600 11px 'Inter',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.intl-line{margin-top:20px;font-size:14px;color:var(--muted)}
.intl-line a{color:var(--gold-text);text-decoration:none;border-bottom:1px solid var(--gold)}
.signoff{margin-top:40px;padding-top:30px;border-top:1px solid var(--line);font:italic 400 17px/1.6 'Lora',Georgia,serif;color:var(--muted)}
.signoff .name{display:block;margin-top:10px;font:600 14px 'Cinzel',serif;font-style:normal;letter-spacing:.14em;color:var(--gold-text)}
@media (max-width:560px){.cta-ask{flex-direction:column;text-align:center;align-items:center}.buy-price{text-align:center}}