/* coloring pages (task 8818976b) */
.cp-box{display:grid;grid-template-columns:1fr;gap:22px;align-items:center;padding:26px 22px;border-radius:var(--radius);background:var(--turquoise-l);border:0}
@media (min-width:760px){.cp-box{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding:34px}.cp-hero{grid-template-columns:1fr;max-width:760px;margin:0 auto}}
.cp-copy h1,.cp-copy h2{margin-bottom:.35em}.cp-copy p{margin:0 0 14px}
.cp-thumbs{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:10px}
.cp-thumbs li{flex:0 1 170px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 4px 0 rgba(58,43,34,.12);transform:rotate(-3deg)}
.cp-thumbs li:nth-child(2){transform:rotate(2deg) translateY(-6px)}.cp-thumbs li:nth-child(3){transform:rotate(-1deg)}
.cp-thumbs img{border-radius:9px;width:100%}
.cp-all{flex-wrap:wrap;margin:10px 0 20px}.cp-all li{flex-basis:150px}
.cp-inside{text-align:center;margin-top:34px}.cp-note{text-align:center;color:var(--ink-soft)}
.cp-form{margin:0}.cp-label{display:block;font-weight:700;margin-bottom:6px}
.cp-row{display:flex;flex-wrap:wrap;gap:10px}
.cp-row input{flex:1 1 220px;min-width:0;min-height:56px;padding:12px 18px;border-radius:999px;border:2px solid rgba(58,43,34,.35);font:inherit;font-size:1.05rem;background:#fff;color:var(--ink)}
.cp-row input:focus{outline:4px solid var(--yellow);outline-offset:2px}
.cp-row .btn{flex:1 1 auto}
.cp-consent{font-size:.92rem;color:var(--ink-soft);margin:10px 0 0!important}
.cp-msg{min-height:1.2em;margin:6px 0 0!important;font-weight:700}.cp-msg.err{color:var(--pink-d)}
.cp-done{font-family:var(--head);font-size:1.4rem;margin:0 0 12px!important}
.cp-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cp-thanks{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.cp-card{max-width:560px;background:#fff;border:3px solid var(--turquoise);border-radius:var(--radius);padding:28px;box-shadow:0 6px 0 var(--turquoise-d);text-align:center}
.cp-small{font-size:.92rem;color:var(--ink-soft)}

/* direct ebook sales + per-book coloring card (task 39a23723; calmer v3 Nov 11) */
.ds-box{margin:18px 0 0;max-width:440px}
.btn.ds-btn{width:100%;background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-d);font-size:1.12rem;line-height:1.25}
.btn.ds-btn svg{color:#fff}
.btn.ds-btn:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}
.ds-sub{margin:8px 2px 0;font-size:.9rem;color:var(--ink-soft);text-align:center;font-weight:600}
.cp-mini{padding:22px;border-radius:24px;background:#fff;border:2px solid var(--yellow-l);box-shadow:0 8px 24px rgba(58,43,34,.06)}
.cp-mini-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.cp-mini-pic{flex:0 0 64px;width:64px;height:auto;border-radius:10px;border:3px solid var(--yellow-l);transform:rotate(-4deg)}
.cp-mini-h{font-size:1.35rem;margin:0 0 4px}
.cp-mini-p{margin:0!important;color:var(--ink-soft);font-size:.98rem;line-height:1.4}
.cp-mini .cp-row input{min-height:52px;border-width:2px}
.cp-mini .btn.primary{min-height:52px;background:var(--yellow);border-color:var(--yellow);box-shadow:0 4px 0 var(--yellow-d)}
.cp-form button.btn{font-family:inherit;font-weight:700}
.cp-label.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}