/* Eco Heroes — shared site navigation (one header for every public page).
   Markup: <header class="eh-nav"> … </header>, toggled on small screens by /js/eh-nav.js.
   Every rule is scoped to .eh-nav and resets what page stylesheets set on bare header/nav/ul/li/a. */
.eh-nav{--ehn-ink:#2b3327;--ehn-green:#406530;--ehn-green-d:#2d4324;--ehn-tint:#eef5e9;--ehn-line:#dde1d9;
  position:sticky;top:0;inset-inline:auto;z-index:900;display:block;width:auto;height:auto;min-height:0;margin:0;padding:0;
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border:0;border-bottom:1px solid var(--ehn-line);box-shadow:none;color:var(--ehn-ink);text-align:start;
  font-family:"DM Sans","Outfit","Nunito",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans Arabic","Noto Sans JP","Noto Sans KR","Noto Sans SC",sans-serif;
  font-size:16px;font-weight:400;line-height:1.3;letter-spacing:normal;text-transform:none;box-sizing:border-box;flex:0 0 auto}
.eh-nav *,.eh-nav *::before,.eh-nav *::after{box-sizing:border-box}
.eh-nav__rainbow{display:block;height:3px;margin:0;border:0;background:linear-gradient(90deg,#e5243b,#dda63a,#4c9f38,#c5192d,#ff3a21,#26bde2,#fcc30b,#a21942,#fd6925,#dd1367,#fd9d24,#bf8b2e,#3f7e44,#0a97d9,#56c02b,#00689d,#19486a)}
.eh-nav__bar{position:relative;display:flex;align-items:center;gap:12px;max-width:1240px;min-height:64px;margin:0 auto;padding:6px 24px}
.eh-nav a{text-decoration:none;background-image:none}
.eh-nav a:focus-visible,.eh-nav button:focus-visible,.eh-nav select:focus-visible{outline:3px solid var(--ehn-green);outline-offset:2px;border-radius:8px;box-shadow:0 0 0 2px #fff,0 0 0 5px var(--ehn-green-d)}
/* brand */
.eh-nav .eh-nav__brand{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;padding:0 4px;margin:0;color:var(--ehn-green-d);
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-size:1.25rem;font-weight:400;line-height:1;white-space:nowrap;letter-spacing:-.01em;border-radius:8px}
.eh-nav .eh-nav__brand img{display:block;width:30px;height:30px;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
/* menu (desktop) */
.eh-nav nav.eh-nav__menu{position:static;inset:auto;z-index:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 auto;
  width:auto;height:auto;min-height:0;margin:0;margin-inline-start:auto;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;overflow:visible}
.eh-nav ul.eh-nav__list{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;margin:0;padding:0;list-style:none;background:none;border:0}
.eh-nav ul.eh-nav__list li{display:block;margin:0;padding:0;list-style:none;background:none;border:0}
.eh-nav ul.eh-nav__list li::before,.eh-nav ul.eh-nav__list li::marker{content:none}
.eh-nav a.eh-nav__link{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 11px;margin:0;border-radius:8px;
  color:var(--ehn-ink);font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.2;white-space:nowrap;background:transparent}
.eh-nav a.eh-nav__link:hover{background:var(--ehn-tint);color:var(--ehn-green)}
.eh-nav a.eh-nav__link[aria-current="page"]{color:var(--ehn-green)}
.eh-nav a.eh-nav__link[aria-current="page"]::after{content:"";position:absolute;inset-inline:11px;bottom:6px;height:2.5px;border-radius:2px;background:var(--ehn-green)}
.eh-nav li.eh-nav__sep{margin-inline-start:4px;padding-inline-start:4px;border-inline-start:1px solid var(--ehn-line)}
.eh-nav a.eh-nav__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;margin:0;margin-inline-start:6px;border:0;border-radius:999px;
  background:var(--ehn-green);color:#fff;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px -6px rgba(45,67,36,.6)}
.eh-nav a.eh-nav__cta:hover{background:var(--ehn-green-d);color:#fff}
.eh-nav a.eh-nav__cta:focus-visible{outline-color:var(--ehn-green-d);outline-offset:3px;border-radius:999px}
/* language picker kept from the page (its own markup, script and dropdown styles) */
.eh-nav .eh-nav__lang{position:relative;display:flex;align-items:center;flex:0 0 auto;margin:0;padding:0}
.eh-nav .eh-nav__lang select{min-height:44px;max-width:150px}
.eh-nav .eh-nav__lang .nav-lang-wrap{display:inline-flex}
.eh-nav .eh-nav__lang .lang-dd,.eh-nav .eh-nav__lang .ca-lang-dd,.eh-nav .eh-nav__lang .lang-menu{left:auto;right:auto;inset-inline-start:auto;inset-inline-end:0}
/* menu button (small screens, only once eh-nav.js runs) */
.eh-nav button.eh-nav__toggle{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;margin:0;padding:0;border:1.5px solid #5f6b57;border-radius:10px;
  background:#fff;color:var(--ehn-ink);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer;box-shadow:none}
.eh-nav button.eh-nav__toggle:hover{background:var(--ehn-tint)}
.eh-nav .eh-nav__ico-close{display:none}
.eh-nav button.eh-nav__toggle[aria-expanded="true"] .eh-nav__ico-open{display:none}
.eh-nav button.eh-nav__toggle[aria-expanded="true"] .eh-nav__ico-close{display:inline}
/* medium screens: tighter */
@media (max-width:1180px){
  .eh-nav__bar{padding:6px 16px;gap:8px}
  .eh-nav a.eh-nav__link{padding:8px 8px;font-size:.9rem}
  .eh-nav a.eh-nav__link[aria-current="page"]::after{inset-inline:8px}
  .eh-nav a.eh-nav__cta{padding:9px 14px;font-size:.9rem;margin-inline-start:2px}
  .eh-nav li.eh-nav__sep{margin-inline-start:2px;padding-inline-start:2px}
}
@media (max-width:1060px) and (min-width:901px){
  .eh-nav .eh-nav__brand span{display:none}
  .eh-nav a.eh-nav__link{padding:8px 6px;font-size:.86rem}
  .eh-nav a.eh-nav__cta{padding:8px 12px;font-size:.86rem}
}
/* small screens: the menu collapses into a panel under the bar */
@media (max-width:900px){
  .eh-nav__bar{flex-wrap:wrap;padding:4px 16px;min-height:60px}
  .eh-nav .eh-nav__brand{margin-inline-end:auto}
  .eh-nav .eh-nav__lang{order:2}
  .eh-nav button.eh-nav__toggle{order:3}
  .eh-nav nav.eh-nav__menu{order:4;flex:1 0 100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:4px 0 10px}
  .eh-nav ul.eh-nav__list{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0}
  .eh-nav a.eh-nav__link{display:flex;width:100%;min-height:48px;padding:12px 8px;font-size:1rem;border-radius:8px;border-bottom:1px solid var(--ehn-line)}
  .eh-nav a.eh-nav__link[aria-current="page"]{background:var(--ehn-tint)}
  .eh-nav a.eh-nav__link[aria-current="page"]::after{inset-inline:auto;inset-inline-start:0;top:10px;bottom:10px;width:3px;height:auto}
  .eh-nav li.eh-nav__sep{margin:0;padding:0;border:0}
  .eh-nav a.eh-nav__cta{margin:12px 0 0;width:100%;min-height:48px;font-size:1rem;white-space:normal;text-align:center}
  .eh-nav--js button.eh-nav__toggle{display:inline-flex}
  .eh-nav--js nav.eh-nav__menu{display:none}
  .eh-nav--js.eh-nav--open nav.eh-nav__menu{display:flex;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto}
  .eh-nav .eh-nav__lang .lang-menu,.eh-nav .eh-nav__lang .lang-dd,.eh-nav .eh-nav__lang .ca-lang-dd{max-width:calc(100vw - 32px)}
}
@media (max-width:360px){
  .eh-nav .eh-nav__brand span{display:none}
}
@media print{.eh-nav{position:static}.eh-nav nav.eh-nav__menu,.eh-nav button.eh-nav__toggle,.eh-nav .eh-nav__lang{display:none}}
/* pages whose old header was position:fixed reserved space for it; the shared header is sticky and takes its own space */
.eh-nav ~ main.pt-28{padding-top:2.5rem}
@media (min-width:1024px){.eh-nav ~ main.pt-28{padding-top:3rem}}
/* Nuxt-rendered article pages keep their app markup; its old fixed header is replaced visually by the shared one */
.eh-nav ~ #__nuxt header.w-full.fixed{display:none}
.eh-nav ~ #__nuxt header.w-full.fixed + div.mt-20{margin-top:0}