/* Scoped site navigation; activity colors and controls remain content-specific. */
nav.resource-site-nav {
  box-sizing: border-box; display: flex; flex: 0 0 auto; flex-wrap: wrap;
  align-self: center; align-items: center; justify-content: space-between;
  gap: 8px 24px; width: 100%; max-width: 1120px;
  margin: 0 auto 24px; padding: 12px 16px;
  background: #fdfdfc; color: #292b29; border: 1px solid #dedfd9;
  border-radius: 0; box-shadow: none; text-align: left;
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
nav.resource-site-nav a { color: #454b42; font: inherit; text-decoration: none; letter-spacing: normal; text-transform: none; }
nav.resource-site-nav a:first-child { font-weight: 600; }
nav.resource-site-nav a:hover { text-decoration: underline; text-underline-offset: 3px; }
nav.resource-site-nav a:focus-visible { outline: 2px solid #315840; outline-offset: 4px; }
/* Full-screen grids reserve their first row for site navigation. */
body.resource-grid-activity > nav.resource-site-nav {
  align-self: stretch; max-width: none; margin: 0; position: relative; z-index: 20;
}
@media print { nav.resource-site-nav { display: none; } }