/* kids-tab (kids_tab.py): homepage «Κείμενα»/"Texts" tab «Για παιδιά»/"Kids" (kids book cards, read from the built Kids corner index), stats item «N παιδικά βιβλία»/"N kids’ books",
   and the top-nav Kids link in kids lettering (multicoloured Comfortaa letters, owner choice A). Every page except the Kids corner pages (they keep their own header). */
@font-face{font-family:"PL Kids";src:url(/files/explainers/comfortaa-greek-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
/* top nav: the Kids link */
.nv-st.kn{font-family:"PL Kids",var(--disp),sans-serif;font-weight:700;font-style:normal;letter-spacing:.01em;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.nv-st.kn .kn-w{display:inline-block;line-height:1}
.nv-st.kn .kn-w i{font-style:normal;display:inline-block;transform-origin:50% 70%}
.nv-st.kn .kn-w i.kn-s{width:.3em}
.nv-st.kn .kn-w i:nth-child(6n+1){color:#e0553b;transform:rotate(-5deg)}.nv-st.kn .kn-w i:nth-child(6n+2){color:#ea9a14;transform:translateY(-1.5px) rotate(3deg)}.nv-st.kn .kn-w i:nth-child(6n+3){color:#2f9a6a;transform:rotate(-2deg)}.nv-st.kn .kn-w i:nth-child(6n+4){color:#2e86c1;transform:translateY(1px) rotate(4deg)}.nv-st.kn .kn-w i:nth-child(6n+5){color:#8e5ec8;transform:translateY(-1px) rotate(-3deg)}.nv-st.kn .kn-w i:nth-child(6n+6){color:#dc4f8c;transform:rotate(2deg)}
[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+1){color:#ff8a6c}[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+2){color:#ffc24d}[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+3){color:#79d39f}[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+4){color:#7cc2f2}[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+5){color:#c4a2f4}[data-theme=dark] .nv-st.kn .kn-w i:nth-child(6n+6){color:#ff92c1}
.nv-st.kn:focus-visible{outline:2px solid var(--gold,#b8892f);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:no-preference){/* homepage Texts: kids book cards only under the Kids tab (kids-tab.js sets html.kt-js + #grid.kt-on; without JS nothing is hidden) */
html.kt-js #grid:not(.kt-on) .gc.kt-card{display:none!important}
/* kids book cards (picture = the book's own cover, already ?v= versioned) */
.gc.kt-card .kt-gi img{object-fit:cover;object-position:50% 45%}
/* homepage stats: 6 items (desktop one row of 6; phone 3 + 3, centred) */
@media (min-width:721px){.stats.kt-stats{grid-template-columns:repeat(6,1fr)}}
@media (max-width:720px){.stats.kt-stats>div:nth-child(4){grid-column:span 2!important}}
