:root{--eco-nav-width:272px;--eco-nav-rail:64px}
body.eco-nav-ready{padding-left:var(--eco-nav-width)!important;transition:padding-left .2s ease}
body.eco-nav-ready.eco-nav-collapsed{padding-left:var(--eco-nav-rail)!important}
#eco-nav{position:fixed;inset:0 auto 0 0;z-index:2147483000;width:var(--eco-nav-width);display:flex;flex-direction:column;background:#101d30;color:#e8f1f6;border-right:1px solid #ffffff24;box-shadow:8px 0 30px #0002;font:13px/1.4 Inter,"Segoe UI",Arial,sans-serif;transition:width .2s ease;box-sizing:border-box}
#eco-nav *{box-sizing:border-box}#eco-nav a,#eco-nav button,#eco-nav input{font:inherit}#eco-nav a{color:inherit;text-decoration:none}#eco-nav button{cursor:pointer}
#eco-nav [hidden]{display:none!important}
#eco-nav .en-head{display:flex;align-items:center;gap:9px;min-height:66px;padding:10px 11px;border-bottom:1px solid #ffffff1b}
#eco-nav .en-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
#eco-nav .en-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;color:#9af2dd;background:#183e4b;border:1px solid #64bda9;font-size:23px}
#eco-nav .en-brand-text{display:grid;min-width:0;white-space:nowrap}#eco-nav .en-brand-text strong{font-size:14px;letter-spacing:.04em}#eco-nav .en-brand-text small{font-size:8px;letter-spacing:.14em;color:#a8bdc8}
#eco-nav .en-toggle,#eco-nav .en-mobile-close{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #ffffff2a;border-radius:8px;background:#172a3e;color:#cde0e7}
#eco-nav .en-mobile-close{display:none}#eco-nav .en-search-wrap{padding:12px 11px;border-bottom:1px solid #ffffff15}
#eco-nav .en-search{width:100%;height:36px;border:1px solid #456274;border-radius:8px;background:#0b1828;color:#ecf7fa;padding:0 11px;outline:none}#eco-nav .en-search:focus{border-color:#91e3d3;box-shadow:0 0 0 2px #91e3d333}
#eco-nav .en-search::placeholder{color:#96aeb9}#eco-nav nav.en-scroll{display:block;flex:1;margin:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:7px 8px 16px;scrollbar-color:#567083 transparent;scrollbar-width:thin}
#eco-nav .en-group{border-bottom:1px solid #ffffff13;padding:8px 0}#eco-nav .en-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:6px 9px;color:#e2a78f;font-size:10px;font-weight:800;letter-spacing:.13em;cursor:pointer;text-transform:uppercase}#eco-nav .en-group summary::-webkit-details-marker{display:none}#eco-nav .en-group summary::after{content:'⌄';color:#9eafbd;font-size:16px;line-height:0}#eco-nav .en-group:not([open]) summary::after{transform:rotate(-90deg)}
#eco-nav .en-row{display:flex;align-items:center;border-radius:9px;min-height:34px;margin:2px 0}#eco-nav .en-row:hover{background:#1b3047}#eco-nav .en-row.active{background:linear-gradient(90deg,#81483e78,#233a4d);box-shadow:inset 3px 0 #ef9279}
#eco-nav .en-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:7px 8px;border-radius:8px}#eco-nav .en-icon{display:grid;place-items:center;flex:none;width:23px;height:21px;color:#b1d9da;font-size:15px}#eco-nav .en-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:12px}#eco-nav .en-external{font-size:10px;color:#91a8b9;margin-left:auto}#eco-nav .en-pin{flex:none;width:26px;height:27px;padding:0;border:0;background:transparent;color:#8aa2b1;font-size:17px}#eco-nav .en-pin[aria-pressed=true]{color:#eac388}#eco-nav .en-pin:hover{color:#fff}
#eco-nav .en-empty{padding:8px 10px;color:#9db3c0;font-size:11px}#eco-nav .en-footer{padding:10px 12px;border-top:1px solid #ffffff20;color:#a6b9c6;font-size:10px}#eco-nav .en-footer a{color:#9fe0cf;text-decoration:underline}
#eco-nav a:focus-visible,#eco-nav button:focus-visible,#eco-nav summary:focus-visible{outline:2px solid #e9d092;outline-offset:2px}
body.eco-nav-collapsed #eco-nav{width:var(--eco-nav-rail)}body.eco-nav-collapsed #eco-nav .en-head{justify-content:center;padding:10px 7px;flex-wrap:wrap}body.eco-nav-collapsed #eco-nav .en-brand{flex:none}body.eco-nav-collapsed #eco-nav .en-brand-text,body.eco-nav-collapsed #eco-nav .en-search-wrap,body.eco-nav-collapsed #eco-nav .en-group summary,body.eco-nav-collapsed #eco-nav .en-label,body.eco-nav-collapsed #eco-nav .en-external,body.eco-nav-collapsed #eco-nav .en-pin,body.eco-nav-collapsed #eco-nav .en-footer{display:none}body.eco-nav-collapsed #eco-nav .en-link{justify-content:center;padding:8px 0}body.eco-nav-collapsed #eco-nav .en-group{padding:3px 0}
.en-mobile-open{display:none;position:fixed;z-index:2147482999;top:12px;left:12px;width:42px;height:42px;border:1px solid #78c6b7;border-radius:10px;background:#12283a;color:#eaf7f4;font:22px/1 sans-serif;box-shadow:0 5px 18px #0007}.en-backdrop{display:none}
@media(max-width:1100px){body.eco-nav-ready,body.eco-nav-ready.eco-nav-collapsed{padding-left:0!important}.en-mobile-open{display:block}#eco-nav{transform:translateX(-101%);width:min(315px,calc(100vw - 40px));transition:transform .2s ease}body.eco-nav-mobile-open #eco-nav{transform:translateX(0)}body.eco-nav-mobile-open .en-backdrop{display:block;position:fixed;inset:0;z-index:2147482998;background:#020b17a8}#eco-nav .en-mobile-close{display:grid}#eco-nav .en-toggle{display:none}body.eco-nav-collapsed #eco-nav{width:min(315px,calc(100vw - 40px))}body.eco-nav-collapsed #eco-nav .en-brand-text,body.eco-nav-collapsed #eco-nav .en-search-wrap,body.eco-nav-collapsed #eco-nav .en-group summary,body.eco-nav-collapsed #eco-nav .en-label,body.eco-nav-collapsed #eco-nav .en-external,body.eco-nav-collapsed #eco-nav .en-pin,body.eco-nav-collapsed #eco-nav .en-footer{display:initial}body.eco-nav-collapsed #eco-nav .en-group summary{display:flex}body.eco-nav-collapsed #eco-nav .en-head{justify-content:initial;flex-wrap:nowrap;padding:10px 11px}body.eco-nav-collapsed #eco-nav .en-brand{flex:1}body.eco-nav-collapsed #eco-nav .en-link{justify-content:initial;padding:7px 8px}}
@media(prefers-reduced-motion:reduce){body.eco-nav-ready,#eco-nav{transition:none}}

/* Shared right aligned top bar and drawer */
body.eco-nav-ready,body.eco-nav-ready.eco-nav-collapsed{padding-left:0!important;padding-top:58px!important}
#eco-nav-bar,#eco-nav-backdrop{box-sizing:border-box;font:13px/1.4 Inter,"Segoe UI",Arial,sans-serif}
#eco-nav-bar *{box-sizing:border-box}
#eco-nav-bar{position:fixed;inset:0 0 auto 0;z-index:2147483000;height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(10px,2vw,28px);background:#111c2f;color:#eaf1fa;border-bottom:1px solid #ffffff22;box-shadow:0 6px 24px #0003}
#eco-nav-bar .en-bar-location,#eco-nav-bar .en-bar-actions{display:flex;align-items:center;min-width:0;gap:8px}
#eco-nav-bar .en-bar-brand{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#eaf1fa;text-decoration:none;font-size:18px}
#eco-nav-bar .en-bar-brand strong{font-size:13px;letter-spacing:.12em}
#eco-nav-bar .en-bar-divider{color:#6e8da4}
#eco-nav-bar .en-bar-page{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:#b9c9d7}
#eco-nav-bar .en-bar-actions{flex:none;gap:7px}
#eco-nav-bar .en-tool,#eco-nav .en-close{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:38px;height:38px;padding:0 10px;border:1px solid #ffffff24;border-radius:10px;background:#1c2c44;color:#eaf1fa;cursor:pointer;font:600 12px/1 Inter,"Segoe UI",Arial,sans-serif;white-space:nowrap}
#eco-nav-bar .en-tool:hover,#eco-nav .en-close:hover{background:#29415e;border-color:#8bbacf}
#eco-nav-bar .en-tool svg,#eco-nav .en-search-wrap svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#eco-nav-bar .en-language{min-width:51px;letter-spacing:.04em}#eco-nav-bar .en-language span{color:#a8bccd}
#eco-nav-bar .en-menu{padding:0 15px;background:#af4f62;border-color:#d77483;color:white}#eco-nav-bar .en-menu:hover{background:#c15c70;border-color:#f097a5}
#eco-nav-bar :focus-visible,#eco-nav :focus-visible{outline:2px solid #8de0cf;outline-offset:2px}
#eco-nav-backdrop{position:fixed;inset:0;z-index:2147483001;background:#020916a9;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
#eco-nav{position:fixed;inset:0 0 0 auto;z-index:2147483002;width:min(320px,calc(100vw - 28px));display:flex;flex-direction:column;background:#101d30;color:#e8f1f6;border-left:1px solid #ffffff24;border-right:0;box-shadow:-15px 0 40px #0006;transform:translateX(105%);visibility:hidden;transition:transform .22s,visibility .22s}
body.eco-nav-collapsed #eco-nav{width:min(320px,calc(100vw - 28px))}
body.eco-nav-open #eco-nav{transform:translateX(0);visibility:visible}body.eco-nav-open #eco-nav-backdrop{opacity:1;visibility:visible}
#eco-nav .en-head{min-height:68px;padding:10px 14px}#eco-nav .en-close{font-size:25px;font-weight:400;min-width:34px;width:34px;height:34px;padding:0}
#eco-nav .en-search-wrap{display:flex;align-items:center;gap:9px;margin:12px 12px 5px;padding:0 11px;height:38px;border:1px solid #456274;border-radius:9px;background:#0b1828;color:#91b3c3}
#eco-nav .en-search-wrap:focus-within{border-color:#91e3d3;box-shadow:0 0 0 2px #91e3d333}
#eco-nav .en-search{width:100%;height:100%;border:0;background:transparent;color:#ecf7fa;outline:none;padding:0;box-shadow:none}
#eco-nav .en-search::placeholder{color:#96aeb9}
#eco-nav nav.en-scroll{display:block;flex:1;margin:0;min-width:0;overflow:auto;padding:5px 9px 16px}
#eco-nav .en-footer{padding:11px 14px}
html[data-eco-theme="light"] #eco-nav-bar{background:#f7f9fc;color:#243750;border-color:#d4dce6;box-shadow:0 4px 16px #192b4815}
html[data-eco-theme="light"] #eco-nav-bar .en-bar-brand,html[data-eco-theme="light"] #eco-nav-bar .en-tool{color:#243750}
html[data-eco-theme="light"] #eco-nav-bar .en-bar-page{color:#52677d}html[data-eco-theme="light"] #eco-nav-bar .en-tool{background:#fff;border-color:#cbd6e1}
html[data-eco-theme="light"] #eco-nav-bar .en-tool:hover{background:#e9eff5}html[data-eco-theme="light"] #eco-nav-bar .en-menu{background:#ad4f62;color:white;border-color:#ad4f62}
html[data-eco-theme="light"] #eco-nav{background:#fff;color:#26364a;border-color:#d4dce6}html[data-eco-theme="light"] #eco-nav .en-head,html[data-eco-theme="light"] #eco-nav .en-group,html[data-eco-theme="light"] #eco-nav .en-footer{border-color:#dce3ea}
html[data-eco-theme="light"] #eco-nav .en-brand small,html[data-eco-theme="light"] #eco-nav .en-footer{color:#687e91}html[data-eco-theme="light"] #eco-nav .en-group summary{color:#a14d5f}html[data-eco-theme="light"] #eco-nav .en-row:hover{background:#eaf1f7}html[data-eco-theme="light"] #eco-nav .en-row.active{background:#f8e8eb}html[data-eco-theme="light"] #eco-nav .en-icon{color:#396f80}html[data-eco-theme="light"] #eco-nav .en-pin{color:#647b90}
html[data-eco-theme="light"] #eco-nav .en-search-wrap{background:#f4f7fa;border-color:#c9d5df;color:#547387}html[data-eco-theme="light"] #eco-nav .en-search{color:#26364a}html[data-eco-theme="light"] #eco-nav .en-close{background:#f4f7fa;color:#26364a;border-color:#c9d5df}
@media(max-width:650px){#eco-nav-bar{padding:0 9px;gap:6px}#eco-nav-bar .en-bar-location{gap:5px}#eco-nav-bar .en-bar-page{max-width:94px;font-size:10px}#eco-nav-bar .en-bar-actions{gap:5px}#eco-nav-bar .en-tool{min-width:36px;width:36px;padding:0}#eco-nav-bar .en-tool-text{display:none}#eco-nav-bar .en-language{width:42px;min-width:42px}#eco-nav-bar .en-menu{width:auto;min-width:69px;padding:0 9px}}
@media(max-width:390px){#eco-nav-bar .en-bar-page,#eco-nav-bar .en-bar-divider{display:none}#eco-nav-bar .en-menu{min-width:60px}}
@media(prefers-reduced-motion:reduce){#eco-nav,#eco-nav-backdrop{transition:none}}