.color-books{border-top:1px solid #dce1ea;padding-block:28px}.color-books .shop-heading{margin-bottom:18px}.color-books .eyebrow{color:#087b53}.color-books-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.color-book{border:1px solid #dce1ea;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.color-book>a.book-cover{display:block;background:#f4f5f8;padding:18px;text-decoration:none}.book-cover img{height:248px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #14244724);transition:transform .2s}.book-cover:hover img{transform:translateY(-3px)}.book-copy{padding:18px;display:flex;flex:1;flex-direction:column}.book-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:6px}.book-copy h3{font-size:24px;margin-bottom:8px}.book-copy>p{font-size:14px;line-height:1.55;color:#526078;margin-bottom:12px}.book-copy .book-facts{font-size:12px;margin-top:auto}.book-copy .button{width:100%;justify-content:center;background:#087b53;color:#fff;min-height:46px;font-size:14px;border-radius:9px}.book-copy .book-sample{font-size:12px;display:flex;min-height:40px;align-items:center;justify-content:center;margin-top:6px}.book-note{font-size:12px;color:#526078;margin:15px 0 0;line-height:1.6}.books-hero{text-align:center;padding-block:30px 20px;max-width:880px}.books-hero h1{font-size:clamp(32px,4vw,48px);margin-bottom:14px}.books-hero p{font-size:16px;color:#526078;margin-inline:auto;max-width:680px}.books-hero .eyebrow{color:#087b53;font-size:10px}.books-hero .book-price{font-size:15px;color:#142447}.books-hero .book-price b{font-size:22px}.books-how{padding-block:26px;border-top:1px solid #dce1ea}.books-how h2,.books-preview h2{font-size:28px;margin-bottom:16px}.books-how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-left:22px;margin-bottom:0}.books-how li{padding-left:5px;font-size:14px;color:#526078}.books-how strong{display:block;color:#142447;margin-bottom:4px}.books-preview{padding-block:24px}.books-preview details{border-bottom:1px solid #dce1ea;padding-block:12px}.books-preview summary{min-height:32px;font-size:15px;font-weight:650;cursor:pointer}.books-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 0}.books-samples img{width:100%;border:1px solid #dce1ea;border-radius:8px}.books-preview>p{font-size:13px;color:#526078}.books-faq{max-width:880px;padding-block:24px}.books-faq h2{font-size:28px;margin-bottom:16px}.books-faq summary{min-height:50px;font-size:14px}.books-faq p{font-size:14px;color:#526078}.books-support{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce1ea;padding-block:22px;font-size:13px}.shop-actions .coloring-cta{background:#087b53!important;color:white!important;border:0}.storefront .desktop-nav{gap:20px}
@media(max-width:760px){.color-books-grid{grid-template-columns:1fr;gap:12px}.color-book{display:grid;grid-template-columns:31% 1fr}.color-book>a.book-cover{padding:12px 8px;display:flex;align-items:center}.book-cover img{height:auto;max-height:210px}.book-copy{padding:14px}.book-copy h3{font-size:21px}.book-copy>p{font-size:12px}.book-copy .button{font-size:12px;padding-inline:6px}.book-copy .book-facts{font-size:11px}.book-copy .book-sample{font-size:11px}.books-how ol{grid-template-columns:1fr;gap:15px}.books-hero{padding-block:24px 8px}.books-hero p{font-size:14px}.books-samples{gap:8px}.books-support{flex-direction:column;gap:12px}.storefront .shop-actions{flex-wrap:wrap}.storefront .shop-actions .coloring-cta{flex-basis:100%;min-height:40px}}
@media(prefers-reduced-motion:reduce){.book-cover img{transition:none}}
/* Larger book previews on phones; desktop catalog remains unchanged. */
@media(max-width:760px){
 .color-book{display:flex;flex-direction:column}
 .color-book>a.book-cover{display:flex;justify-content:center;padding:18px 20px}
 .color-book .book-cover img{width:auto;max-width:100%;height:280px;max-height:none;object-fit:contain}
 .color-book .book-copy{padding:18px}
 .color-book .book-copy h3{font-size:25px}
 .color-book .book-copy>p{font-size:14px}
 .color-book .book-copy .book-facts{font-size:13px}
 .color-book .book-copy .button{font-size:14px;min-height:48px}
 .color-book .book-copy .book-sample{font-size:13px;min-height:44px}
 .books-samples{grid-template-columns:1fr;gap:14px}
 .books-samples img{max-width:440px;margin-inline:auto}
}