/* Coloring stays separate from the ten games and their saved progress. */
.coloring-kicker{margin:0 0 .6rem;color:#765118;font-size:.75rem;font-weight:850;letter-spacing:.1em;line-height:1.5}
.coloring-invitation{display:grid;grid-template-columns:140px 1fr;gap:1.7rem;align-items:center;margin:1.1rem 0 1.6rem;padding:1.3rem 1.6rem;border:1px solid #d9d5bd;border-radius:1.4rem;background:#fffdf5;color:#163b4e}
.coloring-invitation-image{display:block;width:140px;height:160px;padding:.35rem;border:1px solid #d8e0df;border-radius:.8rem;background:#fff}
.coloring-invitation-image img{display:block;width:100%;height:100%;object-fit:contain}
.coloring-invitation h2{margin:0 0 .5rem;font:700 clamp(1.5rem,3vw,2rem)/1.15 Georgia,serif;color:#123a50}
.coloring-invitation p:not(.coloring-kicker){max-width:65ch;margin:.5rem 0 1rem;line-height:1.6}
.coloring-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:46px;padding:.75rem 1rem;border:1px solid #b78b32;border-radius:.65rem;color:#142f43!important;background:#f8dc89;text-decoration:none!important;font-size:.9rem;font-weight:800;line-height:1.3;text-align:center}
.coloring-button:hover{background:#ffe8a8}
.coloring-section{scroll-margin-top:90px;margin:3rem 0 1.5rem;padding:clamp(1rem,3vw,2.1rem);border:1px solid #c9d9db;border-radius:1.5rem;color:#173b4d;background:linear-gradient(135deg,#f3faf8,#fffdf6)}
.coloring-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.8rem;margin-bottom:1rem}
.coloring-heading h2{max-width:20ch;margin:0 0 .8rem;font:700 clamp(1.9rem,3.5vw,2.7rem)/1.12 Georgia,serif;color:#123a50}
.coloring-heading p:not(.coloring-kicker){max-width:65ch;margin:.5rem 0;line-height:1.65}
.coloring-pack{flex-shrink:0;max-width:230px}
.coloring-print-note{padding:1rem 1.2rem;border-left:3px solid #b99038;background:#fff;margin:1rem 0 1.5rem;line-height:1.65;color:#36545a}
.coloring-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.coloring-card{min-width:0;overflow:hidden;border:1px solid #cedbdd;border-radius:1rem;background:#fff;box-shadow:0 6px 20px #102e4510}
.coloring-preview{display:block;position:relative;width:100%;padding:1rem 1rem 0;border:0;border-bottom:1px solid #e0e8e6;background:#fff;color:#173b4d;cursor:zoom-in}
.coloring-preview img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:contain;background:#fff}
.coloring-preview>span{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;font-size:.85rem;font-weight:750}
.coloring-card-copy{padding:1.2rem}
.coloring-card h3{margin:.3rem 0 .5rem;font:700 1.3rem/1.2 Georgia,serif;color:#123a50}
.coloring-card-copy>p:not(.coloring-kicker){margin:.5rem 0 1rem;min-height:3em;font-size:.9rem;line-height:1.5;color:#526967}
.coloring-card-actions{display:grid;gap:.4rem}
.coloring-card-actions>a:not(.coloring-button){display:flex;align-items:center;min-height:44px;color:#175768;font-size:.88rem;font-weight:650;text-underline-offset:3px}
.coloring-closing{margin:1.5rem 0 0;line-height:1.65;color:#36545a}
.coloring-closing a{display:inline-block;padding:.5rem;color:#175768;font-weight:750}
.coloring-dialog{width:min(850px,calc(100% - 24px));max-width:none;max-height:92dvh;margin:auto;padding:1rem;border:1px solid #c7d5d8;border-radius:1rem;background:#fffdf7;color:#183d4c;overflow:auto}
.coloring-dialog::backdrop{background:#061b32c9}
.coloring-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.2rem .2rem .8rem}
.coloring-dialog h2{margin:.5rem 0;font:700 1.4rem/1.2 Georgia,serif}
.coloring-dialog-heading button{min-height:44px;padding:.65rem .9rem;border:1px solid #aabec3;border-radius:.5rem;background:#fff;color:#183d4c;font-weight:700;cursor:pointer}
.coloring-dialog>img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:white}
.coloring-dialog-actions{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-top:1rem}
.coloring-dialog-actions a:not(.coloring-button){display:inline-flex;align-items:center;min-height:44px;color:#175768;font-weight:650;text-underline-offset:3px}
.coloring-dialog>p{font-size:.85rem;line-height:1.5}
.coloring-section :is(a,button):focus-visible,.coloring-invitation a:focus-visible,.coloring-dialog :is(a,button):focus-visible{outline:3px solid #247b93;outline-offset:4px}
@media(max-width:1050px){.coloring-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coloring-heading{flex-direction:column;gap:.8rem}.coloring-pack{max-width:none}}
@media(max-width:680px){.coloring-invitation{grid-template-columns:75px minmax(0,1fr);gap:.8rem;padding:1rem;margin:1rem 0}.coloring-invitation-image{width:75px;height:105px}.coloring-invitation h2{font-size:1.35rem}.coloring-invitation p:not(.coloring-kicker){font-size:.85rem;margin:.5rem 0}.coloring-invitation .coloring-button{font-size:.8rem;padding:.6rem}.coloring-kicker{font-size:.65rem}.coloring-section{margin-top:2rem;border-radius:1rem;scroll-margin-top:80px}.coloring-grid{grid-template-columns:1fr}.coloring-card-copy>p:not(.coloring-kicker){min-height:0}.coloring-heading h2{font-size:1.9rem}.coloring-dialog-heading{flex-direction:column}.coloring-dialog-heading button{align-self:flex-end}.collection-links{gap:0;flex-wrap:wrap;justify-content:flex-end}.collection-links a{padding:.4rem .45rem;font-size:.75rem}}

.coloring-card[hidden],.coloring-pagination[hidden]{display:none!important}.coloring-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;scroll-margin-top:88px}.coloring-pagination p{margin:0;font-weight:750}.coloring-pagination [role=group]{display:flex;flex-wrap:wrap;gap:.5rem}.coloring-pagination button{min-height:44px;padding:.6rem .9rem;border:1px solid #a5bcc0;border-radius:.55rem;background:white;color:#183d4c;font-weight:750;cursor:pointer}.coloring-pagination button[aria-pressed=true]{color:white;background:#174f61;border-color:#174f61}

.coloring-levels[hidden],.coloring-level-summary[hidden]{display:none!important}
.coloring-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.4rem 0}
.coloring-levels button{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-width:0;padding:1rem;border:2px solid #b6ced0;border-radius:.85rem;background:#fff;color:#173b4d;text-align:left;cursor:pointer;font:inherit}
.coloring-levels strong{font-size:1.15rem}.coloring-levels span{font-size:.83rem;line-height:1.5}.coloring-levels small{font-size:.8rem;font-weight:700}
.coloring-levels button[aria-pressed=true]{border-color:#175768;background:#e4f3ee;box-shadow:inset 0 0 0 1px #175768}
.coloring-level-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}.coloring-level-summary h3{margin:0 0 .4rem;color:#123a50;font:700 1.3rem/1.3 Georgia,serif}.coloring-level-summary p{max-width:60ch;margin:0;line-height:1.6}.coloring-level-summary>a{flex-shrink:0;max-width:280px}
@media(max-width:680px){.coloring-levels{grid-template-columns:1fr;gap:.5rem}.coloring-levels button{display:grid;grid-template-columns:1fr auto;gap:.2rem .5rem;padding:.8rem 1rem}.coloring-levels span{grid-column:1}.coloring-levels small{grid-column:2;grid-row:1/3;align-self:center}.coloring-level-summary{flex-direction:column;align-items:flex-start}.coloring-level-summary>a{max-width:none}}

.coloring-age-note{margin:.6rem 0;line-height:1.55;color:#36545a}.coloring-print-help{margin:.7rem 0 1rem;color:#36545a}.coloring-print-help summary{display:list-item;min-height:44px;padding:.6rem 0;font-weight:750;cursor:pointer}.coloring-print-help p{max-width:70ch;padding:.7rem 1rem;border-left:3px solid #b99038;background:#fff;line-height:1.6}

.kids-coloring-page .coloring-heading{padding-block:10px}.kids-coloring-page .coloring-heading h1{font-size:clamp(30px,5vw,48px);margin-block:8px}.kids-coloring-page .coloring-age-note{margin-block:6px}.coloring-print-help{margin-block:5px}.reading-level-choice{margin:8px 0;padding:8px}.reading-level-choice summary{cursor:pointer;min-height:44px}.reading-level-choice a{display:inline-block;min-height:44px;padding:8px}.coloring-levels{gap:8px!important}.coloring-levels button{padding:10px!important}

@media(max-width:600px){.kids-coloring-page .kids-area-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px!important}.kids-coloring-page .kids-area-nav a{min-width:0!important;min-height:44px;font-size:12px;padding:9px 7px!important}.kids-coloring-page .coloring-levels{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.kids-coloring-page .coloring-levels button{min-width:0!important;padding:10px 6px!important}.kids-coloring-page .coloring-levels strong{font-size:14px!important}.kids-coloring-page .coloring-levels :is(span,small){font-size:11px!important;line-height:1.5!important}.kids-coloring-page .coloring-age-note{font-size:13px!important;line-height:1.5!important}.kids-coloring-page .coloring-heading p{font-size:15px!important}.kids-coloring-page .coloring-print-help summary{font-size:14px!important;min-height:44px}.kids-coloring-page .coloring-heading{gap:8px!important}}

@media(max-width:600px){.kids-coloring-page .coloring-levels:not([hidden]){display:grid!important}.kids-coloring-page .coloring-levels[hidden]{display:none!important}.kids-coloring-page .coloring-levels button{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px}.kids-coloring-page .coloring-levels small{position:static!important;max-width:100%;white-space:normal}.kids-coloring-page .coloring-level-summary{padding:0!important;margin:0!important;gap:0!important}.kids-coloring-page .coloring-level-summary h2{font-size:18px!important;margin-block:8px!important}.kids-coloring-page .coloring-pagination{margin:4px 0 12px!important;gap:6px!important;font-size:14px}.kids-coloring-page .coloring-heading p{margin-bottom:5px!important}.coloring-full-pack{margin:20px 0}}