:root{--cream:#fff9f1;--plum:#241537;--purple:#4b2582;--pink:#f34e9a;--gold:#f5b942}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#1a1027;color:var(--cream);font-family:Arial,Helvetica,sans-serif}.readerHeader{position:relative;padding:42px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:.7fr 1.6fr .7fr;gap:28px;align-items:center;background:var(--plum);border-bottom:1px solid rgba(255,255,255,.15)}.readerHeader p{margin:0 0 10px;color:var(--pink);font:900 10px monospace;letter-spacing:.15em}.readerHeader h1{margin:0;font-size:clamp(34px,4vw,56px);line-height:.95;letter-spacing:-.05em}.readerHeader span{display:block;margin-top:12px;color:#cbbfd4;font:500 15px Georgia,serif}.back,.download{color:inherit;text-decoration:none;font-size:13px;font-weight:800}.download{justify-self:end;padding:14px 16px;background:var(--pink);box-shadow:4px 4px 0 var(--gold)}main{padding:42px 20px 90px}.readerNote{width:min(100%,900px);margin:0 auto 28px;display:flex;justify-content:space-between;gap:20px;color:#cbbfd4;font-size:13px}.readerNote b{color:var(--gold);font-family:monospace;text-transform:uppercase;letter-spacing:.1em}.pages{list-style:none;margin:0 auto;padding:0;width:min(100%,1000px);counter-reset:page}.pages li{position:relative;margin:0 0 34px;counter-increment:page;box-shadow:0 18px 48px rgba(0,0,0,.38);background:white}.pages li::after{content:"PAGE " counter(page);position:absolute;bottom:12px;right:-74px;color:#998da3;font:800 10px monospace;letter-spacing:.1em}.pages img{display:block;width:100%;height:auto}footer{display:flex;justify-content:space-between;gap:20px;padding:38px max(24px,calc((100vw - 1000px)/2));border-top:1px solid rgba(255,255,255,.15);color:#ad9eb9;font-size:13px}footer a{color:var(--gold);font-weight:800;text-decoration:none}@media(max-width:800px){.readerHeader{grid-template-columns:1fr}.readerHeader .back{order:2}.download{justify-self:start}.readerNote{display:block}.readerNote span{display:block;margin-top:8px}.pages li::after{display:none}main{padding-left:10px;padding-right:10px}footer{display:block}footer a{display:block;margin-top:12px}}
/* Brand mark */
.back{display:flex;align-items:center;gap:10px}.back img{width:42px;height:42px;border-radius:11px}.back span{margin:0;color:inherit;font:800 13px Arial,Helvetica,sans-serif}