.children-page{--ink:#fff9e8;--paper:#173b65;--muted:#365675;--gold:#1456ae;--line:#173b6533;color-scheme:light;background:#fff9e8;color:#173b65;font-family:'Trebuchet MS',system-ui,sans-serif}
.children-page h1,.children-page h2,.children-page h3{font-family:'Trebuchet MS',system-ui,sans-serif;font-weight:800;letter-spacing:-.045em}
.children-page .site-header{background:#ffdc52;color:#173b65;border-bottom:2px solid #173b651a}
.children-page .brand-sub{color:#173b65}.children-page .monogram{border:2px solid #173b65;background:white;color:#173b65;border-radius:12px}
.children-page .book-nav img{background:white}.children-page em{color:inherit}.children-page .menu-close,.children-page .menu-toggle{color:#173b65;border-radius:12px}
.kids-wrap{width:min(1180px,calc(100% - 56px));margin:0 auto}
.kids-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding:70px 0 84px}
.kids-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;line-height:1.6;color:#235579;margin-bottom:20px}
.kids-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.kids-tags span{font-size:13px;font-weight:700;border:1px solid #173b6544;border-radius:99px;padding:7px 12px;background:white}
.kids-hero h1{font-size:clamp(46px,5.6vw,78px);line-height:1.08;margin-bottom:26px}.kids-hero h1 span{color:#bd301f}
.kids-lead{font-size:clamp(23px,2.4vw,32px);font-weight:800;line-height:1.4;margin-bottom:24px}
.kids-hero-copy>p:not(.kids-kicker):not(.kids-lead){font-size:18px;line-height:1.8}.kids-credit{margin-top:20px}
.kids-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:28px}
.kids-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 23px;border:2px solid #173b65;border-radius:99px;background:#ffdc52;color:#173b65;font-size:16px;font-weight:800;box-shadow:0 5px 0 #173b65;text-align:center;line-height:1.5}
.kids-button:hover{background:#ffe886;color:#173b65;box-shadow:0 3px 0 #173b65}.kids-link{font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}
.kids-cover{position:relative;padding:22px 10px 10px}.kids-cover .art-button{border:6px solid white;border-radius:28px;overflow:hidden;box-shadow:14px 16px 0 #ffdc52,0 18px 50px #173b6526;transform:rotate(2deg)}
.kids-cover-note{position:absolute;top:-6px;left:-12px;z-index:1;background:#caeccc;border:2px solid #173b65;border-radius:99px;padding:10px 18px;font-size:15px;font-weight:800;transform:rotate(-7deg)}
.kids-story-band{background:#cceee6;padding:64px 0;border-block:2px dashed #173b6533}.kids-story-band .kids-wrap{max-width:900px}.children-page h2{font-size:clamp(34px,4.5vw,56px);line-height:1.15;margin-bottom:26px}.children-page h2 span{color:#ad331f}
.kids-story-band p:not(.kids-kicker){font-size:20px;line-height:1.8}.kids-values{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.kids-values span{padding:8px 16px;border-radius:99px;font-size:16px;font-weight:800;background:#fff9e8;border:1px solid #173b6544}
.kids-section{padding-block:72px}.kids-section-intro{font-size:18px;line-height:1.8;max-width:720px;margin-bottom:34px}
.kids-spread{margin:0 0 38px;border:2px solid #173b65;border-radius:26px;overflow:hidden;background:white;box-shadow:0 7px 0 #173b65}
.kids-spread .art-button{border:0;border-bottom:2px solid #173b65}.kids-spread figcaption{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:30px 36px}.sniff-spread figcaption{background:#e2f3c4}.hop-spread figcaption{background:#ffdfda}
.kids-spread h3{font-size:clamp(32px,4vw,48px);line-height:1.2;color:#1456ae}.kids-book-words{font-size:20px;line-height:1.6;columns:2;column-gap:24px}.kids-book-words p{margin:0 0 16px;break-inside:avoid}.kids-book-words strong{color:#1456ae;font-size:26px}
.kids-play-band{padding:64px 0;background:#ffdc52;border-block:2px dashed #173b6533}.kids-play-band>div>p:not(.kids-kicker){font-size:18px;line-height:1.75;max-width:760px}
.kids-play-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.kids-play-card{border:2px solid #173b65;border-radius:24px;background:white;color:#173b65;padding:26px 20px;text-align:center;box-shadow:0 6px 0 #173b65}
.kids-play-card>span{display:block;font-size:36px;margin-bottom:10px}.kids-play-card strong{display:block;font-size:27px;font-weight:800}.kids-play-card small{display:block;font-size:16px;margin-top:10px}.kids-play-card[aria-pressed=true]{background:#d9f1ff;box-shadow:0 3px 0 #173b65;border-width:3px}.kids-play-card:hover{background:#eaf6ff}
.kids-play-prompt{background:#fff9e8;border:2px solid #173b65;border-radius:18px;padding:22px 28px;font-size:20px;line-height:1.7;min-height:100px}
.kids-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.kids-friends figure{margin:0;border:2px solid #173b65;border-radius:24px;overflow:hidden;background:white}.kids-friends img{width:100%;height:auto}.kids-friends figcaption{padding:28px}.kids-friends h3{font-size:30px;margin-bottom:16px}.kids-friends p{font-size:17px;line-height:1.8}
.kids-grownups{background:#e4edf9;border:2px solid #173b65;border-radius:28px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-bottom:70px}.kids-grownups p:not(.kids-kicker),.kids-grownups li{font-size:18px;line-height:1.8}.kids-grownups ul{margin:0;padding-left:24px}.kids-grownups li{padding:9px 0}
.kids-finale{background:#ffe4e8;padding:64px 0 72px;text-align:center}.kids-finale p:not(.kids-kicker){font-size:19px;margin-bottom:28px}.children-page footer{background:#fff9e8;color:#173b65}
.children-page .image-dialog{background:#fff9e8;color:#173b65}.children-page .viewer-bar{background:#fff9e8;color:#173b65}.children-page .full-art{color:#173b65;text-decoration:underline}.children-page .icon-button{color:#173b65;border-color:#173b65}
@media(max-width:800px){.kids-hero{grid-template-columns:1fr;gap:40px;padding:44px 0 64px}.kids-cover{max-width:580px;margin:auto;width:100%}.kids-cover-note{left:0}.kids-hero h1{font-size:clamp(44px,9vw,66px)}.kids-spread figcaption{grid-template-columns:1fr;gap:18px;padding:26px}.kids-friends{grid-template-columns:1fr}.kids-grownups{grid-template-columns:1fr;padding:28px;gap:26px}.kids-play-cards{gap:14px}.kids-play-card{padding:20px 10px}.kids-play-card strong{font-size:22px}}
@media(max-width:520px){.kids-wrap{width:calc(100% - 32px)}.kids-section{padding-block:48px}.kids-play-cards{grid-template-columns:1fr}.kids-play-card{display:grid;grid-template-columns:56px 1fr;text-align:left;align-items:center;gap:0 12px}.kids-play-card>span{grid-row:1/3;margin:0;text-align:center}.kids-play-card small{margin-top:4px}.kids-book-words{columns:1;font-size:19px}.kids-play-prompt{font-size:18px;padding:20px}.kids-cover .art-button{box-shadow:7px 10px 0 #ffdc52,0 15px 30px #173b6526}.children-page .brand{font-size:11px}.children-page .brand-sub{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.kids-cover .art-button,.kids-cover-note{transform:none}}
@media(forced-colors:active){.kids-button,.kids-play-card,.kids-spread,.kids-friends figure,.kids-grownups,.kids-play-prompt{border:2px solid CanvasText;box-shadow:none}.kids-button,.kids-play-card{background:ButtonFace;color:ButtonText}}

.kids-picture-words{margin-top:20px;border-top:1px solid #173b6544;padding-top:12px}.kids-picture-words summary{cursor:pointer;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.kids-picture-words p{margin-top:16px}

/* A quiet trail of paws, with book characters beside the copy. */
.children-page main{background-image:url('assets/bear-paw-pattern.svg');background-size:260px 260px}
.kids-story-band,.kids-finale{background-image:url('assets/bear-paw-pattern.svg');background-size:260px 260px}
.kids-story-band .kids-wrap{max-width:1180px}
.kids-character-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,1fr);gap:40px;align-items:center}
.kids-character-copy{min-width:0}
.kids-character{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;align-self:end}
.kids-finale .kids-character-copy{text-align:left}
.kids-finale .kids-character{max-height:440px}
@media(max-width:800px){.kids-character-layout{grid-template-columns:minmax(0,1fr);gap:22px}.kids-character{width:min(78%,320px);max-height:390px;justify-self:center}.kids-finale .kids-character{max-height:360px}.kids-finale .kids-character-copy{text-align:center}}
@media(forced-colors:active){.children-page main,.kids-story-band,.kids-finale{background-image:none}}
