/* Phone-only navigation tiles. Keep tablet, desktop, readers and game boards intact. */
@media screen and (max-width:650px){
 html body .page main :is(.categories,.section-cards.categories,.game-cards,.coloring-grid,.pip-quest-tiles){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:none!important;margin-inline:auto!important}
 html body .page main :is(.categories,.game-cards,.coloring-grid,.pip-quest-tiles)>:is(article.card,article.card:last-child,.game-card,.coloring-card,.pip-quest-tile),
 html body .page main article.featured-book{
 display:grid!important;grid-column:1/-1!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:center!important;gap:12px!important;padding:12px!important;min-width:0!important;min-height:0!important;width:100%!important;border-radius:20px!important;text-align:center!important;
 }
 html body .page main :is(.categories,.game-cards) :is(.art,.tile-image,.game-art),
 html body .page main article.featured-book>a:first-child{
 display:block!important;position:relative!important;grid-column:1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important;align-self:center!important;border-radius:12px!important;background-size:contain!important;background-position:center!important;
 }
 html body .page main :is(.tile-image,.featured-book>a:first-child)>:is(img,svg){display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
 html body .page main :is(.card,.game-card) .card-copy,
 html body .page main .featured-copy{display:flex!important;grid-column:2!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:0!important;gap:0!important}
 html body .page main :is(.card,.game-card,.featured-book,.coloring-card,.pip-quest-tile) h2{font:400 clamp(19px,5.2vw,28px)/1.12 Georgia,'Times New Roman',serif!important;letter-spacing:-.5px!important;margin:0 0 8px!important;overflow-wrap:anywhere!important}
 html body .page main :is(.card,.game-card,.featured-book,.coloring-card,.pip-quest-tile) p{font-size:12px!important;line-height:1.45!important;letter-spacing:0!important;min-height:0!important;margin:0 0 10px!important}
 html body .page main :is(.card,.game-card,.featured-book,.coloring-card,.pip-quest-tile) .pill{font-size:12px!important;line-height:1.3!important;letter-spacing:0!important;min-height:44px!important;padding:10px 13px!important;max-width:100%!important;margin:0!important;white-space:normal!important;gap:5px!important}
 html body .page main :is(.featured-book,.coloring-card) .actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:0!important}
 html body .page main .featured-copy .badge{font-size:10px!important;line-height:1.4!important;margin:0 0 6px!important}
 html body .page main .featured-copy .related{font-size:11px!important;line-height:1.4!important;margin-top:10px!important}
 html body .page main .featured-book:has(>.favorite-toggle) .featured-copy{padding-top:40px!important}
 html body .page main .coloring-card{grid-template-rows:auto auto auto!important}
 html body .page main .coloring-card>a:first-child{grid-column:1!important;grid-row:1/4!important;display:block!important;width:100%!important;align-self:center!important}
 html body .page main .coloring-card>a:first-child img{display:block!important;width:100%!important;height:auto!important;max-height:175px!important;object-fit:contain!important;margin:0!important}
 html body .page main .coloring-card>h2{grid-column:2!important;grid-row:2!important}
 html body .page main .coloring-card>.actions{grid-column:2!important;grid-row:3!important}
 html body .page main .coloring-card>.saved-kind{grid-column:2!important;grid-row:1!important;padding-top:35px!important;font-size:10px!important}
 html body .page main .coloring-card:not(.saved-card)>h2{padding-top:32px!important}
 html body .page main :is(.featured-book,.coloring-card)>.favorite-toggle{top:8px!important;right:8px!important}
 html body .page main article.featured-book+article.featured-book{margin-top:12px!important}
 html body .page main .card h2 br{display:none}
 html body .page main .pip-quest-art{width:100%;height:145px;margin:0;min-width:0}
 html body .page main .pip-quest-art img{height:110px;max-width:75%;object-fit:contain}
 html body .page main .pip-quest-art .mini-board{grid-template-columns:repeat(2,minmax(0,1fr));width:85%;gap:3px;padding:4px}
 html body .page main .pip-quest-art .mini-board span{font-size:25px}
}