
/* Shared secondary navigation control, including the Live view. */
@media(min-width:761px){
  html body .tabs:has(#primaryNav){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-rows:auto auto!important;
    gap:8px 6px!important;
  }
  html body .tabs:has(#primaryNav) .primary-wrap{
    grid-column:1 / -1!important;grid-row:1!important;
    width:100%!important;min-width:0!important;padding-right:0!important;
  }
  html body .tabs:has(#primaryNav) #secondaryNav{
    grid-column:1!important;grid-row:2!important;min-width:0!important;width:100%!important;
  }
  html body .tabs:has(#primaryNav) #secondaryNavMinimise{
    display:grid!important;place-items:center!important;
    position:static!important;transform:none!important;
    grid-column:2!important;grid-row:2!important;
    width:40px!important;min-width:40px!important;height:38px!important;
    align-self:center!important;justify-self:stretch!important;
    margin:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
  html body .tabs.secondary-collapsed:has(#primaryNav){
    grid-template-rows:auto!important;row-gap:0!important;
  }
  html body .tabs.secondary-collapsed:has(#primaryNav) .primary-wrap{
    grid-column:1!important;
  }
  html body .tabs.secondary-collapsed:has(#primaryNav) #secondaryNavMinimise{
    grid-row:1!important;
  }
  html body .tabs:has(#primaryNav) #mobileMoreBtn{display:none!important}
}
@media(max-width:760px){
  html body .tabs:has(#primaryNav) #secondaryNavMinimise{display:none!important}
  html body .tabs:has(#primaryNav) .primary-wrap{padding-right:43px!important}
  html body .tabs:has(#primaryNav) #mobileMoreBtn{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }
}
