.nav-login{font-size:14px;font-weight:650;white-space:nowrap;text-decoration:none}.nav-login:hover{color:var(--teal);text-decoration:underline;text-underline-offset:5px}
.nav-signout{padding:9px 12px;height:42px;box-sizing:border-box;line-height:1.3;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:14px;font-weight:550;white-space:nowrap}.nav-signout:hover{background:#f3f7f2}.nav-signout:disabled,.site-nav-signout:disabled{cursor:wait;opacity:.55}
.nav-signout[hidden],.site-nav-signout[hidden],.site-nav-login[hidden],.nav-session-status[hidden]{display:none!important}.nav-session-status{max-width:1280px;width:calc(100% - 64px);margin:0 auto 14px;color:#9e302a;font-size:14px}
/* Reserve the same account, logout, plan and language slots before the session arrives. */
.header .nav-actions{display:grid;grid-template-columns:94px 88px 112px 114px;gap:10px;align-items:center;min-height:42px}
html:lang(el) .header .nav-actions{grid-template-columns:140px 110px 120px 114px}html:lang(it) .header .nav-actions{grid-template-columns:112px 76px 112px 114px}
.header .nav-login{grid-column:1;grid-row:1}.header .nav-signout{grid-column:2;grid-row:1}.header .nav-plans{grid-column:3;grid-row:1}.header .language-switch{grid-column:4;grid-row:1}
.header .nav-actions[data-session-state=guest]>.nav-login,.header .nav-actions[data-session-state=unknown]>.nav-login{grid-column:1/3;justify-self:end}
.header .nav-actions[data-session-state=pending]>.nav-login{visibility:hidden}.header .nav-actions[data-session-state=pending]::before{content:'';grid-column:1/3;grid-row:1;justify-self:end;width:80%;height:14px;background:#edf2ed;border-radius:7px}
.header .nav-actions>noscript{grid-column:1/3;grid-row:1;justify-self:end}.header .nav-actions>noscript .nav-login{visibility:visible}
.portal-header #signout[hidden]{display:inline-block!important;visibility:hidden}
@media(min-width:901px){.header .nav{gap:12px}.header .nav nav{gap:14px}}
@media(min-width:901px) and (max-width:1380px){.header .nav{flex-wrap:wrap;row-gap:16px;padding-block:18px}.header .nav nav{order:3;flex-basis:100%;justify-content:center;gap:32px}.header .nav-actions{margin-left:auto}}
.nav-toggle{display:none;width:46px;height:46px;align-items:center;justify-content:center;background:#f3f7f2;border:1px solid #d7e4da;border-radius:10px;color:var(--ink)}
.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;content:""}.nav-toggle-bars{position:relative}.nav-toggle-bars::before{position:absolute;top:-6px}.nav-toggle-bars::after{position:absolute;top:6px}
.site-nav-drawer{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(400px,calc(100vw - 28px));height:100vh;height:100dvh;max-height:none;max-width:none;padding:0;border:0;border-radius:18px 0 0 18px;background:#fbfcfa;color:var(--ink);box-shadow:-18px 0 55px #102a2a24;overflow:hidden}
.site-nav-drawer::backdrop{background:#102a2a99;backdrop-filter:blur(3px)}
.site-nav-panel{box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;padding:20px 24px max(20px,env(safe-area-inset-bottom));font-family:var(--font,'DM Sans',system-ui,sans-serif)}
.site-nav-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.site-nav-heading strong{font:750 20px var(--heading,'Manrope',system-ui,sans-serif);letter-spacing:-.5px}
.site-nav-close{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:24px;line-height:1}
.site-nav-close::before{content:'';position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
/* Only the link list scrolls on short screens; actions and languages stay visible. */
.site-nav-links{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;padding:10px 0 12px}.site-nav-links a{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:8px 2px;border-bottom:1px solid var(--line);color:var(--ink);font-size:17px;line-height:1.45;font-weight:600;text-decoration:none}.site-nav-links a::after{content:'↗';font-size:17px;font-weight:400;color:var(--teal)}.site-nav-links a:hover{color:var(--teal)}
.site-nav-actions{flex:none;display:grid;gap:8px;padding-top:16px}.site-nav-actions:empty{display:none}.site-nav-actions a,.site-nav-signout{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:9px;text-decoration:none;font-size:14px;line-height:1.5;font-weight:650}.site-nav-login{border:1px solid #b9cfc0;background:#fff;color:var(--ink)}.site-nav-plan{border:1px solid var(--ink);background:var(--ink);color:#fff}.site-nav-actions a:hover,.site-nav-signout:hover{filter:brightness(.94)}.site-nav-signout{width:100%;border:1px solid #b9cfc0;background:#fff;color:var(--ink)}
.site-nav-language{flex:none;display:flex;align-items:center;gap:10px;padding-top:16px;margin-top:16px;border-top:1px solid var(--line);font-size:13px;font-weight:700}.site-nav-language a,.site-nav-language span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;text-decoration:none}.site-nav-language [aria-current]{background:#e9f2e5;border-color:#c9ddbf}
.site-nav-open{overflow:hidden}
@media(max-width:900px){html.has-nav-drawer .header .nav{min-height:76px;flex-wrap:nowrap;padding-block:14px;gap:12px}html.has-nav-drawer .header .nav>nav,html.has-nav-drawer .header .nav>.nav-actions,html.has-nav-drawer .portal-header>nav{display:none}html.has-nav-drawer .portal-header{min-height:76px;flex-wrap:nowrap}html.has-nav-drawer .nav-toggle{display:flex;margin-left:auto;flex:none}}
@media(max-width:560px){html.has-nav-drawer .header .nav{width:calc(100% - 32px)}html.has-nav-drawer .portal-header .wordmark{font-size:21px}}
@media(prefers-reduced-motion:no-preference){.site-nav-drawer[open]{animation:site-nav-slide .22s ease-out}@keyframes site-nav-slide{from{transform:translateX(20px);opacity:.8}to{transform:translateX(0);opacity:1}}}
