/* /world reader on top of style.css */
.whead{background:var(--forest);color:var(--paper);padding:130px 4vw 60px;text-align:center}
.whead .series{font:700 15px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--butter);margin:0 0 14px}
.whead h1{color:var(--paper);font-size:clamp(40px,5vw,72px)}
.whead .blurb{max-width:36em;margin:0 auto 26px;font-size:19px}
.whead .badge-inline{margin:0 auto;height:36px}
.chapter{background:var(--grey);padding:60px 4vw 80px}
.chcard,.endcard{max-width:760px;margin:0 auto;background:var(--paper);border:3px solid var(--forest);border-radius:26px;padding:48px 32px;text-align:center}
.chcard .dot,.endcard .dot{margin:0 auto 18px;display:block}
.chnum{font:700 16px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;color:var(--forest)}
.chcard h2{font-size:clamp(40px,5vw,64px)}
.jump{margin-top:24px}
.jump summary{cursor:pointer;font-weight:700;color:var(--forest)}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}
.thumbs a{position:relative;display:block;border:2px solid var(--forest);text-decoration:none}
.thumbs span{position:absolute;bottom:4px;right:4px;background:var(--butter);border:1px solid var(--forest);border-radius:999px;font:700 12px var(--sans);padding:1px 7px}
.reader{max-width:900px;margin:40px auto;display:flex;flex-direction:column;gap:36px}
.page{margin:0;background:#fff;border:3px solid var(--forest);scroll-margin-top:90px}
.page img{width:100%;height:auto}
.page figcaption{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:3px solid var(--forest);background:var(--paper);font-size:15px}
.num{font-weight:700}
.toggle{display:flex;border:2px solid var(--forest);border-radius:999px;overflow:hidden}
.toggle button{font:700 14px var(--sans);background:var(--paper);color:var(--forest);border:0;padding:6px 14px;cursor:pointer}
.toggle button.on{background:var(--butter)}
.ver{font-size:14px;color:var(--forest)}
.endcard h2{font-size:clamp(36px,4vw,52px)}
.endcard .small{font-size:14px;margin-top:16px}
.lfoot{padding:40px 4vw;font-size:16px}
.lfoot p{margin:6px 0}
.lfoot a{color:var(--butter)}
@media (max-width:900px){.thumbs{grid-template-columns:repeat(4,1fr)}.reader{gap:20px}}
.cover{border-color:var(--forest)}