/* Side-by-side screen categories; keep the established accent colours. */
main>.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;max-width:820px!important;gap:16px!important;margin:20px 0 24px!important}
main>.grid:has(>.tile:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))!important}
main>.grid>.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0;min-height:120px;padding:18px 20px;border-radius:14px}
main>.grid>.tile strong{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
main>.grid>.tile>span{margin:0;text-align:left;font-size:15px;line-height:1.4}
@media(max-width:600px){main>.grid,main>.grid:has(>.tile:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}main>.grid:has(>.tile:nth-child(3))>.tile:last-child{grid-column:1/-1}main>.grid>.tile{min-height:108px;padding:16px 14px}main>.grid>.tile strong{font-size:20px}main>.grid>.tile>span{font-size:14px}}

main>.grid>.tile{--choice:#98cbff;border:1px solid color-mix(in srgb,var(--choice) 50%,#28333f);border-left:4px solid var(--choice);background:color-mix(in srgb,var(--choice) 12%,#12171d)}
main>.grid>.tile[href*="filter=hard"]{--choice:#c6a0ff}main>.grid>.tile[href*="filter=color"],main>.grid>.tile[href*="filter=new"]{--choice:#ffbd78}main>.grid>.tile[href*="filter=mix"]{--choice:#bce65b}main>.grid>.tile[href*="filter=bw"]{--choice:#c4cdd8}