:root{--bg:#f6f3ed;--panel:#fff;--text:#1e1e20;--muted:#6a6865;--line:#d8d3cb;--accent:#356da8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,serif;line-height:1.72}button{font:inherit}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 16px;background:#0c0c0d;color:#ddd;font:700 10px/1.2 ui-sans-serif;letter-spacing:1px;text-transform:uppercase}.demo-bar a{color:white}.reader-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:rgba(246,243,237,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.reader-header button{min-height:42px;padding:8px 12px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;cursor:pointer}.reader-header .chapters{margin-right:auto}.reader-header .home{font-weight:800}.reader-home{min-height:calc(100vh - 100px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 20px;text-align:center}.cover{width:min(280px,72vw);aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;padding:25px;border-radius:10px;color:white;font:950 36px/.95 ui-sans-serif;text-align:center;white-space:pre-line;box-shadow:0 30px 70px rgba(0,0,0,.25)}.reader-home h1{margin:28px 0 5px;font:900 clamp(34px,8vw,58px)/1 ui-sans-serif;letter-spacing:-2px}.reader-home p{color:var(--muted)}.primary{margin-top:18px;padding:14px 22px;border:0;background:var(--accent);color:white;border-radius:12px;font:900 13px ui-sans-serif;text-transform:uppercase;letter-spacing:.8px}.install-link{margin-top:15px;border:0;background:none;color:var(--text);text-decoration:underline;cursor:pointer}.chapter{max-width:760px;margin:auto;padding:55px 25px 120px}.chapter h1{font:900 clamp(35px,7vw,58px)/1 ui-sans-serif;letter-spacing:-2px}.chapter-content{white-space:pre-line;font-size:var(--font-size,20px)}.chapter-footer{display:flex;justify-content:space-between;gap:10px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.chapter-footer button{padding:12px 18px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px}.bookmark.active{background:#f3c65a}.drawer{position:fixed;inset:0 auto 0 0;z-index:30;width:min(360px,88vw);padding:30px 20px;background:var(--panel);border-right:1px solid var(--line);transform:translateX(-105%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.25)}.drawer.open{transform:none}.drawer h2{font-family:ui-sans-serif}.drawer button{display:block;width:100%;padding:14px;margin:6px 0;text-align:left;border:0;border-radius:9px;background:var(--bg);color:var(--text)}.drawer .close{width:auto;margin-left:auto}.overlay{position:fixed;inset:0;z-index:20;display:none;background:rgba(0,0,0,.55)}.overlay.open{display:block}dialog{max-width:560px;width:calc(100% - 30px);padding:30px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px}dialog::backdrop{background:rgba(0,0,0,.7)}dialog .close-dialog{float:right;border:0;background:none;color:var(--text);font-size:28px}.steps{font-family:ui-sans-serif;color:var(--muted)}.dark{--bg:#0e0e0f;--panel:#171719;--text:#f3f3f4;--muted:#aaa;--line:#343439}.dark .reader-header{background:rgba(14,14,15,.94)}@media(max-width:520px){.reader-header{gap:5px}.reader-header button{padding:7px 9px}.chapter{padding-top:38px}}

/* Matching cover system shared with the InstallableBook marketing site. */
.reader-home{perspective:900px}
.reader-home .cover{position:relative;width:min(224px,62vw);height:auto;aspect-ratio:19/29;justify-content:flex-end;align-items:flex-start;padding:24px 19px 26px;border-radius:3px 10px 10px 3px;transform:rotateY(-10deg) rotateZ(-1deg);box-shadow:-10px 10px 0 #070708,-13px 13px 0 #303036,0 35px 65px rgba(0,0,0,.38);font:800 29px/.9 ui-sans-serif;text-align:left;letter-spacing:-1.2px;text-transform:uppercase;overflow:hidden}
.reader-home .cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 8%,transparent 88%,rgba(0,0,0,.36));pointer-events:none}
.reader-home .cover:after{position:absolute;left:18px;right:18px;top:20px;color:rgba(255,255,255,.84);font:900 8px/1.2 ui-sans-serif;letter-spacing:1.8px;text-transform:uppercase;white-space:normal}
.fiction .reader-home .cover{background:radial-gradient(circle at 67% 23%,#f7d48d 0 2%,transparent 3%),linear-gradient(164deg,transparent 0 44%,rgba(190,113,56,.85) 45% 54%,transparent 55%),linear-gradient(145deg,#06172b 5%,#123c5a 47%,#8e4c2b 100%);font-family:Georgia,serif;font-style:italic;font-weight:600;text-transform:none}
.fiction .reader-home .cover:after{content:"An InstallableBook Novel"}
.study-guide .reader-home .cover{background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.07) 30px),linear-gradient(145deg,#102d24,#34745a 62%,#81b994)}
.study-guide .reader-home .cover:after{content:"A Practical Learning Guide"}
.business-guide .reader-home .cover{background:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.09) 49% 51%,transparent 52%),linear-gradient(145deg,#111720,#394552 64%,#7c8790)}
.business-guide .reader-home .cover:after{content:"Team Edition"}
@media(max-width:520px){.reader-home .cover{width:min(200px,58vw)}}

/* Exact main-site cover component. */
.reader-home .book-stage{position:relative;width:100%;height:340px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;perspective:900px}
.reader-home .book-stage:after{content:"";position:absolute;width:250px;bottom:18px;height:23px;background:rgba(0,0,0,.38);filter:blur(15px);border-radius:50%}
.reader-home .book-cover{position:relative;z-index:1;width:190px;height:290px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 18px 20px;border-radius:3px 10px 10px 3px;transform:rotateY(-12deg) rotateZ(-1deg);transform-style:preserve-3d;box-shadow:-10px 10px 0 #070708,-13px 13px 0 #303036,0 30px 48px rgba(0,0,0,.38);overflow:hidden;text-align:left;color:#fff}
.reader-home .book-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 8%,transparent 88%,rgba(0,0,0,.36));pointer-events:none}
.reader-home .book-cover:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.18)}
.reader-home .book-cover .book-kicker{position:relative;font:900 8px/1.2 ui-sans-serif;letter-spacing:2px;text-transform:uppercase;opacity:.85}
.reader-home .book-cover strong{position:relative;font:950 30px/.88 ui-sans-serif;letter-spacing:-1.6px;text-transform:uppercase;text-wrap:balance}
.reader-home .book-cover i{position:relative;font:800 9px/1.2 ui-sans-serif;font-style:normal;letter-spacing:1.2px;text-transform:uppercase;opacity:.85}
.reader-home .book-cover.fiction{background:radial-gradient(circle at 67% 23%,#f7d48d 0 2%,transparent 3%),linear-gradient(164deg,transparent 0 44%,rgba(190,113,56,.85) 45% 54%,transparent 55%),linear-gradient(145deg,#06172b 5%,#123c5a 47%,#8e4c2b 100%)}
.reader-home .book-cover.fiction strong{font-family:Georgia,serif;text-transform:none;font-weight:600;font-style:italic}
.reader-home .book-cover.study{background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.07) 30px),linear-gradient(145deg,#102d24,#34745a 62%,#81b994)}
.reader-home .book-cover.study strong{font-size:34px}
.reader-home .book-cover.field{background:linear-gradient(35deg,transparent 48%,rgba(255,255,255,.09) 49% 51%,transparent 52%),linear-gradient(145deg,#111720,#394552 64%,#7c8790)}
.reader-home .book-cover.field strong{font-size:27px}
@media(max-width:520px){.reader-home .book-stage{height:300px}.reader-home .book-cover{width:176px;height:270px}}