:root{--space:#020815;--space2:#06142b;--cyan:#68d7ff;--ice:#dceeff;--line:rgba(104,215,255,.17);--white:#f7fbff}
*{box-sizing:border-box}html,body{margin:0;background:#020815;color:var(--white)}
body{font-family:Georgia,"Times New Roman",serif;background:
radial-gradient(circle at 12% 8%,rgba(23,105,224,.18),transparent 30rem),
linear-gradient(180deg,#020815,#06142b 55%,#020815);min-height:100vh}
.reading-page{width:min(900px,calc(100% - 2rem));margin:4rem auto;padding:clamp(2rem,6vw,5rem);border:1px solid var(--line);border-radius:28px;background:linear-gradient(155deg,rgba(10,35,75,.82),rgba(4,16,37,.96));box-shadow:0 28px 90px rgba(0,0,0,.45)}
.book-label{font:800 .68rem/1.3 Inter,system-ui,sans-serif;color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.8rem}
h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 2.4rem}
h2,h3{color:var(--cyan);line-height:1.25;margin:2rem 0 .7rem}
p{font-size:1.08rem;line-height:1.86;color:rgba(247,251,255,.88);margin:0 0 1.25rem}
.callout-paragraph{padding:.9rem 1rem;border-left:3px solid var(--cyan);background:rgba(47,140,255,.07);border-radius:0 12px 12px 0}
.list-item{padding-left:1.2rem}
.bullet{color:var(--cyan);margin-right:.6rem}
.book-figure{display:grid;place-items:center;margin:2rem 0}.book-figure img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.toc-entry{padding:.5rem 0;border-bottom:1px dotted var(--line)}
@media(max-width:600px){.reading-page{margin:1rem auto;padding:1.4rem;border-radius:18px}p{font-size:1rem;line-height:1.74}}