/* Main navigation look: the same as the landing page, shared by every other page.
   The landing page (css/style.css) is the reference; keep the two in step. */
:root header.nav{position:sticky;top:0;z-index:30;font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0!important;box-shadow:0 1px 0 #eaeced,0 3px 6px -2px rgba(30,45,60,.06)!important}
@media (max-width:760px){:root header.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff!important}}
:root header.nav .wrap{display:flex;align-items:center;gap:28px;height:64px;max-width:1360px!important;margin:0 auto;padding:0 48px!important;box-sizing:border-box}

/* logo */
:root header.nav .logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:19px;letter-spacing:-.02em;color:#111113;text-decoration:none}
:root header.nav .logo span span{color:#5f6400}
:root header.nav .logo svg g{fill:#333333}

/* items */
:root header.nav .navl{display:flex;gap:4px;flex:1;font-size:15px;color:#5c5c5c}
:root header.nav .navl>a,:root header.nav .dd>button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;border:0;background:none;font:inherit;font-size:15px;line-height:1.5;color:#5c5c5c;cursor:pointer;text-decoration:none}
:root header.nav .navl>a:hover,:root header.nav .dd>button:hover{background:#f7f6f3;color:#111113}
:root header.nav .navl>a.on,:root header.nav .dd>button.on{color:#111113}
:root header.nav .dd:not(.ddm){position:relative}

/* dropdown panels (the full-width Resources panel keeps its own geometry in nav-mega.css) */
:root header.nav .ddp{background:#fff;border:1px solid #e4e4e0;box-shadow:0 2px 48px rgba(205,208,223,.4)}
:root header.nav .ddp:not(.ddw){position:absolute;top:100%;left:0;min-width:320px;padding:12px;margin-top:6px;border-radius:12px}
:root header.nav .ddp:not(.ddw) a{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:8px;text-decoration:none}
:root header.nav .ddp:not(.ddw) a:hover{background:#f7f6f3}
:root header.nav .ddp:not(.ddw) i{flex:none;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-style:normal;color:#111113}
:root header.nav .ddp:not(.ddw) b{display:block;font-weight:500;font-size:15px;color:#111113}
:root header.nav .ddp:not(.ddw) small{display:block;font-size:13px;color:#5c5c5c;line-height:1.4}

/* right side: log in + call to action */
:root header.nav .navr{display:flex;align-items:center;gap:8px;font-size:15px;color:#5c5c5c}
:root header.nav .navr>a:not(.btn){padding:8px 12px;border-radius:6px;color:#5c5c5c;text-decoration:none}
:root header.nav .navr>a:not(.btn):hover{background:#f7f6f3;color:#111113}
:root header.nav .navr .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;height:auto;padding:8px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.6);background:#e8f000;color:#111113;font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(17,17,19,.12);text-decoration:none}
:root header.nav .navr .btn:hover{background:#d4db00}
:root header.nav .navl>a,:root header.nav .navl .dd>button,:root header.nav .navr>a{white-space:nowrap}
@media (min-width:981px) and (max-width:1120px){:root header.nav .wrap{gap:12px;padding:0 20px!important}:root header.nav .navl>a,:root header.nav .navl .dd>button,:root header.nav .navr>a:not(.btn){padding:8px}}
/* mobile menu: same as the landing page */
:root header.nav .nav-toggle, :root header.nav .nav-m-foot{display: none;}
:root header.nav .wrap{justify-content: space-between;}
:root header.nav .navr{margin-left: auto;}
@media (min-width: 901px){:root header.nav .wrap{max-width: 1360px !important; padding-left: 48px !important; padding-right: 48px !important; box-sizing: border-box;}
}
@media (max-width: 980px){:root header.nav .wrap{position: relative; height: 60px; justify-content: space-between;}
}
@media (max-width: 980px){:root header.nav .navr{margin-left: auto; gap: 8px;}
}
@media (max-width: 980px){:root header.nav .nav-toggle{display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 4.5px; width: 40px; height: 40px; padding: 0; border-radius: 10px; border: 1px solid #e4e4e0; background: #fff; color: #0f1115; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease;}
}
@media (max-width: 980px){:root header.nav .nav-toggle:hover{background: #f6f6f3;}
}
@media (max-width: 980px){:root header.nav .nav-toggle span{display: block; width: 18px; height: 2px; border-radius: 2px; background: #0f1115; transition: transform 0.2s ease, opacity 0.2s ease;}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-toggle span:nth-child(1){transform: translateY(6.5px) rotate(45deg);}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-toggle span:nth-child(2){opacity: 0;}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-toggle span:nth-child(3){transform: translateY(-6.5px) rotate(-45deg);}
}
@media (max-width: 980px){:root header.nav.menu-open .navl{display: flex !important; flex-direction: column; align-items: stretch; gap: 4px; position: absolute; top: 100%; left: 0; right: 0; max-height: calc(100svh - 62px); overflow-y: auto; padding: 12px 16px 20px; background: rgba(255, 255, 255, 0.98); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border-bottom: 1px solid #e6e6e2; box-shadow: 0 24px 48px -16px rgba(15, 17, 21, 0.22); z-index: 100;}
}
@media (max-width: 980px){:root header.nav.menu-open .navl > a, :root header.nav.menu-open .navl .dd > button{display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 10px 12px; font-size: 15.5px; font-weight: 600; color: #0f1115; border-radius: 10px; box-sizing: border-box; text-align: left;}
}
@media (max-width: 980px){:root header.nav.menu-open .navl .dd > button svg{transition: transform 0.2s ease;}
}
@media (max-width: 980px){:root header.nav.menu-open .navl .dd.dd-open > button svg{transform: rotate(180deg);}
}
@media (max-width: 980px){:root header.nav.menu-open .navl .ddp{position: static !important; display: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; min-width: 0 !important; width: 100% !important; margin: 2px 0 6px; padding: 6px !important; background: #f7f7f4 !important; border: 1px solid #ecece8 !important; box-shadow: none !important; box-sizing: border-box;}
}
@media (max-width: 980px){:root header.nav.menu-open .navl .dd.dd-open .ddp{display: block !important;}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-m-foot{display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; margin-top: 12px; padding-top: 14px; border-top: 1px solid #ecece8;}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-m-login, :root header.nav.menu-open .nav-m-cta{display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; border-radius: 12px; font-size: 15px; font-weight: 600; text-decoration: none;}
}
@media (max-width: 980px){:root header.nav.menu-open .nav-m-login{background: #f4f4f1; color: #0f1115; border: 1px solid #e4e4e0;}
}
@media (max-width: 400px){:root header.nav .navr .btn-sm{height: 34px; padding: 0 11px; font-size: 12.5px;}
}
@media (max-width: 400px){:root header.nav .navr .btn-sm svg{display: none;}
}
@media (max-width:980px){:root header.nav .navl,:root header.nav .navr .hide-m{display:none}}
@media (max-width:900px){:root header.nav .wrap{padding-left:24px!important;padding-right:24px!important}}
@media (max-width:760px){:root header.nav .wrap{padding-left:16px!important;padding-right:16px!important}}