:root {
  --network-teal: #5b9e96;
  --network-dark-teal: #2f6f68;
  --network-blue: #0d47a1;
  --network-ink: #111827;
  --network-border: #e5e7eb;
}

.network-bar {
  background: #f2f8f7;
  color: var(--network-ink);
  border-bottom: 1px solid #dcebe8;
  font-family: var(--font-button, Inter, sans-serif);
}

.network-bar__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1152px;
  min-height: 40px;
  padding: 6px 24px;
}

.network-bar__label,
.network-bar a {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.network-bar__label { color: #52716d; }
.network-bar__links { display: flex; gap: 8px; }
.network-bar a { border-radius: 7px; color: #3f625e; padding: 6px 10px; text-decoration: none; }
.network-bar a:hover { background: #e3f0ed; color: #234d48; }
.network-bar a[aria-current="page"] { background: #dcefeb; color: #234d48; }

header.site-header {
  align-items: center;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--network-border);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px;
  padding: 12px 24px;
}

.site-header .logo-img { border-radius: 12px; height: 48px; width: 48px; }
.site-header .logo-subtitle { color: var(--network-dark-teal); display: block; font: 800 10px/1.2 var(--font-button, Inter, sans-serif); letter-spacing: .16em; margin-top: 3px; text-transform: uppercase; }
.site-header nav { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.site-header nav a { color: #52525b; font: 800 12px/1 var(--font-button, Inter, sans-serif); margin: 0; text-transform: uppercase; }
.site-header nav a:hover, .site-header nav a[aria-current="page"] { color: var(--network-dark-teal); }
.site-header .nav-cta { background: var(--network-blue); border-radius: 7px; color: #fff; padding: 11px 15px; }
.site-header .nav-cta:hover { background: #0a3a85; color: #fff; }

@media (max-width: 760px) {
  .network-bar__inner { justify-content: center; padding-inline: 12px; }
  .network-bar__label { display: none; }
  .network-bar__links { justify-content: center; width: 100%; }
  .network-bar a { font-size: 10px; padding-inline: 8px; }
  header.site-header { align-items: flex-start; flex-direction: column; gap: 12px; padding: 12px 18px; }
  .site-header nav { gap: 4px 14px; }
  .site-header nav a { min-height: 36px; }
}