/* Canonical Working Tools frame shared by every public route. */
:root {
  --network-paper: #f5f0e7;
  --network-cream: #fffaf2;
  --network-ink: #1b1915;
  --network-muted: #5c584f;
  --network-line: #c8bda9;
  --network-signal: #d95d3a;
  --network-identity: #0f3f78;
  --network-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --network-display: Georgia, "Times New Roman", serif;
  --network-nav-height: 64px;
}

.network-nav,
.network-nav * {
  box-sizing: border-box;
}

.network-nav {
  background: rgb(245 240 231 / 97%) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--network-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--network-ink) !important;
  display: block !important;
  font-family: var(--network-sans) !important;
  height: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: var(--network-nav-height) !important;
  padding: 0 !important;
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1500 !important;
}

.network-nav-inner {
  align-items: center !important;
  display: flex !important;
  gap: 1.25rem !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: var(--network-nav-height) !important;
  padding: 0 clamp(1rem, 5vw, 4.5rem) !important;
  position: relative !important;
  width: 100% !important;
}

.network-nav-brand {
  align-items: center !important;
  color: var(--network-ink) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--network-display) !important;
  font-size: 1.22rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  line-height: 1 !important;
  min-height: 44px !important;
  padding: 0 !important;
  text-decoration: none !important;
  gap: 0.55rem !important;
}

.network-nav-mark {
  display: block !important;
  flex: 0 0 auto !important;
  height: 32px !important;
  object-fit: contain !important;
  width: 32px !important;
}

.network-nav-wordmark {
  white-space: nowrap !important;
}

.network-nav-wordmark > span {
  color: var(--network-identity) !important;
}

.network-nav-links {
  align-items: center !important;
  display: flex !important;
  gap: 0.15rem !important;
  justify-content: flex-end !important;
  margin: 0 0 0 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.network-nav-link {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  color: var(--network-muted) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  font-family: var(--network-sans) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  min-height: 44px !important;
  padding: 0.65rem 0.68rem !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.network-nav-link:hover,
.network-nav-link:focus-visible,
.network-nav-link[aria-current="page"] {
  color: var(--network-ink) !important;
}

.network-nav-link[aria-current="page"] {
  border-bottom-color: var(--network-signal) !important;
}

.network-nav-toggle {
  align-items: center !important;
  background: transparent !important;
  border: 1px solid var(--network-ink) !important;
  border-radius: 0 !important;
  color: var(--network-ink) !important;
  cursor: pointer !important;
  display: none !important;
  font-family: var(--network-sans) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 0 0 auto !important;
  min-height: 44px !important;
  min-width: 64px !important;
  padding: 0.65rem 0.8rem !important;
}

@media (max-width: 1040px) {
  .network-nav-inner {
    flex-wrap: wrap !important;
    gap: 0 !important;
  }

  .network-nav-toggle {
    display: inline-flex !important;
  }

  .network-nav-links {
    background: var(--network-paper) !important;
    border-top: 1px solid var(--network-line) !important;
    display: grid !important;
    flex-basis: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 !important;
    padding: 0.5rem 0 0.75rem !important;
    width: 100% !important;
  }

  .network-nav.network-nav-ready .network-nav-links {
    display: none !important;
  }

  .network-nav.network-nav-ready .network-nav-links.is-open {
    display: grid !important;
  }

  .network-nav-link {
    justify-content: flex-start !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
}

@media (max-width: 560px) {
  .network-nav-links {
    grid-template-columns: 1fr !important;
  }
}