/* Cuba Health Assist — Resources Navigation v3.0.3
   Canonical Resources disclosure with single-line and typography-parity desktop contracts. */

.cha-resources-nav{
  position:relative;
  display:inline-flex;
  align-items:stretch;
  min-width:0;
  flex:0 0 auto;
}

/* This stylesheet owns the Resources disclosure only: its visibility, its
   position, its hover/focus behaviour and its accessibility affordances.

   It used to also redeclare the geometry and typography of the whole desktop
   primary navigation (flex-wrap, white-space, min-width, font metrics) with
   !important, to fight an opposing !important rule in cha-design-system-v2.css.
   It lost that fight — the design-system selector was more specific — and it
   was only linked on the four homepages anyway, so the other 223 public pages
   never saw it. Both sides are gone: header geometry now has a single owner in
   cha-design-system-v2.css (v2.4.0), which every public page loads. Do not
   reintroduce global navigation geometry here. */

.cha-resources-nav__trigger{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:color-mix(in oklab,var(--foreground) 75%,transparent);
  cursor:pointer;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:13.5px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:normal;
  white-space:nowrap;
  transition:color .18s ease,background-color .18s ease;
}

.cha-resources-nav__trigger:hover,
.cha-resources-nav__trigger:focus-visible,
.cha-resources-nav[data-open="true"] .cha-resources-nav__trigger{
  color:var(--foreground);
}

.cha-resources-nav__trigger:focus-visible{
  outline:2px solid color-mix(in oklab,var(--primary) 42%,transparent);
  outline-offset:5px;
}

.cha-resources-nav__chevron{
  width:14px;
  height:14px;
  flex:0 0 auto;
  transition:transform .2s ease;
}

.cha-resources-nav[data-open="true"] .cha-resources-nav__chevron{
  transform:rotate(180deg);
}

.cha-resources-nav__popover{
  position:absolute;
  z-index:140;
  top:100%;
  left:50%;
  width:min(372px,calc(100vw - 32px));
  padding-top:12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,7px);
  transform-origin:50% 0;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.cha-resources-nav[data-open="true"] .cha-resources-nav__popover{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}

.cha-resources-nav__menu{
  overflow:hidden;
  padding:8px;
  border:1px solid color-mix(in oklab,var(--border) 92%,var(--primary) 8%);
  border-radius:18px;
  background:color-mix(in oklab,var(--card) 97%,white 3%);
  box-shadow:0 24px 56px -34px rgba(16,35,63,.42),0 12px 28px -22px rgba(14,124,123,.28);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.cha-resources-nav__list{
  display:grid;
  gap:2px;
}

.cha-resources-nav__item{
  min-height:56px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:center;
  gap:12px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:12px;
  color:inherit;
  text-decoration:none;
  transition:background-color .17s ease,border-color .17s ease,transform .17s ease;
}

.cha-resources-nav__item:hover,
.cha-resources-nav__item:focus-visible{
  background:color-mix(in oklab,var(--primary) 6%,var(--card));
  border-color:color-mix(in oklab,var(--primary) 16%,transparent);
}

.cha-resources-nav__item:focus-visible{
  outline:2px solid color-mix(in oklab,var(--primary) 34%,transparent);
  outline-offset:-2px;
}

.cha-resources-nav__copy{
  min-width:0;
}

.cha-resources-nav__title{
  display:block;
  color:var(--foreground);
  font-size:13.5px;
  line-height:18px;
  font-weight:650;
  letter-spacing:-.01em;
}

.cha-resources-nav__description{
  display:block;
  margin-top:2px;
  color:var(--muted-foreground);
  font-size:11.5px;
  line-height:16px;
  font-weight:450;
  overflow-wrap:anywhere;
}

.cha-resources-nav__arrow{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  justify-self:end;
  border-radius:999px;
  color:color-mix(in oklab,var(--foreground) 42%,transparent);
  transition:color .17s ease,background-color .17s ease,transform .17s ease;
}

.cha-resources-nav__arrow svg{
  width:14px;
  height:14px;
}

.cha-resources-nav__item:hover .cha-resources-nav__arrow,
.cha-resources-nav__item:focus-visible .cha-resources-nav__arrow{
  color:var(--primary);
  background:color-mix(in oklab,var(--primary) 9%,transparent);
  transform:translateX(1px);
}

.cha-resources-nav__cta-wrap{
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid color-mix(in oklab,var(--border) 82%,transparent);
}

.cha-resources-nav__item--cta{
  min-height:58px;
  background:color-mix(in oklab,var(--primary) 7%,var(--card));
  border-color:color-mix(in oklab,var(--primary) 12%,transparent);
}

.cha-resources-nav__item--cta .cha-resources-nav__title{
  color:var(--primary);
}

.cha-resources-nav__item--cta .cha-resources-nav__arrow{
  color:var(--primary);
  background:color-mix(in oklab,var(--primary) 10%,transparent);
}

@media(max-width:1023px){
  .cha-resources-nav{display:none!important;}
}

@media(prefers-reduced-motion:reduce){
  .cha-resources-nav__trigger,
  .cha-resources-nav__chevron,
  .cha-resources-nav__popover,
  .cha-resources-nav__item,
  .cha-resources-nav__arrow{
    transition:none!important;
  }
}