/* MNEE App -- shared site navigation */
.mnee-nav-link{ font-family:var(--rw-font); font-size:15px; font-weight:500; color:var(--rw-text-on-light-2); text-decoration:none; background:none; border:none; cursor:pointer; display:inline-flex; align-items:center; padding:0; white-space:nowrap; }
.mnee-nav-link:hover{ color:var(--rw-forest); }

.mnee-nav-pill-secondary{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 20px; border-radius:999px; background:var(--rw-surface-light); color:var(--rw-forest); font-family:var(--rw-font); font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; }
.mnee-nav-pill-secondary:hover{ background:var(--rw-forest-20); color:var(--rw-forest); }

.mnee-nav-dropdown{ position:relative; }
.mnee-nav-dropdown-panel{ position:absolute; top:calc(100% + 16px); left:50%; transform:translateX(-50%); width:min(560px,80vw); background:var(--rw-bg-light); border:1px solid var(--rw-forest-20); border-radius:var(--rw-radius-lg); box-shadow:0 20px 48px rgba(36,58,53,.14); padding:28px; display:none; grid-template-columns:1fr 1fr; gap:28px; z-index:60; }
.mnee-nav-dropdown.is-open .mnee-nav-dropdown-panel{ display:grid; }
.mnee-nav-dropdown-panel a{ display:block; font-family:var(--rw-font); font-size:14px; color:var(--rw-text-on-light-2); text-decoration:none; padding:7px 0; }
.mnee-nav-dropdown-panel a:hover{ color:var(--rw-forest); text-decoration:underline; }
.mnee-nav-dropdown-heading{ font-family:var(--rw-font); font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--rw-text-on-light-3); margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid var(--rw-forest-20); }
.mnee-nav-chevron{ margin-left:4px; transition:transform .15s ease; }
.mnee-nav-dropdown.is-open .mnee-nav-chevron{ transform:rotate(180deg); }

.mnee-nav-burger{ display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:40px; height:40px; border:none; background:none; cursor:pointer; padding:0; flex:none; }
.mnee-nav-burger span{ display:block; height:2px; width:22px; background:var(--rw-forest); border-radius:2px; }

.mnee-nav-backdrop{ display:none; position:fixed; inset:0; background:rgba(36,58,53,.4); z-index:90; }
.mnee-nav-backdrop.is-open{ display:block; }
.mnee-nav-drawer{ position:fixed; top:0; right:0; bottom:0; width:320px; max-width:85vw; background:var(--rw-bg-light); z-index:100; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .25s ease; }
.mnee-nav-drawer.is-open{ transform:translateX(0); }
.mnee-nav-drawer-link{ display:block; font-family:var(--rw-font); font-size:17px; font-weight:600; color:var(--rw-forest); text-decoration:none; padding:12px 0; }
.mnee-nav-drawer-accordion{ padding:10px 0; }
.mnee-nav-drawer-accordion summary{ font-family:var(--rw-font); font-size:17px; font-weight:600; color:var(--rw-forest); cursor:pointer; list-style:none; padding:2px 0; }
.mnee-nav-drawer-accordion summary::-webkit-details-marker{ display:none; }
.mnee-nav-drawer-sub{ display:flex; flex-direction:column; padding:10px 0 4px 12px; }
.mnee-nav-drawer-sub a{ font-family:var(--rw-font); font-size:15px; color:var(--rw-text-on-light-2); text-decoration:none; padding:7px 0; }
.mnee-nav-close{ border:none; background:none; font-size:28px; line-height:1; color:var(--rw-forest); cursor:pointer; padding:0; width:32px; height:32px; }

@media (max-width:900px){
  .mnee-nav-desktop{ display:none !important; }
  .mnee-nav-burger{ display:flex; }
}

@media (max-width:900px){
  /* Hero topo background: swap to a half-size variant on phones/tablets --
     the full 1800x1200 image is wasted weight and decode time below desktop. */
  .mnee-hero-topo{ background-image:linear-gradient(180deg, rgba(110,174,161,0.75), rgba(110,174,161,0.92)), url('/assets/topo_2-mobile.webp') !important; }
}
