.whimsy-book{--ww-green:#123b36;--ww-gold:#e8c77d;--ww-paper:#f7f3e8;background:var(--ww-paper)}
.ww-hero{background:radial-gradient(ellipse at 80% 15%,#365b51 0,transparent 57%),#102c2c;color:#f6f2e8;padding:42px 0 64px;border-bottom:4px solid #be9853}
.ww-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,390px);gap:70px;align-items:center}
.ww-breadcrumb{display:inline-block;color:#d2dfd6;font-size:.875rem;margin-bottom:38px;text-decoration:none}
.ww-hero .eyebrow{color:var(--ww-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}
.ww-hero h1{font-size:clamp(3rem,5.4vw,4.7rem);line-height:1.03;color:#f7edcd;margin-bottom:14px;max-width:650px}
.title-and{font-size:.68em;font-style:italic;color:var(--ww-gold)}
.ww-byline{color:#d8e2dc;font-size:.95rem;margin-bottom:27px}
.ww-hook{font:600 clamp(1.65rem,2.5vw,2.15rem)/1.25 Royal,Georgia,serif;color:var(--ww-gold);margin-bottom:22px}
.ww-description{max-width:490px;color:#e2e9e1;font-size:1.05rem;line-height:1.7}
.ww-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.ww-actions .button{gap:20px}.ww-text-link{color:#f5ead2}
.ww-status{font-size:.8rem;color:#b8cfc3;margin:20px 0 0}
.ww-cover{margin:0;position:relative}.ww-cover img{width:100%;box-shadow:0 22px 48px #0005;border-radius:1px}.ww-cover figcaption{text-align:center;font:600 1.1rem/1.4 Royal,Georgia,serif;color:#d7e0cf;margin-top:18px}
.ww-reading{padding:64px 0 72px;scroll-margin-top:20px}.ww-reading-intro{max-width:650px;margin-bottom:32px}.ww-reading-intro .eyebrow{color:#776441;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.ww-reading-intro h2{font-size:clamp(2.2rem,4vw,3.2rem);color:#16463d}.ww-reading-intro p:last-child{color:#4d5b52;max-width:590px}
.excerpt-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.excerpt-link{display:flex;gap:16px;align-items:center;text-decoration:none;padding:20px 23px;border:1px solid #c6cbbb;background:#fffcf5;color:#24483d;border-radius:2px}.excerpt-link[aria-current=true]{background:#173e36;color:#fff2cd;border-color:#173e36}.excerpt-number{font:600 2.3rem/1 Royal,Georgia,serif;opacity:.55}.excerpt-link strong{display:block;font:600 1.5rem/1.2 Royal,Georgia,serif}.excerpt-link small{display:block;font-size:.8rem;margin-top:4px}.excerpt-link>span:last-child{margin-left:auto}
.ww-reader{max-width:950px;margin:auto;scroll-margin-top:15px;outline-offset:5px}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.reader-top .eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.reader-top h3{font-size:1.8rem;margin:0;color:#163e35}.reader-hint{font-size:.8rem;line-height:1.5;color:#596355;margin:0;text-align:right}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.reader-tools[hidden],.sample-page[hidden],.reader-transition[hidden]{display:none}.reader-button,.zoom-toolbar button{font:inherit;border:1px solid #879789;border-radius:3px;background:#fffcf5;color:#173e36;min-height:44px;padding:9px 17px;cursor:pointer}.reader-button:hover:not(:disabled){background:#e4ebdf}.reader-button:disabled{opacity:.4;cursor:default}.reader-button:focus-visible,.zoom-toolbar button:focus-visible,.ww-reader:focus-visible{outline:3px solid #ad792a;outline-offset:3px}.page-position{font-size:.85rem;text-align:center;font-variant-numeric:tabular-nums}.sample-page{margin:10px 0 25px}.page-art{display:block;background:#fff;box-shadow:0 8px 28px #1f312a17;cursor:zoom-in}.page-art img{width:100%;height:auto}.sample-page figcaption{display:flex;justify-content:space-between;gap:15px;margin:15px 0;font-size:.8rem;color:#576251}.page-transcript{border-top:1px solid #ccd1c1}.page-transcript summary{cursor:pointer;padding:12px 0;font-size:.9rem;color:#255545;min-height:44px}.transcript-copy{background:#fffdf7;border-left:3px solid #ba9a59;padding:20px 25px;font-size:1rem}.transcript-copy p{margin-bottom:14px}.reader-transition{text-align:center;margin:22px 0 0}.reader-transition .button{font:inherit;cursor:pointer}.ww-noscript{padding:18px;border:1px solid #c3ccbf}
.ww-afterword{background:#e9ede3;border-top:1px solid #c9d0c1;padding:58px 0}.ww-afterword-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px}.ww-afterword h2{font-size:2.7rem;color:#19483c}.ww-afterword p{max-width:570px}.ww-credits{border-left:1px solid #b8c2b0;padding-left:40px;color:#48594b;font-size:.95rem}.ww-credits .eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;color:#5f694f}.whimsy-book .studio-footer{background:#f9f8f1}
.page-dialog{width:calc(100vw - 28px);max-width:1400px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);margin:auto;border:0;padding:0;background:#e7e7de;box-shadow:0 20px 100px #0008}.page-dialog::backdrop{background:#071a18dd}.zoom-toolbar{min-height:62px;display:flex;gap:12px;align-items:center;padding:8px 16px;background:#123b36;color:#fff;flex-wrap:wrap}.zoom-toolbar span{margin-right:auto;font-size:.9rem}.zoom-toolbar button{background:#f7f3e8;padding:8px 12px}.zoom-toolbar a{color:#f9edc8;font-size:.85rem;min-height:44px;display:flex;align-items:center}.zoom-scroll{overflow:auto;height:calc(100% - 62px);overscroll-behavior:contain}.zoom-scroll img{width:100%;max-width:980px;margin:0 auto;cursor:zoom-in}.zoom-scroll.is-zoomed img{width:1540px;max-width:none;cursor:zoom-out}.dialog-open{overflow:hidden}
@media(min-width:1200px){.ww-cover{padding-top:12px}.ww-hero{padding-top:30px}}
@media(max-width:850px){.ww-hero-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(210px,300px)}.ww-hero h1{font-size:3.35rem}.ww-breadcrumb{margin-bottom:26px}.ww-afterword-layout{gap:35px}.ww-credits{padding-left:25px}}
@media(max-width:650px){.ww-hero{padding:25px 0 38px}.ww-hero-layout{grid-template-columns:1fr;gap:32px}.ww-hero h1{font-size:3.6rem;max-width:400px}.ww-cover{width:74%;max-width:330px;justify-self:center}.ww-breadcrumb{margin-bottom:26px}.ww-description{font-size:1rem}.ww-reading{padding:38px 0 45px}.excerpt-choice{grid-template-columns:1fr;gap:10px}.excerpt-link{padding:15px 17px}.excerpt-link strong{font-size:1.4rem}.excerpt-number{font-size:2rem}.reader-top{align-items:flex-start}.reader-hint{max-width:125px;font-size:.75rem}.reader-top h3{font-size:1.6rem}.reader-tools{gap:8px}.reader-button{font-size:.8rem;padding:9px 12px}.page-position{font-size:.75rem}.sample-page{margin-left:-12px;margin-right:-12px}.sample-page figcaption,.page-transcript{margin-left:12px;margin-right:12px}.ww-afterword-layout{grid-template-columns:1fr;gap:30px}.ww-afterword{padding:38px 0}.ww-afterword h2{font-size:2.25rem}.ww-credits{border-left:0;border-top:1px solid #b8c2b0;padding:25px 0 0}.page-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.zoom-toolbar{gap:8px;padding:7px 10px;min-height:58px}.zoom-toolbar span{font-size:.8rem}.zoom-toolbar button{font-size:.8rem;padding:8px 10px}.zoom-toolbar a{display:none}.zoom-scroll{height:calc(100% - 58px)}}
@media(prefers-reduced-motion:no-preference){.excerpt-link,.reader-button{transition:background-color .15s}}
