/*
Theme Name: Πληροφορική
Theme URI: https://plhroforikh.gr
Author: Δημήτρης Λαζαρίδης
Description: Δίπυλο εκπαιδευτικό θέμα για το plhroforikh.gr — ΤΠΕ στο Δημοτικό και Πληροφορική Γ΄ Λυκείου.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: plhroforikh
*/

/* ============ TOKENS ============ */
:root{
  --bg:#FFFFFF;
  --surface:#F5F7F8;
  --surface-2:#EDF1F3;
  --ink:#151A20;
  --ink-soft:#515C67;
  --ink-faint:#7C8792;
  --line:#E1E6EA;
  --line-strong:#C8D0D6;

  --warm:#AE4E18;
  --warm-ink:#8C3E12;
  --warm-soft:#FCF1E9;
  --warm-line:#EBD1BB;

  --cool:#0D5C70;
  --cool-ink:#0A4A5A;
  --cool-soft:#E9F2F4;
  --cool-line:#BFDBE1;

  --radius:10px;
  --shadow:0 1px 2px rgba(21,26,32,.04), 0 10px 30px -20px rgba(21,26,32,.30);
  --shadow-lift:0 2px 4px rgba(21,26,32,.05), 0 18px 44px -24px rgba(21,26,32,.38);

  --serif:"Literata", Georgia, "Times New Roman", serif;
  --sans:"Commissioner", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --wrap:1120px;
  --gap:clamp(20px, 3vw, 34px);
}

@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F1317;
    --surface:#161B21;
    --surface-2:#1D242B;
    --ink:#E7ECF0;
    --ink-soft:#A2AEB8;
    --ink-faint:#7E8A94;
    --line:#242C33;
    --line-strong:#39434C;

    --warm:#E28A50;
    --warm-ink:#F0A671;
    --warm-soft:#231810;
    --warm-line:#3D2B1B;

    --cool:#4FB2C9;
    --cool-ink:#74C7DA;
    --cool-soft:#0E1F25;
    --cool-line:#1E3941;

    --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -20px rgba(0,0,0,.9);
    --shadow-lift:0 2px 4px rgba(0,0,0,.5), 0 18px 44px -24px rgba(0,0,0,1);
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--cool);outline-offset:3px;border-radius:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--bg);padding:10px 16px;border:1px solid var(--line-strong);border-radius:6px}

/* ============ TYPE ============ */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.18;letter-spacing:-.014em;text-wrap:balance;margin:0 0 .5em}
h1{font-size:clamp(30px,4.6vw,46px)}
h2{font-size:clamp(24px,3.2vw,32px)}
h3{font-size:clamp(19px,2.2vw,22px)}
p{margin:0 0 1.1em}
.lede{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:62ch}
.eyebrow{
  font-family:var(--mono);font-size:11.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);
  margin:0 0 12px;display:block;
}

/* ============ HEADER ============ */
.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:5}
.site-header .wrap{display:flex;align-items:center;gap:20px;min-height:74px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-.01em;color:var(--ink);padding:8px 0}
.brand img{max-height:42px;width:auto}
.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--warm);box-shadow:14px 0 0 -1px var(--cool);margin-right:14px;flex:0 0 auto}
.nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.nav a{
  text-decoration:none;color:var(--ink-soft);font-size:15px;font-weight:500;
  padding:8px 13px;border-radius:7px;line-height:1.3;
}
.nav a:hover{color:var(--ink);background:var(--surface)}
.nav .current-menu-item>a,.nav a[aria-current]{color:var(--ink);font-weight:600}

/* ============ SECTION CHROME ============ */
.section-bar{border-bottom:1px solid var(--line);background:var(--surface)}
.section-bar.warm{background:var(--warm-soft);border-bottom-color:var(--warm-line)}
.section-bar.cool{background:var(--cool-soft);border-bottom-color:var(--cool-line)}
.section-bar .wrap{padding-block:clamp(30px,5vw,56px)}
.section-bar h1{margin:0 0 10px}
.section-bar.warm .eyebrow{color:var(--warm)}
.section-bar.cool .eyebrow{color:var(--cool)}
.section-bar .lede{margin:0}

main{display:block}
.pad{padding-block:clamp(38px,6vw,68px)}

