/* Shared public navigation. Scope overrides to the header, not tool content. */
nav.crd-site-nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 12px 24px;
  background: #fff;
  color: #0a2540;
  border: 0;
  border-bottom: 1px solid #dbe5e9;
  box-shadow: 0 2px 8px rgb(10 37 64 / 5%);
  box-sizing: border-box;
}
.crd-site-nav .crd-site-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  max-width: 1400px;
  margin: 0 auto;
}
.crd-site-nav a { color: #173c51; text-decoration: none; opacity: 1; }
.crd-site-nav .crd-site-brand { font-size: 1.1rem; font-weight: 700; white-space: nowrap; }
.crd-site-nav .crd-site-brand span { color: #546976; font-size: .8rem; font-weight: 500; }
.crd-site-nav .crd-site-desktop-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  max-width: 1400px;
  margin: 8px auto 0;
}
.crd-site-nav .crd-site-desktop-links a,
.crd-site-nav .crd-site-mobile-links a { padding: 7px 8px; border-radius: 5px; font-size: .8rem; font-weight: 600; }
.crd-site-nav a:hover,
.crd-site-nav a[aria-current="page"] { background: #e8f5f3; color: #145e58; }
.crd-site-nav a:focus-visible,
.crd-site-nav button:focus-visible,
.crd-site-nav summary:focus-visible { outline: 3px solid #187b75; outline-offset: 3px; }
.crd-site-nav #navAuthArea { display: inline-flex; align-items: center; margin-left: auto; }
.crd-site-nav #navAuthArea span { color: #475569 !important; }
.crd-site-nav #navAuthArea button,
.crd-site-nav #navAuthArea a {
  display: inline-block !important;
  background: #0a2540 !important;
  color: #fff !important;
  border: 1px solid #0a2540 !important;
  padding: 7px 12px !important;
  border-radius: 6px;
  font: inherit;
  font-size: .8rem !important;
  cursor: pointer;
  white-space: nowrap;
}
.crd-site-nav .crd-site-menu { display: none; }
@media (max-width: 900px) {
  nav.crd-site-nav { padding: 10px 14px; }
  .crd-site-nav .crd-site-top { flex-wrap: wrap; }
  .crd-site-nav .crd-site-desktop-links { display: none; }
  .crd-site-nav .crd-site-menu { display: block; width: 100%; }
  .crd-site-nav .crd-site-menu summary { width: fit-content; padding: 6px 0; font-size: .85rem; font-weight: 600; cursor: pointer; }
  .crd-site-nav .crd-site-mobile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; max-height: 55vh; overflow-y: auto; padding-top: 6px; }
  .crd-site-nav #navAuthArea span[title] { display: none !important; }
}