nav.global-nav {
  position: relative;
  height: 85px;

  &::before {
    content: '';
    position: absolute;
    inset:0;
    background: linear-gradient(to bottom, #16232bb0, transparent);
    backdrop-filter: blur(10px);
    -webkit-mask-image: linear-gradient(to bottom, black, #00000017);
            mask-image: linear-gradient(to bottom, black, #00000017);
    z-index: -1;
  }
}
.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
   /* Responsive max-widths for common breakpoints */
}
.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
   /* Responsive max-widths for common breakpoints */
}

.nav-dropdown > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-style: solid;
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.nycet-logo {
  --logo-padding: 0.75em;

  max-height: 69px;
  padding-top: .5em;
  padding-right: 2.5rem;
  padding-bottom: calc(var(--logo-padding) + .225em);
}

.nav-info {
  margin-top: 0.25rem;
  display: block;
  min-width: 35ch;
  text-wrap: wrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.guidance-dropdown-menu {
  width: auto;
  white-space: normal;
  left: 100%;
  overflow: hidden;
  transform: translateX(-35rem);
}

.guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.guidance-col {
  display: flex;
  flex-direction: column;
  padding: .5rem;
}

.guidance-col.col-1 {
  border-right: 1px solid #e5e7eb;
  padding-right: .5rem;
}

.guidance-col.col-2 {
  padding-left: .5rem;
}

.guidance-col .nav-dropdown > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-style: solid;
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}

.guidance-col li {
  padding: 0;
}