/* ============ FRONT: PORTALS ============ */
.intro{padding-block:clamp(34px,6vw,64px) clamp(20px,3vw,30px);text-align:center}
.intro h1{margin:0 auto 14px;max-width:16ch}
.intro .lede{margin-inline:auto;text-align:center;max-width:56ch}

.portals{
  display:grid;gap:var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  padding-bottom:clamp(40px,6vw,72px);
  align-items:stretch;
}
.portal{
  display:flex;flex-direction:column;
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
  text-decoration:none;color:inherit;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.portal:hover,.portal:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.portal .rail{height:5px;width:100%}
.portal.warm .rail{background:var(--warm)}
.portal.cool .rail{background:var(--cool)}
.portal.warm:hover{border-color:var(--warm-line)}
.portal.cool:hover{border-color:var(--cool-line)}
.portal-body{padding:clamp(24px,3.4vw,34px);display:flex;flex-direction:column;flex:1;gap:6px}
.portal .eyebrow{margin-bottom:10px}
.portal.warm .eyebrow{color:var(--warm)}
.portal.cool .eyebrow{color:var(--cool)}
.portal h2{margin:0 0 10px;font-size:clamp(23px,2.7vw,29px)}
.portal p{color:var(--ink-soft);margin:0 0 20px;font-size:16px}
.portal ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15.5px}
.portal li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);line-height:1.45}
.portal li b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.portal li::before{
  content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;margin-top:8px;
}
.portal.warm li::before{background:var(--warm)}
.portal.cool li::before{background:var(--cool)}
.portal .go{
  margin-top:auto;display:inline-flex;align-items:center;gap:9px;
  font-weight:600;font-size:16px;
}
.portal.warm .go{color:var(--warm)}
.portal.cool .go{color:var(--cool)}
.portal .go svg{transition:transform .18s ease}
.portal:hover .go svg{transform:translateX(4px)}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;border-radius:8px;
  font-weight:600;font-size:16.5px;text-decoration:none;
  border:1px solid transparent;line-height:1.2;
  transition:filter .15s ease, transform .15s ease;
}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-cool{background:var(--cool);color:#fff}
.btn-warm{background:var(--warm);color:#fff}
.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn-ghost:hover{background:var(--surface)}

/* ============ POST GRID ============ */
.group{margin-bottom:clamp(34px,5vw,52px)}
.group > h2{
  display:flex;align-items:baseline;gap:12px;
  padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid var(--line);
}
.group > h2 span{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-faint);font-weight:500;margin-inline-start:auto;text-transform:uppercase}

.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{
  display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:var(--radius);
  background:var(--bg);overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .16s ease, box-shadow .16s ease;
}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.card .thumb{aspect-ratio:16/10;background:var(--surface-2);overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb.empty{display:grid;place-content:center;color:var(--warm);opacity:.5}
.card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.card h3{margin:0;font-size:18.5px;line-height:1.3}
.card p{margin:0;font-size:14.5px;color:var(--ink-soft);line-height:1.5}
.card .meta{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase}

/* ============ ARTICLE ============ */
.article{max-width:min(72ch,100%);margin-inline:auto}
.article-head{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.article-head .eyebrow{color:var(--warm)}
.article-head h1{margin:0 0 12px}
.article-meta{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}
.entry{font-size:17.5px}
.entry h2{margin-top:1.7em;font-size:26px}
.entry h3{margin-top:1.5em}
.entry a{color:var(--warm);text-underline-offset:3px;text-decoration-thickness:1.5px}
.entry ul,.entry ol{padding-inline-start:1.3em;margin:0 0 1.2em}
.entry li{margin-bottom:.45em}
.entry img,.entry figure{margin-block:1.6em;border-radius:8px}
.entry figure{margin-inline:0}
.entry figcaption{font-size:14px;color:var(--ink-faint);margin-top:8px;text-align:center}
.entry blockquote{
  margin:1.6em 0;padding:4px 0 4px 20px;border-inline-start:3px solid var(--warm-line);
  color:var(--ink-soft);font-style:normal;
}
.entry table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:15.5px}
.entry th,.entry td{border:1px solid var(--line);padding:9px 12px;text-align:start}
.entry th{background:var(--surface);font-weight:600}
.entry pre,.entry code{font-family:var(--mono)}
.entry pre{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;overflow-x:auto;font-size:14.5px}
.entry :not(pre)>code{background:var(--surface-2);border-radius:4px;padding:2px 6px;font-size:.88em}
.table-scroll{overflow-x:auto}

.attachments{
  margin:34px 0 0;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
}
.attachments h4{font-family:var(--sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px;font-weight:700}

.pager{display:flex;gap:14px;justify-content:space-between;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.pager a{text-decoration:none;color:var(--ink-soft);font-size:15px;max-width:46%}
.pager a:hover{color:var(--warm)}
.pager span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px}

/* ============ LYKEIO LANDING ============ */
.feature-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 0 clamp(32px,5vw,48px)}
.feature{border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;background:var(--bg)}
.feature .num{font-family:var(--serif);font-size:36px;font-weight:700;color:var(--cool);line-height:1;font-variant-numeric:tabular-nums;display:block;margin-bottom:8px}
.feature h3{font-family:var(--sans);font-size:16px;font-weight:700;margin:0 0 5px;letter-spacing:0}
.feature p{margin:0;font-size:15px;color:var(--ink-soft);line-height:1.5}
.cta-band{
  background:var(--cool-soft);border:1px solid var(--cool-line);border-radius:var(--radius);
  padding:clamp(26px,4vw,40px);text-align:center;
}
.cta-band h2{margin:0 0 10px}
.cta-band p{color:var(--ink-soft);max-width:52ch;margin:0 auto 24px}

/* ============ FOOTER ============ */
.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:clamp(48px,7vw,88px)}
.site-footer .wrap{padding-block:36px;display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.site-footer p{margin:0;font-size:14.5px;color:var(--ink-soft)}
.site-footer .flinks{display:flex;gap:18px;flex-wrap:wrap}
.site-footer a{color:var(--ink-soft);text-decoration:none;font-size:14.5px}
.site-footer a:hover{color:var(--ink);text-decoration:underline}
.colophon{width:100%;padding-top:20px;margin-top:4px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint)}

/* ============ MISC ============ */
.empty-state{text-align:center;padding:60px 20px;color:var(--ink-soft)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:15px;color:var(--ink-soft)}
.pagination .current{background:var(--warm);border-color:var(--warm);color:#fff;font-weight:600}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ============ SECTION MARKS ============ */
.mark{
  display:flex;align-items:center;
  min-height:104px;margin:0 0 16px;
}
.mark img{max-height:96px;width:auto;max-width:100%}
.mark-lykeio{
  display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;
  background:var(--cool);color:#fff;
  padding:14px 22px 16px;border-radius:12px;
  box-shadow:0 6px 0 -1px rgba(0,0,0,.14);
}
.mark-lykeio .big{
  font-family:var(--serif);font-weight:700;font-size:30px;line-height:1;
  letter-spacing:-.02em;
}
.mark-lykeio .strap{
  font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;opacity:.86;
}
.portal h2.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}

.section-bar .mark{min-height:0;margin:0 0 14px}
.section-bar .mark img{max-height:110px}
@media (max-width:520px){
  .mark img{max-height:76px}
  .section-bar .mark img{max-height:86px}
  .mark-lykeio .big{font-size:25px}
}

/* Το κείμενο υποδοχής μπορεί να γραφτεί από τον επεξεργαστή του WordPress. */
.intro > *{max-width:none}
.intro h1{margin:0 auto 14px;max-width:18ch}
.intro h2{font-family:var(--serif);font-size:clamp(22px,3vw,28px);margin:0 auto 12px;max-width:22ch}
.intro p{
  font-size:clamp(17px,2vw,20px);color:var(--ink-soft);
  max-width:58ch;margin:0 auto 10px;
}
.intro p:last-child{margin-bottom:0}
.intro a{color:var(--cool)}

/* Κεφαλαία στην αρχική: χρειάζονται λίγο περισσότερο αέρα ανάμεσα στα γράμματα. */
.intro h1{letter-spacing:.012em;max-width:20ch}
.intro .byline{
  font-family:var(--mono);
  font-size:clamp(12px,1.5vw,14px);
  font-weight:600;
  letter-spacing:.22em;
  color:var(--ink-faint);
  margin:0 auto;
}

/* =====================================================================
   ΤΠΕ ΣΤΟ ΔΗΜΟΤΙΚΟ — ο κόσμος των παιδιών.
   Ξεχωριστή φωνή από το υπόλοιπο site: στρογγυλή γραμματοσειρά,
   χρώμα ανά θέμα, μεγάλα εικονίδια εκεί που δεν υπάρχει φωτογραφία.
   ===================================================================== */
.kids{
  --sky:#1E88C7;     --sky-soft:#E4F2FA;   --sky-deep:#15628F;
  --coral:#E8543A;   --coral-soft:#FDECE8; --coral-deep:#B33D28;
  --violet:#6C4BC4;  --violet-soft:#EDE8FA;--violet-deep:#503391;
  --sun:#D98A05;     --sun-soft:#FCF1DC;   --sun-deep:#A66703;
  --grass:#2E9463;   --grass-soft:#E3F4EB; --grass-deep:#1F6E48;
  --round:"Nunito", "Commissioner", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){
  .kids{
    --sky-soft:#0E2029;   --coral-soft:#2A1512;  --violet-soft:#1B1430;
    --sun-soft:#271C09;   --grass-soft:#0F241A;
    --sky:#5CB4E6; --coral:#F58166; --violet:#9E85E8; --sun:#EBA83A; --grass:#57C08C;
  }
}
.kids .c-sky{--h:var(--sky);--hs:var(--sky-soft);--hd:var(--sky-deep)}
.kids .c-coral{--h:var(--coral);--hs:var(--coral-soft);--hd:var(--coral-deep)}
.kids .c-violet{--h:var(--violet);--hs:var(--violet-soft);--hd:var(--violet-deep)}
.kids .c-sun{--h:var(--sun);--hs:var(--sun-soft);--hd:var(--sun-deep)}
.kids .c-grass{--h:var(--grass);--hs:var(--grass-soft);--hd:var(--grass-deep)}

/* ---------- HERO ---------- */
.kids-hero{
  position:relative;
  background:
    radial-gradient(900px 380px at 12% -10%, var(--sky-soft) 0%, transparent 62%),
    radial-gradient(760px 340px at 88% 0%, var(--sun-soft) 0%, transparent 60%),
    var(--surface);
  padding-block:clamp(28px,4.5vw,52px) clamp(18px,2.5vw,30px);
  color:var(--bg);
}
.kids-hero > .wrap{color:var(--ink)}
.kids-hero-in{
  display:grid;gap:clamp(24px,4vw,44px);
  grid-template-columns:minmax(0,1fr);
  align-items:center;
}
@media (min-width:900px){ .kids-hero-in{grid-template-columns:1fr 1fr} }
.kids-logo{max-height:104px;width:auto;margin:0 0 18px}
.kids-hero h1{
  font-family:var(--round);font-weight:900;
  font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.02em;
  margin:0 0 12px;
}
.kids-hero-text > p{
  font-size:clamp(16.5px,1.9vw,19px);color:var(--ink-soft);
  max-width:46ch;margin:0 0 22px;
}
.kids-hero-art{margin:0}
.kids-hero-art img{
  width:100%;height:auto;border-radius:20px;
  border:4px solid var(--bg);
  box-shadow:0 18px 44px -20px rgba(21,26,32,.45);
}
.kids-wave{display:block;width:100%;height:clamp(28px,4vw,52px);color:var(--bg);margin-bottom:-1px}

/* ---------- CHIPS ---------- */
.kids-jump{display:flex;flex-wrap:wrap;gap:9px}
.chip{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--round);font-weight:800;font-size:14.5px;
  padding:9px 15px;border-radius:999px;text-decoration:none;
  background:var(--hs);color:var(--hd);border:2px solid transparent;
  transition:transform .14s ease, border-color .14s ease;
}
.chip span{font-size:17px;line-height:1}
.chip:hover{transform:translateY(-2px);border-color:var(--h)}
@media (prefers-color-scheme: dark){ .chip{color:var(--h)} }

