/* Mini-kits retain their reading, preview and sign-up flow in the Mamie Joe palette. */
body.kit-joyful { --ink: #344d62; --purple: #2679a5; --orange: #995239; --paper: #fff9e8; --line: #d5d9bf; --kit-hand: "Chalkboard SE", "Comic Sans MS", Nunito, system-ui, sans-serif; background: linear-gradient(#fff9e8ef, #fff9e8ef), url("/assets/images/child-scribble-background.svg") center 110px / 1120px auto repeat-y #fff9e8; }
.kit-joyful header { border-bottom: 2px solid #efc356; }
.kit-joyful .brand { color: var(--ink); font-family: var(--kit-hand); }
.kit-joyful h1, .kit-joyful h2, .kit-joyful h3 { font-family: var(--kit-hand); letter-spacing: -.025em; }
.kit-joyful h1 { color: #2679a5; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.2; }
.kit-joyful h1 em { color: #47864d; font-style: normal; font-weight: 700; }
.kit-joyful h1::after { content: ""; display: block; width: min(245px, 75%); height: 45px; margin-top: 12px; background: url("/assets/icons/gribouillage-crayon.svg") left center / contain no-repeat; transform: rotate(-3deg); }
.kit-joyful h2 { color: #47864d; font-size: clamp(27px, 3vw, 36px); line-height: 1.25; }
.kit-joyful p, .kit-joyful .lead, .kit-joyful .cardtext p, .kit-joyful .faq details p { color: var(--ink); }
.kit-joyful .fine { color: #60665e; }
.kit-joyful .button { min-height: 48px; background: #ffda57; color: var(--ink); border: 2px solid #b79b48; border-radius: 16px 20px 17px 19px; box-shadow: 2px 3px 0 #c1a65230; line-height: 1.5; }
.kit-joyful .button:hover { background: #ffce37; }
.kit-joyful .button.secondary { background: #dceff6; border-color: #7da9bc; }
.kit-joyful .button.secondary:hover { background: #c4e4f1; }
.kit-joyful .scene { background: #dceff6; border: 2px solid #86b3ce; border-radius: 28px 21px 30px 23px; }
.kit-joyful .seal { background: #ffe78d; color: #7c6021; border: 2px solid #d3b24c; }
.kit-joyful .seal b { font-family: var(--kit-hand); }
.kit-joyful .card { background: #f5faeb; border: 2px solid #91b46c; border-radius: 22px 15px 25px 17px; box-shadow: 4px 5px 0 #91b46c25; }
.kit-joyful .card:nth-child(2) { background: #fff9df; border-color: #d3b24c; }
.kit-joyful .card:nth-child(3) { background: #fff2ed; border-color: #d99b85; }
.kit-joyful .thumb { background: #d9edba; }
.kit-joyful .card:nth-child(2) .thumb { background: #ffe78d; }
.kit-joyful .card:nth-child(3) .thumb { background: #ffd2c1; }
.kit-joyful .steps, .kit-joyful .closing { background: #edf7ff; border: 2px solid #86b3ce; border-radius: 24px 18px 27px 20px; }
.kit-joyful .book { background: #fff9df; border: 2px solid #d3b24c; }
.kit-joyful .formbox { background: #fffdf5; border: 2px solid #91b46c; border-radius: 24px 18px 27px 20px; }
.kit-joyful summary { min-height: 44px; padding-block: 10px; }
.kit-joyful .faq summary { font: 700 21px/1.45 var(--kit-hand); color: #466332; }
.kit-joyful .faq details { margin-bottom: 16px; padding: 12px 20px; background: #f5faeb; border: 2px solid #91b46c; border-radius: 20px 15px 22px 17px; }
.kit-joyful :is(a, button, input, summary):focus-visible { outline-color: #2679a5; }
.kit-joyful header a { display: inline-flex; align-items: center; min-height: 44px; }
.kit-joyful header .brand { display: block; }
@media (max-width: 750px) { .kit-joyful header { flex-wrap: wrap; gap: 12px; } .kit-joyful nav { flex-wrap: wrap; } .kit-joyful .hero { padding-top: 32px; } }