:root{--paper:#e7ddcb;--ink:#211c17;--gold:#a9854e;--line:rgba(169,133,78,.35)}body.free-reading-page{background:#090807;color:#ddd3c3}.reading-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:130px 0 90px;display:grid;grid-template-columns:180px minmax(0,740px) 200px;gap:30px;align-items:start}.reading-parts{position:sticky;top:110px;display:grid;border-top:1px solid var(--line)}.reading-parts a{padding:14px 4px;border-bottom:1px solid var(--line);color:#918778;text-decoration:none}.reading-parts a[aria-current=page]{color:#e0bd79}.reading-document{min-height:760px;padding:clamp(28px,6vw,72px);background:linear-gradient(rgba(255,255,255,.24),transparent),var(--paper);color:var(--ink);box-shadow:0 30px 80px #000}.reading-document h1{margin:.15em 0;font:600 clamp(3rem,7vw,5.5rem)/.9 var(--serif)}.reading-state{padding:.7rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.reading-state[data-type=locked]{color:#76552d}.reading-state[data-type=complete]{color:#365f42}.reading-copy{min-height:420px;padding:46px 0;font:1.12rem/1.9 Georgia,serif}.content-required{margin:60px auto;max-width:500px;text-align:center}.content-required strong{display:block;color:#76552d;letter-spacing:.18em}.reading-progress{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem}.reading-reward{position:sticky;top:110px;padding:20px;border:1px solid var(--line);background:#11100e}.reading-reward span,.reading-reward p{color:#968b7c;font-size:.78rem}.reading-reward strong{display:block;margin:.5rem 0;color:#e0bd79;font:600 2rem var(--serif)}@media(max-width:960px){.reading-shell{grid-template-columns:1fr}.reading-parts{position:static;grid-template-columns:repeat(4,1fr)}.reading-parts a{text-align:center}.reading-reward{position:static;order:2}.reading-document{order:1}}@media(max-width:560px){.reading-shell{width:min(100% - 24px,1180px);padding-top:100px}.reading-parts{grid-template-columns:repeat(2,1fr)}.reading-document{padding:26px 20px}.reading-progress{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}