/* Balanced primary navigation across desktop, tablet and mobile. */
.tabs{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin:25px 0;
  padding:8px 0 10px;
}
.tabs .tab{
  width:100%;
  min-width:0;
  min-height:44px;
  padding:10px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
  white-space:normal;
}
@media(max-width:980px){
  .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:620px){
  .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tabs .tab{min-height:42px;font-size:10px}
}