/* Shared identity and navigation for the homepage and About Us. */
.site-header nav { gap: clamp(18px, 2.6vw, 38px); }
.site-link { display: inline-flex; align-items: center; min-height: 44px; position: relative; }
.site-link:hover { color: var(--teal); }
.site-link[aria-current="page"]::after { content: ""; position: absolute; bottom: 6px; left: 0; right: 0; height: 1px; background: var(--teal); }
.site-brands { display: flex; align-items: center; gap: 26px; flex: none; }
.university-brand, .site-header .brand { display: inline-flex; align-items: center; min-height: 44px; }
.university-brand img { display: block; width: 132px; height: auto; }
.nav-toggle { display: none; }
@media (max-width: 760px) {
  .site-header { height: auto; min-height: 68px; flex-wrap: wrap; padding-inline: 22px; }
  .site-brands { gap: 16px; }
  .university-brand img { width: 112px; }
  .site-header .brand { gap: 8px; }
  .site-header .brand span { font-size: 10px; letter-spacing: .12em; padding-left: 8px; }
  .site-header nav { flex-basis: 100%; justify-content: space-between; padding-bottom: 12px; font-size: 14px; }
  .site-header .workbench { min-height: 44px; padding: 10px 16px; font-size: 14px; }
  .site-header.nav-enhanced { height: 68px; flex-wrap: nowrap; }
  .nav-enhanced .nav-toggle { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 10px; margin-right: -10px; }
  .nav-toggle span { position: relative; display: block; width: 22px; height: 14px; }
  .nav-toggle span::before, .nav-toggle span::after { content: ""; position: absolute; left: 0; width: 22px; height: 1px; background: currentColor; }
  .nav-toggle span::before { top: 3px; }
  .nav-toggle span::after { bottom: 3px; }
  .nav-toggle[aria-expanded="true"] span::before { top: 6px; transform: rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span::after { bottom: 7px; transform: rotate(-45deg); }
  .nav-enhanced nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 8px 22px 20px; background: var(--paper); border-bottom: 1px solid var(--rule); }
  .nav-enhanced.nav-open nav { display: flex; }
}
@media (max-width: 360px) {
  .site-header { padding-inline: 16px; }
  .site-brands { gap: 12px; }
  .university-brand img { width: 96px; }
  .site-header .brand { gap: 6px; }
  .site-header .brand span { padding-left: 6px; font-size: 9px; }
  .nav-enhanced nav { padding-inline: 16px; }
}