/* Equal illustration cells and caption baselines on phone and desktop. */
#categories.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px auto 18px;max-width:760px;align-items:stretch}
#categories .category{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:7px 3px 5px;min-width:0;min-height:0;background:transparent!important;border:0;border-radius:14px;box-shadow:none;color:#173e5b!important;overflow:visible;transform:none}
#categories .category::after{display:none}
#categories .category .icon{display:block;flex:none;width:88px;height:88px;margin:0;border-radius:18px;background-color:#f6f5f1;background-image:url('pixli-category-atlas.png');background-size:500% 400%;background-repeat:no-repeat;box-shadow:none;transition:box-shadow .15s}
#categories .category .icon svg{display:none}
#categories .category .category-caption{display:flex;align-items:flex-start;justify-content:center;width:100%;height:2.6em;line-height:1.3;font-size:14px;font-weight:700;text-align:center;overflow-wrap:normal}
#categories .category.selected .icon{outline:2px solid #ff9500;outline-offset:2px}
#categories .category:hover .icon{box-shadow:0 0 0 2px #ffbe62}
#categories .category:focus-visible{outline:3px solid #2682bd;outline-offset:1px}
@media(max-width:600px){#categories.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px 3px;margin:8px 0 12px}#categories .category{padding:5px 1px 2px;gap:5px}#categories .category .icon{width:min(72px,100%);height:auto;aspect-ratio:1;border-radius:14px}#categories .category .category-caption{font-size:14px}}