/* Content-driven cover headers keep long book titles readable. */
.cover-heading{height:auto;min-height:36%;padding-bottom:12px;mask-image:none;border-radius:0 0 11px 0;margin-right:8px}
.cover img{inset:auto 0 0;height:74%}
.cover-title{font-size:clamp(1rem,1.5vw,1.22rem)}
.eyebrow{font-size:.75rem}
.world-label{max-width:95%;white-space:normal}
.grownups-notes summary{min-height:44px;align-items:center}
.reader-art img{object-fit:contain}
.cover-byline{background:#254b3e}
.reading-page .beat-label,.game-step{color:#a64522}
@media(max-width:570px){.cover-title{font-size:1.08rem}.cover-brand{font-size:.75rem}.cover-heading{padding-top:11px;padding-bottom:9px}.brand{font-size:1.4rem}.world-label{display:none}.reader-layout{display:block}.reading-page{min-height:210px}}
@media(max-width:380px){.site-header nav{display:none}.site-header .button-small{margin-left:auto}.cover-title{font-size:1rem}.bell-button{gap:8px;padding:10px 12px}.bell-button small{font-size:.75rem}.bell-icon{display:none}.rules-ribbon{font-size:.9rem;gap:5px}.rules-ribbon i{font-size:.75rem}.reader-copy{padding:18px}.reader-bottom .button{padding:10px}.friend-tab{font-size:.875rem}.friend-tab span{display:none}}
.welcome-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.welcome-actions .text-button{font-size:.95rem}.quick-game{display:block;margin-top:1.3rem}.friend-copy .play-team{display:inline-block;margin-left:1.25rem;color:#245747}.button[href]{text-decoration:none}
/* Keep every face and the full scene visible in both featured illustrations. */
.friend-panel{align-items:center;min-height:0}.friend-panel .friend-picture{height:auto;aspect-ratio:1;object-fit:contain;object-position:center;align-self:center}
.play-art{width:100%;padding:12px;border-radius:28px;transform:rotate(2deg)}.play-art img{height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border-radius:18px}

/* Override the intrinsic 1024px image height inside the Bell game cards. */
.game-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.game-dialog .game-top{position:sticky;top:0;z-index:2;background:var(--paper)}
.game-dialog .team-choices{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.game-dialog .team-choice{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.game-dialog .team-choice img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;flex-shrink:0}
.game-dialog .team-choice strong{line-height:1.25}
.game-dialog .team-choice small{font-size:.875rem;line-height:1.35;margin:0 10px}
.game-dialog .ask-picture{width:min(220px,100%);height:auto;aspect-ratio:1;object-fit:contain;object-position:center}
@media(max-width:800px){.game-dialog .team-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.game-dialog .team-choice img{height:clamp(100px,20dvh,180px)}}
@media(max-width:570px){.game-dialog .game-inner{padding:22px 18px}.game-dialog .team-choices{gap:12px}.game-dialog .ask-picture{width:min(180px,100%)}}

/* Keep the new learning destination reachable on small screens. */
@media(min-width:801px) and (max-width:1300px){.site-header:not(.editorial-header){flex-wrap:wrap}.site-header:not(.editorial-header) nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.site-header:not(.editorial-header) .button-small{margin-left:auto}}
@media(max-width:800px){.site-header nav{display:flex;flex-wrap:wrap;gap:14px}.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center;margin:0}.site-header .button-small{margin-left:auto}.site-header nav a{font-size:.875rem}}
.newsletter-section{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;background:#e8efd9;border-radius:28px;padding:40px;margin:40px auto}.newsletter-section h2{font-size:2.7rem;margin:12px 0}.newsletter-section p{line-height:1.65;max-width:550px}.newsletter-section>div:last-child>p{font-size:.8rem;margin-top:16px;color:#557167}@media(max-width:700px){.newsletter-section{grid-template-columns:1fr;gap:22px;margin:24px 16px;padding:28px}.newsletter-section h2{font-size:2.2rem}}