/* nav-font (nav_font.py, owner pt1631u): top-row nav font + selection by background (light) / white text (dark), Kids link lift up-right. */
/* selection + hover: no underline any more. DARK theme (default + html[data-theme=dark]): no background, hover and the current page (aria-current="page")
   turn the text white (--ink). LIGHT theme: a soft gold-tinted pill on hover, a slightly stronger pill + hairline for the current page. Focus: visible gold ring. */
.nav nav>a:not(.cta)::after{display:none!important}
.nav nav>a:not(.cta){position:relative;padding:6px 11px;border-radius:999px;line-height:1.25;white-space:nowrap;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .18s}
@media(min-width:1024px){.nav nav{gap:10px}.nav nav>a.cta{margin-left:6px}}
.nav nav>a:not(.cta):hover,.nav nav>a:not(.cta):focus-visible,.nav nav>a[aria-current="page"]{color:var(--ink)}
.nav nav>a:not(.cta):focus-visible,.nav nav .nvm .nvm-p a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
html[data-theme=light] .nav nav>a:not(.cta):not(.kn):not(.nfk):hover{background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--ink)}
html[data-theme=light] .nav nav>a[aria-current="page"]:not(.kn):not(.nfk){background:color-mix(in srgb,var(--gold) 15%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 32%,transparent);color:var(--ink)}
html[data-theme=light] .nav nav .nvm .nvm-p a[aria-current="page"]:not(.nvm-cta):not(.kn):not(.nv-st){background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink)}
.nav nav .nvm .nvm-p a[aria-current="page"]{color:var(--ink)}
html:not([data-theme=light]) .nav nav .nvm .nvm-p a[aria-current="page"]{background:none}
/* the colourful Kids link: hover = a hint of the lift; on the Kids corner (current page) = a small playful lift up-RIGHT (owner t1633u). Never a background. */
@font-face{font-family:"PL Kids";src:url(/files/explainers/comfortaa-greek-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
.nav nav>a.kn,.nav nav>a.nfk{padding:6px 6px;background:none!important;box-shadow:none!important}
.nav nav a.kn .kn-w,.nav nav a.nfk .kn-w{display:inline-block;transform-origin:20% 80%;transition:transform .28s cubic-bezier(.34,1.56,.64,1)}
.nav nav a.kn:hover .kn-w,.nav nav a.nfk:hover .kn-w{transform:translate(1px,-1px) rotate(-2deg)}
.nav nav a[aria-current="page"].nfk .kn-w,.nav nav a[aria-current="page"].kn .kn-w{transform:translate(2px,-3px) rotate(-4deg)}html[lang="el"] .nav nav a[aria-current="page"].nfk .kn-w,html[lang="el"] .nav nav a[aria-current="page"].kn .kn-w{transform:translate(1px,0) rotate(-3deg);transform-origin:50% 60%}
.nav nav a.nfk{font-family:"PL Kids",var(--disp),sans-serif;font-weight:700;font-style:normal;letter-spacing:.01em;display:inline-flex;align-items:center;white-space:nowrap;font-size:.95rem}
.nav nav a.nfk .kn-w{line-height:1}
.nav nav a.nfk .kn-w i{font-style:normal;display:inline-block;transform-origin:50% 70%}
.nav nav a.nfk .kn-w i.kn-s{width:.3em}
.nav nav a.nfk .kn-w i:nth-child(6n+1){color:#c2412a;transform:rotate(-5deg)}.nav nav a.nfk .kn-w i:nth-child(6n+2){color:#a76a00;transform:translateY(-1.5px) rotate(3deg)}.nav nav a.nfk .kn-w i:nth-child(6n+3){color:#217a52;transform:rotate(-2deg)}.nav nav a.nfk .kn-w i:nth-child(6n+4){color:#226ea3;transform:translateY(1px) rotate(4deg)}.nav nav a.nfk .kn-w i:nth-child(6n+5){color:#7647b0;transform:translateY(-1px) rotate(-3deg)}.nav nav a.nfk .kn-w i:nth-child(6n+6){color:#c0386f;transform:rotate(2deg)}
html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+1){color:#ff8a6c}html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+2){color:#ffc24d}html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+3){color:#79d39f}html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+4){color:#7cc2f2}html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+5){color:#c4a2f4}html:not([data-theme=light]) .nav nav a.nfk .kn-w i:nth-child(6n+6){color:#ff92c1}
.nav nav a.nfk:focus-visible,.nav nav a.kn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
@media(max-width:1023px){.nav nav>a.nfk{display:none!important}}
/* ≡ menu on the Kids corner: the plain Kids link (current page) in the Kids font, colourful, lifted up-right */
.nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn){font-family:"PL Kids",var(--disp),sans-serif;font-weight:700;background:none!important}
.nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn)::before{content:none}
.nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn),.nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn):hover,.nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn):focus-visible{color:transparent!important;background-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important;background-image:linear-gradient(90deg,#ff8a6c,#ffc24d 22%,#79d39f 44%,#7cc2f2 66%,#c4a2f4 84%,#ff92c1)!important;background-size:7.2em 100%;background-repeat:no-repeat;background-position:14px 0;transform:translate(2px,-2px) rotate(-3deg);transform-origin:14px 80%;width:max-content;border-top-color:transparent!important}
.nav nav .nvm .nvm-p a:has(+a.nv-st[aria-current="page"]:not(.kn)){border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,transparent);margin-bottom:-1px}
html[data-theme=light] .nav nav .nvm .nvm-p a.nv-st[aria-current="page"]:not(.kn){background-image:linear-gradient(90deg,#c2412a,#a76a00 22%,#217a52 44%,#226ea3 66%,#7647b0 84%,#c0386f)!important}
@media (prefers-reduced-motion:reduce){.nav nav a.kn .kn-w,.nav nav a.nfk .kn-w,.nav nav>a{transition:none!important}.nav nav a.kn:hover .kn-w,.nav nav a.nfk:hover .kn-w{transform:none}.nav nav a[aria-current="page"].nfk .kn-w{transform:translate(2px,-3px) rotate(-4deg)}html[lang="el"] .nav nav a[aria-current="page"].nfk .kn-w,html[lang="el"] .nav nav a[aria-current="page"].kn .kn-w{transform:translate(1px,0) rotate(-3deg)}}