/* Shared utility links stay separate from the primary page navigation. */
body:not(.ui-a) .site-header.simple-site-header {
  display:flex;
  align-items:center;
  height:auto;
  min-height:68px;
  gap:16px;
}
body:not(.ui-a) .simple-site-header .page-header-home {
  flex:0 0 auto;
  width:auto;
}
:is(.site-header,.tools-header) nav.up-header-links {
  display:flex;
  align-items:center;
  align-self:center;
  justify-content:flex-end;
  flex:0 1 auto;
  flex-wrap:wrap;
  order:0;
  width:auto;
  min-width:0;
  min-height:0;
  margin-left:auto;
  gap:0 16px;
}
:is(.site-header,.tools-header) nav.up-header-links a {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:4px 0;
  border:0;
  color:var(--muted,#687587);
  font-size:12px;
  font-weight:400;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
}
:is(.site-header,.tools-header) nav.up-header-links a:hover,
:is(.site-header,.tools-header) nav.up-header-links a[aria-current=page] {
  color:var(--ink,#182331);
  text-decoration:underline;
  text-underline-offset:4px;
}
@media (max-width:1000px) {
  .ui-a :is(.site-header,.tools-header) {
    height:auto;
    min-height:0;
    flex-wrap:wrap;
    gap:0 16px;
    padding:0 14px;
  }
  .ui-a :is(.site-header,.tools-header) .brand { min-height:56px; }
  .ui-a :is(.site-header,.tools-header) nav:not(.up-header-links) {
    order:3;
    width:100%;
    min-height:44px;
  }
  :is(.site-header,.tools-header) nav.up-header-links {
    flex:1 1 0;
    max-width:260px;
    gap:0 12px;
  }
}
@media (max-width:480px) {
  :is(.site-header,.tools-header) nav.up-header-links { gap:0 10px; }
  :is(.site-header,.tools-header) nav.up-header-links a { font-size:11px; }
}
@media (max-width:360px) {
  :is(.site-header,.tools-header) nav.up-header-links { column-gap:6px; }
}