/* Primary destinations share the same responsive header on every page. */
/* Keep the separator outside the link height; horizontal scrolling must not enable a vertical scrollbar. */
html body .oh-real-nav { box-sizing:content-box; overflow-y:hidden; }
html body .oh-real-nav a { white-space: nowrap; flex-shrink: 0; }
@media (min-width:681px) and (max-width:1199px) {
  html body .oh-real-inner { flex-wrap:wrap; height:auto!important; gap:0 20px; }
  html body .oh-real-nav { order:3; flex:1 0 100%; width:100%; height:48px; overflow-x:auto; border-top:1px solid var(--v4-line); }
  html body .oh-real-nav a { height:48px!important; min-height:48px!important; flex:1; }
  html body .oh-real-logo { height:64px!important; }
}
@media (min-width:1200px) {
  html body .oh-real-header .oh-real-inner { display:flex!important; flex-wrap:nowrap!important; height:72px!important; gap:10px!important; padding-inline:12px!important; }
  html body .oh-real-header .oh-real-logo { flex:0 0 auto!important; height:72px!important; padding-inline:0!important; }
  html body .oh-real-header .oh-real-logo img { width:154px!important; max-width:154px!important; }
  html body .oh-real-header .oh-real-nav { display:flex!important; order:0!important; flex:1 0 auto!important; width:auto!important; min-width:max-content!important; height:72px!important; border-top:0!important; overflow:visible!important; }
  html body .oh-real-header .oh-real-nav a { flex:1 0 auto!important; min-width:0!important; padding-inline:8px!important; gap:6px!important; font-size:12px!important; height:72px!important; }
  html body .oh-real-header .oh-real-actions { flex:0 0 auto!important; gap:6px!important; }
  html body .oh-real-header .oh-real-cta { min-width:0!important; width:auto!important; padding-inline:10px!important; height:34px!important; min-height:34px!important; font-size:11px!important; gap:7px!important; border-radius:4px!important; white-space:nowrap; }
  html body .oh-real-header .oh-real-live { padding-inline:8px!important; font-size:11px!important; }
  html body .oh-real-header .oh-account-name { display:block; max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (min-width:1200px) and (max-width:1599px) {
  html body .oh-real-header .oh-real-nav a { padding-inline:6px!important; gap:5px!important; }
  html body .oh-real-header .oh-account-name { max-width:64px; }
}
@media (min-width:1200px) and (max-width:1439px) {
  html body .oh-real-header .oh-real-inner { width:100%!important; gap:8px!important; }
  html body .oh-real-header .oh-real-logo img { width:140px!important; max-width:140px!important; }
  html body .oh-real-header .oh-real-nav a { padding-inline:7px!important; }
  html body .oh-real-header .oh-account-name { max-width:64px; }
}
@media (max-width:680px) {
  html body .oh-real-header .oh-real-inner .oh-real-nav { grid-template-columns:repeat(4,minmax(0,1fr))!important; grid-auto-rows:48px; height:auto!important; min-height:97px!important; max-height:none!important; }
  html body .oh-real-nav a { font-size:11px!important; }
  html body .oh-real-nav a img { display:none; }
}