/* Book page: scoped additions to the existing Hey, Horny Toad! design. */
.book-page{max-width:1300px;margin:auto;padding:0 5%}.book-breadcrumb{display:flex;gap:12px;align-items:center;font-size:13px;margin:14px 0 34px;color:#625744}.book-breadcrumb a{font-size:13px;text-decoration:underline;font-weight:500}.book-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;padding-bottom:70px}.book-front{margin:0}.book-front img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 14px 32px #312b2024}.book-front figcaption{font-size:12px;margin-top:14px;color:#625744;text-align:center}.book-intro .eyebrow{margin-bottom:18px}.book-intro h1{font:650 clamp(38px,3.6vw,54px)/1.12 var(--serif);letter-spacing:-1.8px;margin:0 0 18px}.book-intro h1 span{display:block;font-size:.69em;line-height:1.22;color:var(--rust);margin-top:12px;letter-spacing:-1px}.book-byline{font-size:14px;margin:0 0 26px}.book-byline span{padding:0 5px}.book-deck{font:500 clamp(24px,2.3vw,31px)/1.35 var(--serif);margin:0 0 18px}.book-intro>p:not([class]){font-size:17px}.book-facts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.book-facts span{font-size:12px;line-height:1.5;padding:6px 11px;border:1px solid var(--rule);border-radius:30px}.book-actions{display:flex;flex-wrap:wrap;gap:12px}.book-actions .button{padding:12px 19px;font-size:14px;border:1px solid var(--rust)}.book-actions .book-secondary{color:var(--rust);background:transparent}.book-actions .book-secondary:hover{background:#eadeca}.book-purchase-note{font-size:12px;color:#625744;margin:12px 0 0}.book-story{border-top:1px solid var(--rule);padding:58px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.book-page h2{font:550 clamp(30px,3.3vw,44px)/1.16 var(--serif);letter-spacing:-1.5px;margin:0 0 22px}.book-story p:first-child:not(.eyebrow){margin-top:0}.book-story p{margin:0 0 20px}.book-bottom{border-top:1px solid var(--rule);padding:55px 0 65px;display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.book-bottom .eyebrow{margin-bottom:18px}.book-bottom h3{font:550 25px/1.25 var(--serif);margin:0 0 18px}.book-real{border-left:1px solid var(--rule);padding-left:32px}.book-real p{font-size:16px}.book-real .book-support{font-size:13px;margin-top:27px;color:#625744}.home-book-callout{display:grid;grid-template-columns:240px 1fr;gap:45px;align-items:center;border-top:1px solid var(--rule);padding-top:42px}.home-book-callout img{width:100%;height:auto;box-shadow:0 8px 25px #312b2024}.home-book-callout h2{margin-bottom:18px;font-size:38px}.home-book-callout .eyebrow{margin-bottom:15px}.home-book-callout p{max-width:650px}.home-book-callout .button{margin-top:8px}
@media(max-width:800px){.book-page{padding:0 6%}.book-hero{gap:5%}.book-intro h1{font-size:36px}.book-byline{font-size:12px}.book-deck{font-size:23px}.book-intro>p:not([class]){font-size:15px}.book-actions .button{padding:11px 14px}.book-story{gap:6%}.book-bottom{gap:7%}}
@media(max-width:650px){.book-breadcrumb{margin:10px 0 24px}.book-hero{display:flex;flex-direction:column;gap:30px;padding-bottom:38px}.book-front{width:min(100%,430px)}.book-front figcaption{font-size:11px}.book-intro{width:100%}.book-intro h1{font-size:40px}.book-byline{font-size:13px;margin-bottom:22px}.book-deck{font-size:27px}.book-intro>p:not([class]){font-size:17px}.book-story,.book-bottom{display:block;padding:35px 0}.book-page h2 br{display:none}.book-story>div+div{margin-top:25px}.book-real{border-left:0;border-top:1px solid var(--rule);padding:28px 0 0;margin-top:35px}.book-actions .button{text-align:center;flex:1 1 145px}.home-book-callout{grid-template-columns:1fr;gap:24px;padding-top:32px}.home-book-callout img{max-width:260px;margin:auto}.home-book-callout h2{font-size:32px}}
