@charset "UTF-8";

.site-navigation { --muted: #5f7187; line-height: 1.8; }
.site-navigation .nav-shell { width: min(1440px, calc(100% - 64px)); gap: 26px; }
.site-navigation .brand > span { display: none; }
.site-navigation #main-nav { gap: clamp(18px, 1.8vw, 30px); font-size: 14px; }
.site-navigation .nav-shell > .button { flex-shrink: 0; font-size: 13px; gap: 18px; }
.site-navigation .nav-resources { position: relative; border: 0; }
.site-navigation #main-nav > .nav-resources[open] { z-index: 5; }
.site-navigation .nav-resources-menu { z-index: 1; }
.site-navigation .nav-resources > summary { padding: 0; gap: 8px; font-size: 14px; font-weight: 400; line-height: 1.8; }
.site-navigation .nav-resources > summary > .nav-chevron { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; border: 1px solid #c6dcf8; border-radius: 6px; background: #edf5ff; color: var(--blue); transform: none; transition: transform .2s, background .2s, color .2s; }
.site-navigation .nav-chevron svg { display: block; width: 16px; height: 16px; }
.site-navigation .nav-resources[open] > summary { color: var(--blue); }
.site-navigation .nav-resources.is-current > summary { color: var(--blue); font-weight: 600; }
.site-navigation #main-nav > a[aria-current="location"] { color: var(--blue); font-weight: 600; }
.site-navigation .nav-resources[open] > summary > .nav-chevron { transform: rotate(180deg); background: var(--blue); border-color: var(--blue); color: #fff; }
.site-navigation .nav-resources-menu { position: absolute; top: calc(100% + 20px); right: -20px; width: 270px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 16px 40px #173b601a; }
.site-navigation .nav-resources-menu a { position: relative; display: block; padding: 12px 38px 12px 14px; border-radius: 7px; }
.site-navigation .nav-resources-menu a, .site-navigation .nav-resources-menu a * { cursor: pointer; }
.site-navigation .nav-resources-menu a:hover, .site-navigation .nav-resources-menu a[aria-current] { background: #f3f7fc; color: var(--blue); }
.site-navigation .nav-resources-menu a[aria-current]::after { content: "✓"; position: absolute; top: 13px; right: 14px; color: var(--blue); font-size: 16px; font-weight: 700; }
.site-navigation .nav-resources-menu strong { display: block; font-size: 14px; font-weight: 550; }
.site-navigation .nav-resources-menu small { display: block; margin-top: 2px; font-size: 12px; color: var(--muted); }

@media (max-width: 1100px) {
  .site-navigation .nav-shell { width: calc(100% - 48px); gap: 18px; }
  .site-navigation .nav-shell > .button { margin-left: auto; }
  .site-navigation .menu-toggle { display: flex; flex-direction: column; gap: 5px; border: 1px solid var(--line); background: #fff; border-radius: 7px; width: 38px; height: 38px; align-items: center; justify-content: center; order: 3; }
  .site-navigation .menu-toggle span { width: 16px; height: 1.5px; background: var(--ink); }
  .site-navigation #main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100dvh - 80px); overflow-y: auto; padding: 24px; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 12px 24px #173b6010; margin: 0; flex-wrap: wrap; align-items: flex-start; gap: 24px; }
  .site-navigation #main-nav.open { display: flex; }
  .site-navigation .nav-resources-menu { position: static; width: 260px; margin-top: 16px; box-shadow: none; }
}

@media (max-width: 540px) {
  .site-navigation .nav-shell { width: calc(100% - 32px); gap: 12px; }
  .site-navigation .nav-shell > .button { font-size: 12px; padding: 8px 12px; }
  .site-navigation #main-nav { flex-direction: column; gap: 20px; }
  .site-navigation .nav-resources { width: 100%; }
  .site-navigation .nav-resources-menu { width: 100%; }
}