/* Site links: Why, EIA, Living EOV, Data, Collaboration, Ground Truth. */
.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1.05rem;
  align-items: center;
  margin: 0 0 0.35rem;
  flex: 1 0 100%;
}
.site-nav a,
.header-nav a.site-nav-link {
  color: var(--accent, #34d399);
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.site-nav a:hover,
.header-nav a.site-nav-link:hover { text-decoration: underline; }
.site-nav a[aria-current="page"],
.header-nav a.site-nav-link[aria-current="page"] {
  color: var(--text, #e2e8f5);
  box-shadow: inset 0 -2px 0 var(--accent3, #f59e0b);
}
.header-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
  align-items: center;
}
a.brand {
  color: var(--text, #e2e8f5);
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  text-decoration: none;
}
a.brand:hover { color: var(--accent, #34d399); text-decoration: none; }
a.about-link {
  margin-left: 0.85rem;
  color: var(--accent, #34d399);
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 0.72rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
a.about-link:hover { text-decoration: underline; }
a.brand:link,
a.brand:visited,
a.brand-home,
a.brand-home:link,
a.brand-home:visited {
  color: var(--text, #e2e8f5);
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-decoration: none;
  text-transform: none;
}
a.brand-home:hover { color: var(--accent, #34d399); text-decoration: none; }
.site-nav a:link,
.site-nav a:visited,
.header-nav a.site-nav-link:link,
.header-nav a.site-nav-link:visited,
a.about-link:link,
a.about-link:visited {
  color: var(--accent, #34d399);
  text-decoration: none;
}
.site-nav a[aria-current="page"]:link,
.site-nav a[aria-current="page"]:visited,
.header-nav a.site-nav-link[aria-current="page"]:link,
.header-nav a.site-nav-link[aria-current="page"]:visited {
  color: var(--text, #e2e8f5);
}
.app-header > a.about-link { margin-left: 0; }
.foot a.about-link {
  margin-left: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
@media (max-width: 720px) {
  .site-nav a,
  .header-nav a.site-nav-link,
  a.about-link {
    letter-spacing: 0.05em;
    font-size: 0.66rem;
  }
  .foot a.about-link { font-size: inherit; letter-spacing: 0; }
}