/* Six aligned browse tabs, including the kids audience. */
#catalogue .audiences{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
#catalogue .audiences a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:8px 4px;text-align:center;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
@media(max-width:640px){
 #catalogue .audiences{gap:4px}
 #catalogue .audiences a{font-size:clamp(8px,2.1vw,11px);padding:5px 2px;min-height:40px;line-height:1.2}
}