/* cats.css (20 Oct 2026) — Category tiles, Library tiles, log-in Shop tile, and "tiles not tabs": every chip/tab row becomes a wrapping tile grid */
.cat-grid,.cat-subs,.cat-libtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:12px;margin:10px 0 14px}
@media (min-width:900px){.cat-grid{grid-template-columns:repeat(5,1fr)}.cat-subs{grid-template-columns:repeat(4,1fr)}}
.cat-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:8px;margin:6px 0 18px}
.cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:104px;padding:12px 10px;text-decoration:none;font:inherit;cursor:pointer;width:100%;box-sizing:border-box}
.cat-tile .cat-tl{font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.cat-tile.cat-sm{min-height:64px;flex-direction:row;justify-content:flex-start;text-align:start;font-size:.95em}
.cat-libtiles .cat-tile[aria-pressed="true"]{outline:3px solid currentColor;outline-offset:2px}
.cat-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lg-shop{display:flex;align-items:center;gap:12px;margin:12px 0;padding:14px 16px;border-radius:16px;border:2px solid #1e4f55;background:#fff;color:#111;text-decoration:none;min-height:64px}
.lg-shop b{font-size:28px}.lg-shop span{display:flex;flex-direction:column;flex:1}.lg-shop small{opacity:.8}.lg-shop-go{font-size:26px;flex:none!important}
/* tiles, not tabs/chips/bars (shell pages) */
.hb-subf,.fc-chips,.id-filter,.tps-tabs,.lf-chips{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr))!important;gap:10px!important;overflow:visible!important;flex-wrap:wrap!important}
.hb-subf>button,.hb-subf>a,.fc-chips>button,.fc-chips>a,.id-filter>button,.tps-tabs>button,.lf-chips>button{min-height:64px!important;border-radius:16px!important;white-space:normal!important;width:100%!important;flex:none!important;text-align:center;font-weight:700;padding:10px!important;box-sizing:border-box}
.cat-hide{display:none!important}
/* 21 Oct: navigation overhaul */
#hbsr.cat-none>.card{display:none}
.cat-qh{margin-top:4px}
.cat-srh{margin:18px 0 8px}.cat-srh small{font-weight:400;opacity:.7}
.cat-sr .cat-tl{overflow-wrap:anywhere}
.lg-copy{display:block;margin:6px auto 0;max-width:60ch}
/* el-site-2: story art on tiles (existing bedtime pictures, shown as is) + Shop page */
.cat-tile.cat-art>b{overflow:hidden;padding:0}
.cat-tile.cat-art>b img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.cat-shoptop{margin:8px 0 14px}
.cat-shopgo{margin-top:14px}