/* Reader navigation refinements; the approved platform identity is unchanged. */
.reader-pages{order:3;border-left:0;border-right:1px solid #ffffff18}
.reader-page-grid.has-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px}
.reader-page-grid.has-thumbnails button{padding:5px;overflow:hidden}
.reader-page-grid.has-thumbnails img{display:block;width:100%;height:auto;min-height:70px;aspect-ratio:120/170;object-fit:contain;background:#f8f4ea;border-radius:3px}
.reader-page-grid.has-thumbnails img:not([src]){visibility:hidden}
.reader-page-grid.has-thumbnails button span{display:block;padding-top:4px;color:inherit}
.reader-page-grid.has-thumbnails button.active{box-shadow:0 0 0 1px #e4c56b}
#coloringCanvas{touch-action:none}
.competition-artwork{display:block;width:100%;max-height:260px;object-fit:contain;background:#faf6ee;border-radius:12px;margin-bottom:12px}
@media(max-width:700px){.reader-pages{inset:0 auto 0 0;box-shadow:12px 0 28px #0009}}
@media(max-width:380px){body.id-body .id-login{display:none}body.id-body .id-hero-copy{min-width:0;max-width:100%}}