/* Equally discoverable destinations, including on small screens. */
@media (max-width:700px) {
  :root { --site-header-height:104px; }
  body .site-header {
    height:var(--site-header-height); min-height:var(--site-header-height);
    display:grid; grid-template-columns:1fr auto; grid-template-rows:58px 46px;
    gap:0 10px; padding:0 14px; align-items:center;
  }
  body.agents-page .site-header { row-gap:0; }
  .site-header .site-brand { grid-column:1; grid-row:1; width:max-content; }
  .site-header .site-header-actions { grid-column:2; grid-row:1; margin:0; }
  .site-header .site-navigation {
    grid-column:1 / -1; grid-row:2; display:flex; margin:0; align-self:stretch;
    justify-content:center; gap:8px; width:100%; height:46px;
  }
  .site-header .site-navigation a {
    display:flex; align-items:center; justify-content:center; min-height:44px;
    padding:0 6px; flex:1; font-size:12px; white-space:nowrap;
  }
  .site-header .site-navigation a[aria-current="page"]:after { bottom:2px; }
  .site-header .brand-logo { width:30px; height:30px; }
  .site-header .site-brand b { font-size:16px; }
}
/* Page switchers can hold five entries; scroll sideways rather than overflow the page. */
.agent-page-switch,.oracle-subnav{max-width:100%;overflow-x:auto;scrollbar-width:none}
.agent-page-switch a,.oracle-subnav a{white-space:nowrap;flex:0 0 auto}