/* RB5916: prevent shared browsing headers from exceeding narrow viewports. */
@media (max-width: 380px) {
  .site-header .header-inner:has(.rb-shell-links),
  .site-brand-header .site-brand-header-inner:has(.rb-shell-links) { column-gap: 8px; }
  .site-header .header-inner:has(.rb-shell-links) > .brand-logo,
  .site-brand-header .site-brand-header-inner:has(.rb-shell-links) > .brand-logo {
    width: clamp(98px, 36vw, 136px);
    flex: 0 0 auto;
    min-width: 0;
  }
  .site-header .header-inner > .brand-logo img,
  .site-brand-header .site-brand-header-inner > .brand-logo img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
  .site-header .header-nav:has(.rb-shell-links),
  .site-brand-header .site-brand-header-actions:has(.rb-shell-links) {
    flex: 1 1 132px;
    min-width: 0;
  }
  .site-header .rb-shell-links,
  .site-brand-header .rb-shell-links { gap: 12px; }
}
@media (max-width: 300px) {
  .site-header .header-inner:has(.rb-shell-links),
  .site-brand-header .site-brand-header-inner:has(.rb-shell-links) {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 8px;
  }
  .site-header .header-nav:has(.rb-shell-links),
  .site-brand-header .site-brand-header-actions:has(.rb-shell-links) {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
  }
}