/* Center the mobile logo in the identity row, independently of side controls. */
@media(max-width:750px){
  #ofr-shell #ofr-header .compact-identity>.brand-lockup{position:absolute;grid-area:auto;justify-self:auto;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%)}
}
/* Keep full-size touch targets clear of the centered mark on narrow screens. */
@media(max-width:360px){
  #ofr-shell #ofr-header .compact-tools{transform:translateX(-12px)}
  #ofr-shell #ofr-header .compact-tools .ofr-mobile-actions{gap:0}
  #ofr-shell #ofr-header .compact-mobile-phone{transform:translateX(12px)}
}
@media(max-width:320px){
  #ofr-shell #ofr-header .compact-identity>.brand-lockup{width:98px}
  #ofr-shell #ofr-header .brand img{width:82px}
  #ofr-shell #ofr-header .brand-accent{width:4px}
  #ofr-shell #ofr-header .brand-accent-left{left:0}
  #ofr-shell #ofr-header .brand-accent-right{right:0}
}