/* One clear navigation system for wide screens and touch screens. */
.topbar{height:72px;padding:0 24px;background:#fffefaed;backdrop-filter:blur(16px);border-bottom:1px solid #e2e7df;box-shadow:0 3px 18px #163d3008}
.topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;width:100%;max-width:1480px;height:100%;margin:0 auto;min-width:0}
.topbar .brand{display:inline-flex;align-items:center;gap:10px;color:#133d30;font-size:22px;letter-spacing:.25px;white-space:nowrap}
.topbar .brand:focus-visible,.topbar button:focus-visible,.topbar a:focus-visible,.mobile-nav a:focus-visible,.mobile-nav button:focus-visible{outline:3px solid #b7863a;outline-offset:3px}
.topbar .main-nav{display:flex;align-items:center;justify-content:center;gap:2px;height:100%;margin:0;min-width:0;white-space:nowrap}
.topbar .main-nav>a,.topbar .nav-drop-trigger{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 11px;border-radius:10px;color:#53665e;font-size:14px;font-weight:650;transition:background .16s,color .16s}
.topbar .main-nav>a:hover,.topbar .nav-drop-trigger:hover,.topbar .main-nav>a.active,.topbar .nav-dropdown.is-open .nav-drop-trigger,.topbar .nav-dropdown.is-current .nav-drop-trigger{background:#eaf3ed;color:#0c503b}
.topbar .main-nav>a.active:after{display:none}
.topbar .nav-dropdown{height:auto;position:relative}
.topbar .nav-dropdown:is(:hover,:focus-within,.is-open)::before{content:"";position:absolute;top:100%;left:0;width:250px;height:8px}
.topbar .nav-drop-trigger{border:0;background:transparent;gap:6px}
.topbar .nav-drop-trigger .chevron{font-size:16px;line-height:1;color:inherit;transition:transform .16s}
.topbar .nav-dropdown.is-open .chevron{transform:rotate(180deg)}
.topbar .nav-drop-menu{top:calc(100% + 8px);left:0;width:250px;padding:8px;border:1px solid #e1e9e2;border-radius:14px;background:#fff;box-shadow:0 18px 45px #133b2a1f}
.topbar .nav-dropdown:hover .nav-drop-menu,.topbar .nav-dropdown:focus-within .nav-drop-menu,.topbar .nav-dropdown.is-open .nav-drop-menu{display:grid}
.topbar .nav-drop-menu a{display:flex;align-items:center;min-height:42px;padding:9px 11px;border-radius:9px;color:#344a3e;font-size:13px}
.topbar .nav-drop-menu a:hover,.topbar .nav-drop-menu a:focus-visible{background:#eaf3ed;color:#0c503b}
.topbar .nav-drop-menu a[aria-current="page"]{background:#eaf3ed;color:#0c503b;font-weight:750}
.topbar .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.topbar .global-search{display:flex;align-items:center;gap:8px;width:292px;height:44px;padding:0 7px 0 12px;border:1px solid #d8e1d8;border-radius:11px;background:#f7f9f5;transition:border-color .16s,box-shadow .16s}
.topbar .global-search:focus-within{border-color:#0d6247;box-shadow:0 0 0 3px #14684b19}
.topbar .global-search svg{width:19px;height:19px;stroke:#667b70}
.topbar .global-search input{width:100%;font-size:13px;color:#193f30}
.topbar .global-search input::placeholder{color:#718078}
.topbar .global-search button{height:32px;min-width:52px;padding:0 9px;border-radius:7px;background:#e7f0e8;color:#0e503a;font-size:12px;font-weight:750}
.topbar .global-search button:hover{background:#d5e8d8}
.topbar .mobile-search{display:none!important}
.topbar .sign-in{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid #0d503b;border-radius:10px;background:#0d503b;color:#fff;font-size:13px;font-weight:750;white-space:nowrap}
.topbar .sign-in:hover{background:#083d2d;color:#fff}
.topbar .sign-in svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.topbar:has(.sign-in:not(.hidden)) .avatar-button{display:none!important}
.topbar .avatar-button{display:grid;place-items:center;width:42px;height:42px;flex:none;border:2px solid #fff;border-radius:50%;background:#dce8de;box-shadow:0 0 0 1px #c5d6ca;color:#0c4c39}
.topbar .avatar-button:hover,.topbar .avatar-button[aria-expanded="true"]{box-shadow:0 0 0 3px #2a7b59a8}
.topbar .menu-toggle{display:none}
.profile-popover{top:66px;right:max(24px,calc((100vw - 1480px)/2 + 24px));z-index:90;width:260px;border:1px solid #e0e8df;border-radius:14px;box-shadow:0 20px 48px #123b2a25}
.nav-drawer-backdrop[hidden]{display:none!important}
.nav-drawer-backdrop{position:fixed;inset:0;z-index:95;width:100%;height:100%;border:0;background:#0b221a99;cursor:default}
.mobile-nav{display:none}
body.nav-drawer-open{overflow:hidden}
@media(max-width:1260px){
  .topbar-inner{gap:15px}
  .topbar .global-search{display:none!important}
  .topbar .mobile-search{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;border-radius:10px;background:transparent;color:#174d39}
  .topbar .mobile-search:hover{background:#eaf3ed}
}
@media(max-width:1020px){
  .topbar{padding-inline:18px}
  .topbar-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .topbar .main-nav{display:none!important}
  .topbar .menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:10px;background:transparent;color:#174d39}
  .topbar .menu-toggle:hover,.topbar .menu-toggle[aria-expanded="true"]{background:#eaf3ed}
  .topbar .menu-toggle svg{stroke:currentColor}
  .mobile-nav.open{display:flex!important}
  .mobile-nav{position:fixed;z-index:100;top:0;right:0;left:auto;bottom:0;width:min(380px,100vw);height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:18px 0 0 18px;background:#fffefa;box-shadow:-18px 0 55px #091a1480;grid-template-columns:none;flex-direction:column;gap:0;overflow:hidden}
  .nav-drawer-head{display:flex;align-items:center;justify-content:space-between;min-height:73px;padding:14px 19px;border-bottom:1px solid #e5eae3}
  .nav-drawer-head strong{font-size:20px;color:#103e2d}
  .nav-drawer-head button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:#f0f4ee;color:#174b38;font-size:27px;line-height:1;cursor:pointer}
  .mobile-nav nav{display:grid;align-content:start;gap:2px;padding:12px 16px 24px;overflow:auto;flex:1;overscroll-behavior:contain}
  .mobile-nav .nav-drawer-label{display:block;padding:15px 12px 6px;color:#758278;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .mobile-nav nav a{display:flex;align-items:center;min-height:46px;padding:9px 12px;border-radius:10px;color:#243e31;font-size:15px;font-weight:600}
  .mobile-nav nav a:hover,.mobile-nav nav a[aria-current="page"]{background:#e9f3eb;color:#0c503a}
  .mobile-nav nav a[aria-current="page"]{font-weight:800}
  .nav-drawer-login{min-height:48px;margin:0 18px max(18px,env(safe-area-inset-bottom));border:0;border-radius:10px;background:#0d503b;color:white;font-size:14px;font-weight:750;cursor:pointer}
}
@media(max-width:680px){
  .topbar{height:64px;padding-inline:12px}
  .topbar-inner{gap:4px}
  .topbar .brand{font-size:19px;gap:7px;letter-spacing:0}
  .topbar .brand .brand-mark{width:34px;height:30px}
  .topbar .top-actions{gap:3px}
  .topbar .mobile-search,.topbar .menu-toggle,.topbar .avatar-button{width:42px;height:42px;min-width:42px;border-radius:10px}
  .topbar .avatar-button{border-radius:50%}
  .topbar .sign-in{display:inline-flex!important;min-width:70px;min-height:42px;padding:0 8px;border-radius:10px;font-size:11px}
  .topbar .sign-in svg{display:none}
  .topbar .sign-in.hidden{display:none!important}
  .profile-popover{top:60px;right:12px;width:min(300px,calc(100vw - 24px))}
  .mobile-nav{width:min(360px,100vw);border-radius:0}
}
@media(max-width:350px){
  .topbar{padding-inline:9px}
  .topbar .brand{font-size:16px;gap:5px}
  .topbar .brand .brand-mark{width:30px;height:28px}
  .topbar .top-actions{gap:1px}
  .topbar .mobile-search,.topbar .menu-toggle,.topbar .avatar-button{width:40px;height:40px;min-width:40px}
  .topbar .sign-in{min-width:67px;padding-inline:5px}
}
@media(prefers-reduced-motion:reduce){.topbar .main-nav>a,.topbar .nav-drop-trigger,.topbar .global-search{transition:none}}