/* Existing nav elements keep their layout, unread badges and keyboard behavior. */
[data-atlas-nav-link]{--c:#087d80}
[data-atlas-nav-link] svg{width:22px;height:22px;color:#66c5bd;fill:none;flex:none}
@media(min-width:1024px){
[data-atlas-compact]{position:relative!important;min-width:38px!important;width:38px!important;flex:0 0 38px!important;padding-inline:8px!important;justify-content:center!important}
[data-atlas-compact] .sacu-nav-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-atlas-compact]:after{content:attr(data-atlas-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:999995;display:none;padding:7px 10px;border-radius:7px;background:#123238;color:#fff;font:500 11px/1.4 inherit;white-space:nowrap;pointer-events:none;box-shadow:0 5px 15px #10252b22}
[data-atlas-compact]:hover:after,[data-atlas-compact]:focus-visible:after{display:block}
}
#sacu-navigation{position:relative;background:#122633;color:#f4f7f5;z-index:1000;font-family:inherit;padding:0 25px;isolation:isolate}
#sacu-navigation *,#sacu-nav-drawer *{box-sizing:border-box}
#sacu-navigation a,#sacu-nav-drawer a{color:inherit;text-decoration:none}
#sacu-navigation button,#sacu-nav-drawer button{font-family:inherit;cursor:pointer}
#sacu-navigation .sacu-nav-inner{display:flex;align-items:center;gap:15px;max-width:1340px;margin:auto;min-height:69px}
#sacu-navigation .sacu-nav-brand{font-size:20px;font-weight:750;letter-spacing:-.05em;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;margin-inline-end:9px}
#sacu-navigation .sacu-nav-brand img{height:35px;max-width:135px;width:auto;object-fit:contain}
#sacu-navigation .sacu-nav-brand b{font-size:11px;font-weight:600;border:1px solid #95b7b966;border-radius:5px;padding:2px 4px;color:#a5d9d2;letter-spacing:0}
#sacu-navigation .sacu-nav-menu{padding:0;width:34px;height:34px;border:1px solid #69878c66;border-radius:8px;background:transparent;color:#e6f4f1;box-shadow:none;display:flex;align-items:center;justify-content:center;flex:none}
#sacu-navigation .sacu-nav-menu svg{width:20px;height:20px}
#sacu-navigation .sacu-nav-links{display:flex;align-items:center;gap:4px;flex:1}
#sacu-navigation .sacu-nav-links>a,#sacu-navigation details>summary{padding:11px 12px;border-radius:9px;font-size:12px;font-weight:550;line-height:1.4;white-space:nowrap}
#sacu-navigation .sacu-nav-links>a[aria-current=page]{background:#285251;color:#a5ebe0}
#sacu-navigation .sacu-nav-links>a:hover{background:#ffffff12}
#sacu-navigation .sacu-nav-tools{display:flex;align-items:center;gap:5px;margin-inline-start:auto}
#sacu-navigation .sacu-nav-tools>a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ffffff24;border-radius:9px;color:#e4eeed;position:relative}
#sacu-navigation .sacu-nav-tools>a>svg{width:18px;height:18px}
#sacu-navigation .sacu-nav-login{width:auto!important;padding:0 14px!important;background:#eaf5f0!important;border-color:#eaf5f0!important;color:#184a44!important;font-size:11px!important;font-weight:700!important;white-space:nowrap}
#sacu-navigation details{position:relative;color:inherit}
#sacu-navigation summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px}
#sacu-navigation summary::-webkit-details-marker{display:none}
#sacu-navigation .sacu-nav-dropdown{position:absolute;z-index:30;top:calc(100% + 7px);inset-inline-end:0;min-width:185px;padding:7px;background:#fff;border:1px solid #dce5e5;border-radius:12px;box-shadow:0 12px 28px #163c4424;color:#24424a;display:flex;flex-direction:column}
#sacu-navigation .sacu-nav-dropdown a{display:block;padding:9px 10px;border-radius:7px;font-size:12px;white-space:nowrap}
#sacu-navigation .sacu-nav-dropdown a:hover{background:#edf4f0}
#sacu-navigation .sacu-nav-language summary{padding:8px!important;font-size:17px!important;border:1px solid #ffffff24;min-width:37px;justify-content:center}
#sacu-navigation .sacu-nav-language summary>span{font-size:10px;color:#b9d2cf}
#sacu-navigation :is(a,button,summary):focus-visible,#sacu-nav-drawer :is(a,button):focus-visible{outline:3px solid #50b8ba;outline-offset:3px}
#sacu-nav-drawer{position:fixed;margin:0;inset:0 auto 0 0;width:min(340px,88vw);height:100dvh;max-height:100dvh;border:0;padding:22px;background:#f6f8f5;color:#19383c;box-shadow:10px 0 35px #132e2e35;font-family:inherit}
#sacu-nav-drawer::backdrop{background:#07171a85;backdrop-filter:blur(4px)}
#sacu-nav-drawer .sacu-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #dce5dc}
#sacu-nav-drawer .sacu-drawer-head strong{font-size:20px;letter-spacing:-.04em}
#sacu-nav-drawer .sacu-drawer-head button{border:1px solid #d4e0d9;border-radius:8px;background:#fff;color:#173b3b;width:37px;height:37px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;box-shadow:none;padding:0}
#sacu-nav-drawer nav{display:flex;flex-direction:column;gap:5px;padding-top:17px}
#sacu-nav-drawer nav a{display:block;padding:12px 14px;border-radius:9px;font-size:13px;line-height:1.5}
#sacu-nav-drawer nav a[aria-current=page]{background:#dcece4;color:#066e6d;font-weight:700}
#sacu-nav-drawer nav a:hover{background:#e4eee7}
#sacu-nav-drawer .sacu-drawer-divider{border-top:1px solid #dce5dc;margin:12px 0}
body.sagace-coding-page:has(.spub-header) #sacu-navigation,body.sagace-coding-page:has(.sgmn-brand-hub) #sacu-navigation{display:none!important}
@media(max-width:1000px){#sacu-navigation{padding:0 17px}#sacu-navigation .sacu-nav-inner{gap:10px}#sacu-navigation .sacu-nav-links>a{padding:10px 9px}#sacu-navigation .sacu-nav-tools>a:not(.sacu-nav-login){display:none}}
@media(max-width:760px){#sacu-navigation .sacu-nav-inner{min-height:62px;gap:10px}#sacu-navigation .sacu-nav-links{display:none}#sacu-navigation .sacu-nav-brand{font-size:20px;margin-inline-end:0}#sacu-navigation .sacu-nav-tools{gap:8px}#sacu-navigation .sacu-nav-language summary>.sacu-nav-lang-code{display:none}#sacu-navigation .sacu-nav-login{font-size:10px!important;padding:0 11px!important}#sacu-navigation .sacu-nav-menu{width:32px;height:32px}#sacu-nav-drawer nav a{min-height:43px;padding:11px 12px}}
#sacu-navigation .sacu-nav-tools>.sacu-nav-public-pricing{width:auto;padding:0 10px;font-size:11px;border:0}
#sacu-nav-drawer[dir=rtl]{inset:0 0 0 auto}

#sacu-navigation .sacu-nav-flag{display:inline-block;width:20px;height:15px;border-radius:2px;object-fit:cover;vertical-align:middle;margin-inline-end:5px}
#sacu-navigation .sacu-nav-current-flag .sacu-nav-flag{display:block;margin:0}
#sacu-navigation .sacu-nav-language summary>.sacu-nav-current-flag{display:block!important}