/* Shared navigation: quiet typography and a clear active-page underline. */
.site-header { --nav-accent: #0076b3; box-shadow: none; }
body.theme-dark .site-header { --nav-accent: #81d2fa; }
.site-header .primary-nav { border-bottom: 1px solid var(--line); }
body.header-compact-sticky .site-header .primary-nav { box-shadow: none; }
.site-header .primary-nav a { font-weight: 500; border-radius: 0; }
.site-header .primary-nav a[aria-current="page"]:not(.primary-nav-join) { color: var(--nav-accent); font-weight: 600; }
.site-header .primary-nav a[aria-current="page"]::before { content: none; }
.site-header .primary-nav a::after { height: 2px; bottom: 0; background: transparent; }
.site-header .primary-nav a:hover,
.site-header .primary-nav a:focus-visible { color: var(--nav-accent); background: transparent; }
.site-header .primary-nav a:hover::after,
.site-header .primary-nav a:focus-visible::after { background: transparent; }
.site-header .primary-nav a[aria-current="page"]:not(.primary-nav-join)::after { background: var(--nav-accent); }
.site-header .primary-nav a:focus-visible { outline: 2px solid var(--nav-accent); outline-offset: -3px; }
.site-header .primary-nav .primary-nav-join { background: transparent; color: var(--nav-accent); border: 1px solid var(--nav-accent); border-radius: 7px; font-weight: 600; }
.site-header .primary-nav .primary-nav-join:hover { color: var(--nav-accent); background: transparent; border-color: var(--nav-accent); }
.site-header .primary-nav .primary-nav-join[aria-current="page"] { color: var(--paper); background: var(--nav-accent); }
@media (max-width: 640px) {
  .site-header .primary-nav a:hover,
  .site-header .primary-nav a:focus-visible { border-color: transparent; }
  .site-header .primary-nav a[aria-current="page"]:not(.primary-nav-join)::after { display: block; left: 10px; right: 10px; }
  .site-header .primary-nav .primary-nav-join { border-color: var(--nav-accent); }
  .site-header .nav-toggle { font-weight: 600; }
}

/* A compact logo links back to the homepage. */
.site-header .institution-inner { flex-direction: row; justify-content: flex-start; min-height: 36px; padding-top: 6px; padding-bottom: 6px; }
.cilab-top-logo { display: flex; align-items: center; cursor: pointer; }
.cilab-top-logo:focus-visible { outline: 2px solid var(--nav-accent); outline-offset: 4px; border-radius: 2px; }
.cilab-top-logo img { display: block; width: 60px; height: 20px; object-fit: contain; cursor: inherit; }
.site-header .lab-mark { display: block; }
.site-header .lab-title-block { grid-column: auto; }
.site-header .lab-header { min-height: 104px; }
@media (max-width: 640px) {
  .site-header .lab-header { min-height: 100px; padding-top: 16px; padding-bottom: 16px; }
  .site-header .lab-mark strong { line-height: 1.2; }
}