/* ---------- GROUPS ---------- */
.kids-body{padding-block:clamp(26px,3.5vw,44px) clamp(40px,6vw,70px)}
.kgroup{margin-bottom:clamp(38px,5.5vw,62px);scroll-margin-top:90px}
.kgroup-head{
  display:flex;align-items:center;gap:16px;
  padding:14px 20px;margin:0 0 22px;
  background:var(--hs);border-radius:16px;
}
.kgroup-icon{
  flex:0 0 auto;display:grid;place-content:center;
  width:52px;height:52px;border-radius:14px;background:var(--bg);
  font-size:27px;line-height:1;box-shadow:0 3px 0 0 var(--h);
}
.kgroup-head h2{
  font-family:var(--round);font-weight:900;font-size:clamp(20px,2.6vw,26px);
  margin:0;color:var(--hd);letter-spacing:-.015em;
}
.kgroup-head p{margin:2px 0 0;font-size:14.5px;color:var(--ink-soft)}
.kgroup-count{
  margin-inline-start:auto;flex:0 0 auto;
  font-family:var(--round);font-weight:900;font-size:19px;
  color:var(--bg);background:var(--h);
  min-width:38px;height:38px;border-radius:999px;
  display:grid;place-content:center;
}
@media (prefers-color-scheme: dark){
  .kgroup-head h2{color:var(--h)}
  .kgroup-count{color:#0F1317}
}

/* ---------- CARDS ---------- */
.kcards{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr))}
.kcard{
  display:flex;flex-direction:column;
  background:var(--bg);border-radius:18px;overflow:hidden;
  text-decoration:none;color:inherit;
  border:1px solid var(--line);
  box-shadow:0 2px 0 0 var(--line);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.kcard:hover,.kcard:focus-visible{
  transform:translateY(-4px);
  border-color:var(--h);
  box-shadow:0 6px 0 0 var(--h), 0 20px 34px -22px rgba(21,26,32,.5);
}
.kcard-top{
  display:block;position:relative;
  aspect-ratio:16/10;background:var(--hs);
  display:grid;place-content:center;overflow:hidden;
}
.kcard-top img{width:100%;height:100%;object-fit:cover}
.kcard-emoji{font-size:clamp(44px,7vw,58px);line-height:1;filter:saturate(1.05)}
.kcard-body{display:flex;flex-direction:column;gap:7px;padding:16px 18px 18px;flex:1}
.kcard-title{
  font-family:var(--round);font-weight:800;font-size:18.5px;line-height:1.25;
  color:var(--ink);letter-spacing:-.01em;
}
.kcard-text{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
.kcard-go{
  margin-top:auto;padding-top:12px;
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--round);font-weight:800;font-size:14.5px;color:var(--h);
}
.kcard-go svg{width:16px;height:16px;transition:transform .16s ease}
.kcard:hover .kcard-go svg{transform:translateX(4px)}

/* ---------- ΑΡΘΡΟ ΔΗΜΟΤΙΚΟΥ ---------- */
.kids-post .article-head{border-bottom:none;padding-bottom:0;margin-bottom:22px}
.kids-post .kpost-badge{
  display:inline-grid;place-content:center;
  width:64px;height:64px;border-radius:18px;
  background:var(--hs);font-size:32px;line-height:1;
  margin:0 0 14px;box-shadow:0 4px 0 0 var(--h);
}
.kids-post h1{font-family:var(--round);font-weight:900;letter-spacing:-.02em}
.kids-post .entry{font-size:18px}
.kids-post .entry h2,.kids-post .entry h3{font-family:var(--round);font-weight:800;color:var(--hd)}
@media (prefers-color-scheme: dark){ .kids-post .entry h2,.kids-post .entry h3{color:var(--h)} }
.kids-post .entry a{color:var(--h)}
.kids-post .entry ul li::marker{color:var(--h)}
.kids-post .attachments{background:var(--hs);border-color:transparent;border-radius:16px}
.kids-post .attachments h4{color:var(--hd)}
@media (prefers-color-scheme: dark){ .kids-post .attachments h4{color:var(--h)} }
.kids-post .back{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;
  font-family:var(--round);font-weight:800;font-size:14.5px;
  color:var(--ink-soft);text-decoration:none;
}
.kids-post .back:hover{color:var(--h)}