/* Kids corner header logo (kids_logo.py, owner t1487u «make logo on children section looking like a child web» + «make it amazing»). Kids corner index + kids book pages, GR + EN, header only; rest of the site unchanged.
   Same name/wordmark; Comfortaa ("PL Kids", self-hosted, already used by the kids books); hand-drawn clean SVG (no raster). */
@font-face{font-family:"PL Kids";src:url(/files/explainers/comfortaa-greek-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}
.nav .brand.kl{--k1:#e2702e;--k2:#2a8fb0;gap:10px;position:relative;text-decoration:none;align-items:center}
[data-theme=dark] .nav .brand.kl{--k1:#ffa35c;--k2:#6fc6e6}
.nav .brand.kl .wm{font-family:"PL Kids",var(--disp);font-style:normal;font-weight:700;letter-spacing:.01em;font-size:1.46rem;line-height:1.2;color:var(--k2);padding:0;white-space:nowrap}
.nav .brand.kl .wm b{font-weight:700;color:var(--k1)}
.nav .brand.kl .wm i{font-style:normal;display:inline-block;transform-origin:50% 70%}
.nav .brand.kl .col{width:42px;height:42px;flex:none;border:0;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M32 12c-9 0-16.5 3.5-18.5 2.5 1.5 4 2.5 6 2.5 8.5C12.5 28 11 33.5 11 39c0 11.5 9.5 19.5 21 19.5S53 50.5 53 39c0-5.5-1.5-11-5-16 0-2.5 1-4.5 2.5-8.5C48.5 15.5 41 12 32 12z%22 fill=%22%23d0904c%22 stroke=%22%237a4a22%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22/%3E%3Cellipse cx=%2232%22 cy=%2245%22 rx=%2213%22 ry=%2211%22 fill=%22%23f6dfb2%22/%3E%3Ccircle cx=%2223.5%22 cy=%2228%22 r=%228.6%22 fill=%22%23fff%22 stroke=%22%237a4a22%22 stroke-width=%222.2%22/%3E%3Ccircle cx=%2240.5%22 cy=%2228%22 r=%228.6%22 fill=%22%23fff%22 stroke=%22%237a4a22%22 stroke-width=%222.2%22/%3E%3Ccircle cx=%2224.6%22 cy=%2229%22 r=%224.1%22 fill=%22%233a2414%22/%3E%3Ccircle cx=%2239.4%22 cy=%2229%22 r=%224.1%22 fill=%22%233a2414%22/%3E%3Ccircle cx=%2226%22 cy=%2227.4%22 r=%221.4%22 fill=%22%23fff%22/%3E%3Ccircle cx=%2240.8%22 cy=%2227.4%22 r=%221.4%22 fill=%22%23fff%22/%3E%3Cpath d=%22M29.4 35.2h5.2L32 39.6z%22 fill=%22%23f29a38%22 stroke=%22%23b8621a%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M32 46.5c-4.6-2.6-10-3-15.5-1.4v10.4c5.5-1.6 10.9-1.1 15.5 1.5 4.6-2.6 10-3.1 15.5-1.5V45.1c-5.5-1.6-10.9-1.2-15.5 1.4z%22 fill=%22%232f8f88%22 stroke=%22%231f625d%22 stroke-width=%222%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M32 46.8v10.2%22 stroke=%22%231f625d%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M19.5 49c3.4-.7 6.8-.4 9.6.8M35 49.8c2.8-1.2 6.2-1.5 9.6-.8%22 stroke=%22%23bfe6e1%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 fill=%22none%22/%3E%3Cpath d=%22M12.8 38.5c-2.8 5-1.8 11.2 3.4 15.6 3-.3 4.8-2.6 4.5-6-.3-4.2-3.4-7.8-7.9-9.6z%22 fill=%22%23b5763a%22 stroke=%22%237a4a22%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M51.2 38.5c2.8 5 1.8 11.2-3.4 15.6-3-.3-4.8-2.6-4.5-6 .3-4.2 3.4-7.8 7.9-9.6z%22 fill=%22%23b5763a%22 stroke=%22%237a4a22%22 stroke-width=%222.2%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M22 20.5l2.5-2M42 20.5l-2.5-2%22 stroke=%22%237a4a22%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/contain no-repeat}
.nav .brand.kl .kl-d{display:none}
@media (prefers-reduced-motion:no-preference){.nav .brand.kl .col{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.nav .brand.kl:hover .col{transform:rotate(-8deg) scale(1.06)}}
/* A: the reading owl + crayon letters (each letter its own colour, a gentle bounce) */
.nav .brand.kl-A .wm b,.nav .brand.kl-A .wm{color:inherit}
.nav .brand.kl-A .wm i:nth-child(6n+1){color:#e0553b;transform:rotate(-5deg)}.nav .brand.kl-A .wm i:nth-child(6n+2){color:#ea9a14;transform:translateY(-2px) rotate(3deg)}.nav .brand.kl-A .wm i:nth-child(6n+3){color:#2f9a6a;transform:rotate(-2deg)}.nav .brand.kl-A .wm i:nth-child(6n+4){color:#2e86c1;transform:translateY(1px) rotate(4deg)}.nav .brand.kl-A .wm i:nth-child(6n+5){color:#8e5ec8;transform:translateY(-1px) rotate(-3deg)}.nav .brand.kl-A .wm i:nth-child(6n+6){color:#dc4f8c;transform:rotate(2deg)}
[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+1){color:#ff8a6c;transform:rotate(-5deg)}[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+2){color:#ffc24d;transform:translateY(-2px) rotate(3deg)}[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+3){color:#79d39f;transform:rotate(-2deg)}[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+4){color:#7cc2f2;transform:translateY(1px) rotate(4deg)}[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+5){color:#c4a2f4;transform:translateY(-1px) rotate(-3deg)}[data-theme=dark] .nav .brand.kl-A .wm i:nth-child(6n+6){color:#ff92c1;transform:rotate(2deg)}

/* B: Robinson's little sailboat + letters bobbing on a wave */
.nav .brand.kl-B .col{width:44px;height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cpath d=%22M33 8.5 L33 40 L13.5 40 Z%22 fill=%22%23fff6dd%22 stroke=%22%23c8691f%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M36 15 L36 40 L50 40 Z%22 fill=%22%23ffd77a%22 stroke=%22%23c8691f%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M33 9l8.5 3-8.5 3z%22 fill=%22%23e2533a%22 stroke=%22%23a9481a%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7 40.5h50l-8.5 10.5h-33z%22 fill=%22%23e8743a%22 stroke=%22%23a9481a%22 stroke-width=%222.6%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M14 45.5h36%22 stroke=%22%23ffb27a%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M3 56.5c4.2-3 8.4-3 12.6 0s8.4 3 12.6 0 8.4-3 12.6 0 8.4 3 12.6 0 6.2-2.2 8.6-1%22 fill=%22none%22 stroke=%22%233a9fb8%22 stroke-width=%222.8%22 stroke-linecap=%22round%22/%3E%3C/svg%3E")}
.nav .brand.kl-B .wm{padding-bottom:8px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 10%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M2 6c5-4 9-4 14 0s9 4 14 0 9-4 14 0 9 4 14 0 9-4 14 0 9 4 14 0 9-4 14 0 9 4 14 0%22 fill=%22none%22 stroke=%22%233a9fb8%22 stroke-width=%222.4%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") left bottom/100% 6px no-repeat}
.nav .brand.kl-B .wm i:nth-child(odd){transform:translateY(-1.5px)}.nav .brand.kl-B .wm i:nth-child(even){transform:translateY(1px)}
/* C: the pencil (from «Το μολύβι» / "The Pencil") writing the name: two warm tones, small tilts, a pencil-drawn underline ending at its tip */
.nav .brand.kl-C{--k1:#e2702e;--k2:#7b55b5;gap:0}[data-theme=dark] .nav .brand.kl-C{--k1:#ffa35c;--k2:#c3a2f2}
.nav .brand.kl-C .col{order:2;align-self:flex-end;width:36px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22%3E%3Cg transform=%22rotate%2840 32 32%29%22%3E%3Crect x=%2225%22 y=%222%22 width=%2214%22 height=%229%22 rx=%223.5%22 fill=%22%23f28fa6%22 stroke=%22%239a4a3a%22 stroke-width=%222.4%22/%3E%3Crect x=%2225%22 y=%2210%22 width=%2214%22 height=%225%22 fill=%22%23cfd6dc%22 stroke=%22%239a4a3a%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M25 15h14v29H25z%22 fill=%22%23ffc93c%22 stroke=%22%239a4a3a%22 stroke-width=%222.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M29.7 15.5v28M34.3 15.5v28%22 stroke=%22%23e8a21a%22 stroke-width=%221.8%22/%3E%3Cpath d=%22M25 44h14l-7 14z%22 fill=%22%23f3d2a2%22 stroke=%22%239a4a3a%22 stroke-width=%222.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M29.5 53h5L32 58z%22 fill=%22%234a3528%22/%3E%3C/g%3E%3C/svg%3E");margin:0 0 -5.5px -9px}
.nav .brand.kl-C .wm{padding-bottom:8px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 7.5c22-2.6 46-3.4 70-2.6 22 .7 44 1.6 62-.4 6-.7 11-1.8 15-.6 3 1-1 4.5-5 3.2%22 fill=%22none%22 stroke=%22%238a6a55%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") left bottom/100% 7px no-repeat}
.nav .brand.kl-C .wm i:nth-child(odd){transform:rotate(-3deg)}.nav .brand.kl-C .wm i:nth-child(even){transform:rotate(2.5deg) translateY(-1px)}
[data-theme=dark] .nav .brand.kl-C .wm{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 160 12%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M3 7.5c22-2.6 46-3.4 70-2.6 22 .7 44 1.6 62-.4 6-.7 11-1.8 15-.6 3 1-1 4.5-5 3.2%22 fill=%22none%22 stroke=%22%23c9b09c%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")}
@media(max-width:720px){.nav .brand.kl{gap:6px}.nav .brand.kl .wm{font-size:1.08rem}.nav .brand.kl .col{width:32px;height:32px}
 .nav .brand.kl-B .col{width:33px;height:33px}.nav .brand.kl-B .wm{padding-bottom:6px;background-size:100% 5px}
 .nav .brand.kl-C{gap:0}.nav .brand.kl-C .col{width:27px;height:27px;margin:0 0 -4px -6.5px}.nav .brand.kl-C .wm{padding-bottom:6px;background-size:100% 5px}}
@media(max-width:380px){.nav .brand.kl .wm{font-size:1rem}}