@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-ext-italic-400.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-italic-400.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-ext-italic-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-italic-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-ext-italic-700.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-italic-700.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-ext-italic-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-italic-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-ext-normal-400.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-normal-400.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-ext-normal-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-normal-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-ext-normal-700.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-greek-normal-700.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-ext-normal-700.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Noto Serif';font-style:normal;font-weight:700;font-display:swap;src:url(/lexiko/assets/fonts/NotoSerif-latin-normal-700.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --navy:#192f5b;--navy-2:#0f1f40;--gold:#d8a020;--gold-ink:#7a5a0c;
  --bg:#ffffff;--paper:#f7f5ef;--ink:#1b1b1b;--muted:#5f6368;--link:#325fac;
  --rule:#e3e0d6;--chip:#eef1f7;--focus:#d8a020;
  --gl-top:rgba(255,255,255,.86);--gl-bot:rgba(244,241,233,.62);--gl-bd:rgba(25,47,91,.14);
  --gl-hi:rgba(255,255,255,.95);--gl-sh:rgba(25,47,91,.09);--gl-sh2:rgba(25,47,91,.16);
  --serif:'Noto Serif',Georgia,'Times New Roman',serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0e1a31;--paper:#14254a;--ink:#ece8dc;--muted:#a9b2c2;--link:#9dbcf0;
  --rule:#26375c;--chip:#1b2e57;--gold-ink:#e2b54a;color-scheme:dark;
  --gl-top:rgba(255,255,255,.085);--gl-bot:rgba(255,255,255,.03);--gl-bd:rgba(255,255,255,.14);
  --gl-hi:rgba(255,255,255,.12);--gl-sh:rgba(0,0,0,.22);--gl-sh2:rgba(0,0,0,.34)}}
:root[data-theme="dark"]{--bg:#0e1a31;--paper:#14254a;--ink:#ece8dc;--muted:#a9b2c2;
  --link:#9dbcf0;--rule:#26375c;--chip:#1b2e57;--gold-ink:#e2b54a;color-scheme:dark;
  --gl-top:rgba(255,255,255,.085);--gl-bot:rgba(255,255,255,.03);--gl-bd:rgba(255,255,255,.14);
  --gl-hi:rgba(255,255,255,.12);--gl-sh:rgba(0,0,0,.22);--gl-sh2:rgba(0,0,0,.34)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.7 var(--serif);
  text-rendering:optimizeLegibility}
[hidden]{display:none!important}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
img{max-width:100%;height:auto}
abbr[title]{text-decoration:underline dotted;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);
  text-underline-offset:.2em;cursor:help}
/* 🚨 ΤΟ «ΚΡΥΨΙΜΟ ΣΤΑ ΑΡΙΣΤΕΡΑ» ΜΕΤΡΙΕΤΑΙ ΑΠΟ ΤΟΝ ΓΟΝΙΟ, ΟΧΙ ΑΠΟ ΤΗΝ ΟΘΟΝΗ.
   Η ετικέτα της αναζήτησης ζει μέσα στο .search, που είναι τοποθετημένο. Σε
   οθόνη 1800 px το πεδίο αναζήτησης κάθεται στο x=881, οπότε το left:-999px
   την έφερνε στο x=-118: ΜΕΣΑ στην οθόνη, ένα κίτρινο κουτί δίπλα στο πεδίο.
   (George, 28 Σεπ 2026: «the yellow button is out of space there… near the
   search field».) Μετρήθηκε στα 1800 και επιβεβαιώθηκε.

   Ο σύνδεσμος παράλειψης γίνεται fixed, οπότε το -999px μετριέται πάντα από
   την οθόνη· και ό,τι δεν χρειάζεται να εμφανιστεί ποτέ παίρνει .vh, που δεν
   εξαρτάται καθόλου από το πού κάθεται ο γονιός του. */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:-999px;top:0;background:var(--gold);color:#111;padding:.5rem 1rem;z-index:99}
.skip:focus{left:1rem}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.2rem}

/* ── κεφαλίδα: η γλώσσα του navalhistory.gr ── */
.top{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}
.top .wrap{display:flex;align-items:center;gap:1rem;min-height:4.2rem;flex-wrap:wrap;padding-block:.5rem}
.top .brand img{display:block;height:34px;width:auto}
.top nav{margin-left:auto;display:flex;gap:1.1rem;font:600 .8rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.top nav a{color:#fff;opacity:.88}
.top nav a:hover{opacity:1;text-decoration:none;color:var(--gold)}
.band{background:var(--navy-2);color:#fff}
.band .wrap{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding-block:.9rem}
.band .title{font:italic 700 1.35rem/1.15 var(--serif);color:#fff;margin:0;white-space:nowrap}
.band .title a{color:#fff}
.band .title small{display:block;font:500 .66rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-style:normal}

/* ── αναζήτηση ── */
.search{position:relative;flex:1 1 20rem;max-width:36rem;margin-left:auto}
.search input{width:100%;font:17px/1.2 var(--serif);padding:.78rem 3.2rem .78rem 1rem;border-radius:.5rem;
  border:2px solid transparent;background:#fff;color:#111}
.search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,160,32,.25)}
.search .kbd{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);font:600 .7rem/1 var(--sans);
  color:#666;border:1px solid #ccc;border-radius:.3rem;padding:.2rem .4rem;pointer-events:none}
.results{position:absolute;left:0;right:0;top:calc(100% + .35rem);background:var(--bg);color:var(--ink);
  border:1px solid var(--rule);border-radius:.6rem;box-shadow:0 18px 40px rgba(0,0,0,.28);
  list-style:none;margin:0;padding:.35rem;max-height:min(70vh,32rem);overflow:auto;z-index:50}
.results li{padding:.5rem .7rem;border-radius:.4rem;cursor:pointer;line-height:1.35}
.results li[aria-selected="true"],.results li:hover{background:var(--chip)}
.results .h{font-weight:700}
.results .h mark{background:none;color:var(--gold-ink);text-decoration:underline;text-underline-offset:.15em}
.results .g{display:block;font-size:.84rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.results .hint{font:500 .78rem/1.4 var(--sans);color:var(--muted);cursor:default;background:none!important}
.results .all{font:600 .8rem/1.4 var(--sans);text-align:center}

/* ── λήμμα ── */
main{padding-block:2rem 4rem}
/* το υποσέλιδο πάντα στο κάτω μέρος: η σελίδα είναι στήλη τουλάχιστον όσο η οθόνη,
   και το main παίρνει όλο τον χώρο που περισσεύει (σε σύντομες σελίδες δεν μένει κενό από κάτω) */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>footer.foot{flex-shrink:0}
.crumbs{font:500 .8rem/1.5 var(--sans);color:var(--muted);margin-bottom:1.2rem}
.crumbs a{color:var(--muted)}
.layout{display:grid;gap:2.5rem}
@media (min-width:980px){.layout{grid-template-columns:minmax(0,1fr) 18rem}}
article.lemma{max-width:44rem}
.lemma h1{font:italic 700 clamp(2.1rem,1.5rem + 2.6vw,3.1rem)/1.1 var(--serif);color:var(--navy);margin:0;
  letter-spacing:-.01em;overflow-wrap:anywhere}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lemma h1{color:#fff}}
:root[data-theme="dark"] .lemma h1{color:#fff}
.variants{margin:.35rem 0 0;color:var(--muted);font-size:.95rem}
.gram{margin:.55rem 0 0;font:500 .92rem/1.5 var(--sans);color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}
.chip{display:inline-block;font:600 .74rem/1 var(--sans);letter-spacing:.04em;padding:.42rem .62rem;
  border-radius:99rem;background:var(--chip);color:var(--ink)}
a.chip:hover{text-decoration:none;background:var(--gold);color:#111}
.chip.gold{background:transparent;border:1px solid var(--gold);color:var(--gold-ink)}
.def{margin-top:1.4rem}
.def p{margin:.4rem 0}
.senses{margin:.6rem 0 0;padding-left:1.6rem}
.senses li{margin:.45rem 0;padding-left:.2rem}
.senses li::marker{font-weight:700;color:var(--gold-ink)}
figure.photo{margin:1.6rem 0;background:var(--paper);border:1px solid var(--rule);border-radius:.6rem;padding:.6rem}
figure.photo img{display:block;margin:0 auto;border-radius:.3rem;max-height:26rem;width:auto}
.panel{margin-top:1.8rem;padding:1rem 1.2rem;background:var(--paper);border-left:4px solid var(--gold);border-radius:0 .5rem .5rem 0}
.panel h2{margin:0 0 .35rem;font:700 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.panel p{margin:.25rem 0}
.panel .alt{color:var(--muted)}
/* Τα δύο μπλε κουμπιά κάτω από το μπεζ κουτάκι της έκδοσης, δίπλα δίπλα όσο
   χωράνε, το ένα κάτω από το άλλο σε στενή οθόνη. (Λεωνίδας, 1 Οκτ 2026.) */
.panel-after{margin:1rem 0 0}
.panel-after .btn{margin:0}
.hero{position:relative}
/* Το εξώφυλλο κάθεται ΜΕΣΑ στη στήλη του κειμένου. Ήταν καρφωμένο στην άκρη της
   ενότητας και κρεμόταν έξω από το μπλε, δεξιά και από κάτω.
   (Σχόλιο του George, 28 Σεπ: «why this thumbnail of the book is out of frame?») */
.hero .wrap{position:relative}
/* Το δεξί περιθώριο είναι 1.2rem, όσο και το padding του .wrap: το absolute
   μετριέται από το padding box, οπότε ένα right:0 κολλούσε το βιβλίο στην άκρη
   της οθόνης και έκοβε τη σκιά του (μετρήθηκε στα 1081 px). */
.herobook{position:absolute;right:1.2rem;bottom:0;display:flex;align-items:flex-end;gap:.7rem;text-decoration:none;
  padding:.5rem;border-radius:.6rem;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
/* Η εικόνα του βιβλίου είναι απόδοση σε τρεις διαστάσεις, με δική της σκιά και
   διάφανο φόντο: δεν παίρνει ούτε πλαίσιο ούτε δεύτερη σκιά από εμάς.
   (Την έφτιαξε ο Λεωνίδας Τσιαντούλας και τη ζήτησε στα σχόλια, 28 Σεπ 2026.) */
/* Κατά το ήμισυ μεγαλύτερη από ό,τι ήταν, 12rem → 18rem. «Το μέγεθος του
   βιβλίου κατά 50% μεγαλύτερο νομίζω θα δείχνει καλύτερα» (Λεωνίδας, 1 Οκτ). */
.herobook img{width:18rem;height:auto;filter:drop-shadow(0 14px 28px rgba(6,14,32,.5))}
/* 🚨 ΤΟ ΗΡΩΟ ΕΙΝΑΙ ΠΑΝΤΑ ΜΠΛΕ, ΣΕ ΚΑΘΕ ΘΕΜΑ. Η λεζάντα έπαιρνε --muted και
   --ink, που στο ΦΩΤΕΙΝΟ θέμα είναι #5f6368 και #1b1b1b: σκούρο γκρι και σχεδόν
   μαύρο πάνω σε σκούρο μπλε. Ο Λεωνίδας τα είδε στο κινητό, όπου μόνο εκεί
   εμφανίζονται: «κάποια γράμματα που πρέπει είτε να σβηστούν είτε να γίνουν
   ευκρινή». Παίρνουν τα χρώματα του ήρωα, τα ίδια με τα .stats από κάτω. */
.herobook span{display:none;font:600 .84rem/1.4 var(--sans);color:#c9d3e6;max-width:11rem}
.herobook b{display:block;font-weight:700;color:#fff}
.herobook:hover{transform:translateY(-4px)}
.herobook:hover img{filter:drop-shadow(0 20px 38px rgba(6,14,32,.6))}
@media (max-width:1080px){.herobook{position:static;margin-top:1.2rem;justify-content:flex-start}
  .herobook img{width:13.5rem}.herobook span{display:block}}
/* Σε στενή οθόνη η λεζάντα πάει ΚΑΤΩ από το βιβλίο. Δίπλα του της έμεναν 119 px
   και έσπαγε σε τέσσερις γραμμές. */
@media (max-width:560px){.herobook{flex-direction:column;align-items:flex-start;gap:.45rem}
  .herobook span{max-width:none}}
@media (prefers-reduced-motion:reduce){.herobook{transition:none}}
.gcount{margin:0 0 .8rem;font:600 1.05rem/1.3 var(--sans);color:var(--gold-ink)}
/* Ο συγγραφέας */
.author-head{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1.4rem;align-items:start;margin-bottom:1.4rem}
.author-head img{width:100%;border-radius:.5rem;border:1px solid var(--rule)}
.author-head .noface{aspect-ratio:3/4;display:grid;place-items:center;text-align:center;padding:.8rem;border:1px dashed var(--rule);
  border-radius:.5rem;color:var(--muted);font:500 .8rem/1.4 var(--sans);background:var(--paper)}
.works{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.8rem}
.works li{padding-left:1.1rem;border-left:3px solid var(--gold);}
.works b{display:block;font:italic 700 1.05rem/1.3 var(--serif)}
.works span{font-size:.9rem;color:var(--muted)}
@media (max-width:640px){.author-head{grid-template-columns:1fr}.author-head .noface{aspect-ratio:16/7}.author-head img{max-width:14rem}}
/* Ο αναγνώστης: ξεφύλλισμα σαν χαρτί */
.reader{max-width:none}
.rd-view{margin:1.2rem auto 0;overflow:auto;display:flex;justify-content:center;padding-bottom:.4rem}
.rd-stage{position:relative;perspective:2000px;perspective-origin:0% 50%;flex:0 0 auto;touch-action:pan-y pinch-zoom}
/* Στο δισέλιδο η ράχη είναι στη ΜΕΣΗ, οπότε από εκεί κοιτάζει και το μάτι:
   αλλιώς το φύλλο στρίβει σαν να το βλέπουμε λοξά από την άκρη της οθόνης. */
.rd-stage.two{perspective-origin:50% 50%}
.rd-open{position:relative;display:flex;background:#fff;
  box-shadow:0 6px 26px rgba(6,14,30,.34),0 1px 0 rgba(255,255,255,.4) inset}
.rd-page{position:relative;background:#fff}
/* Η σελίδα που δεν υπάρχει: η μέσα όψη του εξωφύλλου, πριν από τη σελίδα 1. */
.rd-page.blank{background:#efeadd}
/* Η ραφή του δεσίματος. Δύο σκιές προς τα μέσα, μία από κάθε σελίδα, είναι ό,τι
   κάνει δύο ορθογώνια να μοιάζουν με ανοιχτό βιβλίο και όχι με δύο εικόνες. */
.rd-open.two .rd-page.left{box-shadow:inset -16px 0 26px -16px rgba(6,14,30,.5)}
.rd-open.two .rd-page.right{box-shadow:inset 16px 0 26px -16px rgba(6,14,30,.5)}
.rd-sheet{background:#fff;box-shadow:0 6px 26px rgba(6,14,30,.34),0 1px 0 rgba(255,255,255,.4) inset}
.rd-canvas{display:block;width:100%;height:100%}
.rd-sheet{position:absolute;top:0;left:0;transform-style:preserve-3d;transform-origin:left center;transform:rotateY(0deg);
  transition:transform .76s cubic-bezier(.42,.02,.24,1);box-shadow:none;background:none;z-index:3}
.rd-sheet.rev{transform:rotateY(-180deg)}
.rd-sheet.go{transform:rotateY(-180deg)}
.rd-sheet.rev.go{transform:rotateY(0deg)}
.rd-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#fff;
  box-shadow:0 6px 26px rgba(6,14,30,.34)}
.rd-face.back{transform:rotateY(180deg)}
/* η σκιά της δίπλωσης: σκοτεινή στη ράχη, και δυναμώνει στη μέση του γυρίσματος */
.rd-face::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;
  transition:opacity .76s cubic-bezier(.42,.02,.24,1);
  background:linear-gradient(to right,rgba(9,16,32,.55),rgba(9,16,32,.06) 18%,rgba(255,255,255,0) 46%)}
.rd-face.back::after{background:linear-gradient(to left,rgba(9,16,32,.55),rgba(9,16,32,.06) 18%,rgba(255,255,255,0) 46%)}
.rd-sheet.go .rd-face::after{opacity:.5}
.rd-sheet.rev .rd-face::after{opacity:.5}
.rd-sheet.rev.go .rd-face::after{opacity:.12}
.rd-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;margin-top:1.1rem}
.rd-zoom{display:inline-flex;align-items:center;gap:.4rem}
.rd-bar input[type=number]{width:5.2rem;font:600 .9rem/1 var(--sans);padding:.5rem .4rem;border:1px solid var(--rule);
  border-radius:.4rem;background:var(--bg);color:var(--ink);text-align:center}
.rd-count{font:600 .85rem/1 var(--sans);color:var(--muted);font-variant-numeric:tabular-nums}
.rd-note{margin-top:1.2rem;font-size:.86rem;color:var(--muted);text-align:center}
@media (prefers-reduced-motion:reduce){.rd-sheet,.rd-face::after{transition:none}}
.rel{margin-top:1.4rem}
.rel h2{font:700 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}
.box{margin-top:1.8rem;padding:1.1rem 1.3rem;border:1px solid var(--rule);border-radius:.6rem}
.box h2{margin:0 0 .5rem;font:italic 700 1.05rem/1.3 var(--serif);color:var(--navy)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .box h2{color:var(--gold-ink)}}
:root[data-theme="dark"] .box h2{color:var(--gold-ink)}
.box.poem p{font-style:italic;line-height:1.8}
.box .src{margin-top:.6rem;font-size:.84rem;color:var(--muted)}
.cite{margin-top:2.2rem;padding:1rem 1.2rem;border:1px dashed var(--rule);border-radius:.6rem;font-size:.9rem;color:var(--muted)}
.cite b{color:var(--ink)}
.cite button,.btn{font:600 .78rem/1 var(--sans);letter-spacing:.04em;padding:.6rem .85rem;border-radius:.4rem;
  border:1px solid var(--rule);background:var(--bg);color:var(--ink);cursor:pointer}
.cite button:hover,.btn:hover{border-color:var(--gold);text-decoration:none}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--rule);
  font:600 .9rem/1.3 var(--sans)}
.pager a{max-width:48%}
.pager.top{position:sticky;top:var(--stick,0px);z-index:25;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:.5rem;margin:0 0 1.1rem;padding:.5rem 0;border-top:0;border-bottom:1px solid var(--rule);background:var(--bg)}
.pager.top a{display:flex;align-items:center;gap:.45rem;max-width:100%;min-width:0;padding:.5rem .75rem;border:1px solid var(--rule);
  border-radius:.55rem;background:var(--paper);text-decoration:none;transition:border-color .2s,transform .15s}
.pager.top a:hover,.pager.top a:focus-visible{border-color:var(--gold);text-decoration:none}
.pager.top a[rel=prev]{justify-self:start}.pager.top a[rel=next]{justify-self:end}
.pager.top .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pager.top .arr{font-size:1.1rem;line-height:1;color:var(--gold-ink)}
.pg-hint{font:500 .72rem/1.3 var(--sans);color:var(--muted);text-align:center;white-space:nowrap}
.pg-hint.quiet{visibility:hidden}
@media (max-width:640px){.pager.top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"p n" "h h"}
  .pager.top a[rel=prev],.pager.top>span:first-child{grid-area:p}.pager.top a[rel=next],.pager.top>span:last-child{grid-area:n}
  .pg-hint{grid-area:h}.pg-hint.quiet{display:none}}
main.peek{animation:peek 1.4s ease-in-out}
@keyframes peek{25%{transform:translateX(-26px)}50%{transform:none}}
body.slide-l main{transform:translateX(-30px);opacity:.25;transition:transform .16s ease-in,opacity .16s ease-in}
body.slide-r main{transform:translateX(30px);opacity:.25;transition:transform .16s ease-in,opacity .16s ease-in}
@media (prefers-reduced-motion:reduce){main.peek{animation:none}body.slide-l main,body.slide-r main{transition:none;transform:none}}
aside.side{font-size:.92rem}
/* κουμπιά της κάρτας του βιβλίου: χάπια με εφέ γυαλιού, με απόσταση (δεν πέφτουν το ένα πάνω στο άλλο) */
.bc-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem}
.bookcard .bc-actions .btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.62rem 1.05rem;
  border-radius:999px;font:600 .8rem/1.1 var(--sans);letter-spacing:.02em;color:var(--ink);text-decoration:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 9%,transparent),color-mix(in srgb,var(--ink) 3%,transparent));
  border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);
  -webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent),0 6px 16px rgba(0,0,0,.14);
  transition:transform .18s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}
.bookcard .bc-actions .btn:hover,.bookcard .bc-actions .btn:focus-visible{transform:translateY(-1px);border-color:var(--gold);
  background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 26%,transparent),color-mix(in srgb,var(--gold) 10%,transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent),0 8px 20px rgba(216,160,32,.25);outline:none}
.bookcard .bc-actions .btn.primary{border-color:color-mix(in srgb,var(--gold) 70%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 30%,transparent),color-mix(in srgb,var(--gold) 12%,transparent))}
@media (prefers-reduced-motion:reduce){.bookcard .bc-actions .btn{transition:none}.bookcard .bc-actions .btn:hover{transform:none}}
.biblio .bib-all{font:italic 700 1.5rem/1.2 var(--serif);margin:2.4rem 0 .4rem;padding-top:1.2rem;border-top:1px solid var(--rule)}
.bib h2{font:700 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin:1.8rem 0 .4rem}
.bib h2 small{font-weight:500;letter-spacing:0;color:var(--muted)}
.bib ol{margin:.6rem 0 0;padding-left:1.4rem;display:grid;gap:.45rem;font-size:.95rem;line-height:1.55}
.bib li::marker{color:var(--muted);font-size:.8rem}
.bib a{overflow-wrap:anywhere}
aside.side section{margin-bottom:1.8rem}
aside.side h2{font:700 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
aside.side ul{list-style:none;margin:0;padding:0}
aside.side li{padding:.28rem 0;border-bottom:1px solid var(--rule)}
.bookcard{padding:1rem;background:var(--paper);border-radius:.6rem;border:1px solid var(--rule)}
.bookcard img{display:block;width:100%;border-radius:.3rem;margin-bottom:.7rem;box-shadow:0 8px 20px rgba(0,0,0,.18)}

/* ── αρχική και καταλόγοι ── */
.hero{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff;padding:3.4rem 0 3rem}
.hero h1{font:italic 700 clamp(2.3rem,1.5rem + 3.6vw,4rem)/1.05 var(--serif);margin:0;color:#fff}
.hero p.lead{max-width:40rem;color:#dfe5f1;margin:.8rem 0 1.6rem}
.hero .search{margin:0;max-width:40rem}
.hero .search input{font-size:19px;padding-block:1rem}
.stats{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.6rem;font:600 .8rem/1.3 var(--sans);color:#c9d3e6}
.stats b{display:block;font:italic 700 1.7rem/1 var(--serif);color:var(--gold)}
.letters{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}
.letters a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.45rem;background:var(--chip);
  color:var(--ink);font:700 1.1rem/1 var(--serif)}
.letters a:hover,.letters a[aria-current]{background:var(--navy);color:#fff;text-decoration:none}
section.block{margin-top:3rem}
section.block>h2{font:italic 700 1.6rem/1.2 var(--serif);color:var(--navy);margin:0 0 1rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) section.block>h2{color:#fff}}
:root[data-theme="dark"] section.block>h2{color:#fff}
.grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}
.tile{display:block;padding:.9rem 1rem;border:1px solid var(--rule);border-radius:.6rem;color:var(--ink)}
.tile:hover{border-color:var(--gold);text-decoration:none}
.tile b{display:block;font:italic 700 1.05rem/1.3 var(--serif)}
.tile span{font:500 .8rem/1.4 var(--sans);color:var(--muted)}
.wotd{padding:1.4rem 1.5rem;border-radius:.8rem;background:var(--paper);border:1px solid var(--rule)}
.wotd .k{font:700 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.wotd h3{font:italic 700 2rem/1.15 var(--serif);margin:.4rem 0 .2rem}
.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.index{columns:16rem;column-gap:2rem;list-style:none;margin:0;padding:0}
.index li{break-inside:avoid;padding:.18rem 0}
.index small{color:var(--muted);font-size:.78rem}
.lede{color:var(--muted);max-width:44rem}
footer.foot{border-top:3px solid var(--gold);background:var(--navy);color:#dfe5f1;padding:2rem 0;font:500 .85rem/1.6 var(--sans)}
footer.foot a{color:#fff}
/* η υπογραφή της εφαρμογής: διακριτική, αλλά πάντα ορατή (υποχρεωτική στην προσφορά) */
footer.foot .credit{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.1rem .5rem;margin-top:.35rem;font:500 .78rem/1.4 var(--sans)}
footer.foot .credit a{display:inline-flex;align-items:center;gap:.35rem;color:rgba(223,229,241,.72);text-decoration:none;transition:color .2s ease}
footer.foot .credit .sep{color:rgba(223,229,241,.4)}
footer.foot .credit .brand span{font-weight:700;letter-spacing:.03em}
footer.foot .sm-mark{width:13px;height:15px;flex:0 0 auto}
footer.foot .sm-mark{--mark-gap:#192f5b}

footer.foot .credit a:hover,footer.foot .credit a:focus-visible{color:#fff}
footer.foot .credit a.brand:hover .sm-mark,footer.foot .credit a.brand:focus-visible .sm-mark{--core:#d97e2b}
footer.foot .wrap{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;justify-content:space-between}
.theme{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:.4rem;padding:.35rem .55rem;
  font:600 .72rem/1 var(--sans);cursor:pointer}
/* Στο κινητό ο αναγνώστης ήρθε για μία λέξη: τέσσερις σειρές κεφαλίδας πριν
   αυτήν ήταν σχεδόν μισή οθόνη. Ο τίτλος του λεξικού υπάρχει ήδη στο μονοπάτι. */
@media (max-width:640px){
  .top .wrap{min-height:3.2rem;gap:.6rem}
  .top .brand img{height:26px}
  .top nav{gap:.8rem;font-size:.7rem}
  .band .title{display:none}
  .band .wrap{padding-block:.6rem}
  main{padding-block:1.2rem 3rem}
  .search .kbd{display:none}
}


/* ══ ΓΥΑΛΙ: καρτέλες, κουμπιά, ετικέτες ═══════════════════════════════════════
   Ημιδιάφανη επιφάνεια με λεπτό περίγραμμα, φωτεινή ακμή από πάνω και απαλή σκιά.
   Συγκρατημένο: καμία λάμψη, κανένα έντονο χρώμα. Το χρυσό μόνο για ενεργό και hover. */
.btn,.cite button,a.chip,.letters a,.pager.top a{
  background:linear-gradient(180deg,var(--gl-top),var(--gl-bot));border:1px solid var(--gl-bd);
  box-shadow:inset 0 1px 0 var(--gl-hi),0 4px 14px var(--gl-sh);
  -webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
  transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.btn,.cite button{border-radius:999px;padding:.66rem 1.1rem;color:var(--ink)}
.btn:hover,.cite button:hover,a.chip:hover,.letters a:hover,.pager.top a:hover,
.btn:focus-visible,.cite button:focus-visible,.pager.top a:focus-visible{
  transform:translateY(-1px);border-color:color-mix(in srgb,var(--gold) 75%,transparent);
  box-shadow:inset 0 1px 0 var(--gl-hi),0 8px 22px var(--gl-sh2);text-decoration:none}
.btn.primary,.letters a[aria-current]{color:#fff;border-color:color-mix(in srgb,var(--gold) 55%,transparent);
  background:linear-gradient(180deg,#27427c,#192f5b);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 18px rgba(25,47,91,.28)}
.btn.primary:hover,.letters a[aria-current]:hover{background:linear-gradient(180deg,#2d4b8b,#1d3667);color:#fff}
a.chip{color:var(--ink)}
a.chip:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 30%,transparent),color-mix(in srgb,var(--gold) 12%,transparent));color:var(--ink)}
.letters a{border-radius:.6rem;color:var(--ink)}
.pager.top a{border-radius:999px}
/* κεφαλίδα (πάντα σκούρα): καρτέλες σε λευκό γυαλί, η ενεργή πιο φωτεινή με χρυσή ακμή */
.top nav{gap:.35rem}
.top nav a{padding:.5rem .85rem;border-radius:999px;border:1px solid transparent;opacity:.9;transition:background .2s ease,border-color .2s ease,opacity .2s ease}
.top nav a:hover{opacity:1;color:#fff;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.2)}
.top nav a[aria-current]{opacity:1;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
  border-color:rgba(216,160,32,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.theme{border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border-color:rgba(255,255,255,.22)}
.theme:hover{border-color:rgba(216,160,32,.7)}
@media (prefers-reduced-motion:reduce){.btn,.cite button,a.chip,.letters a,.pager.top a{transition:none}
  .btn:hover,.cite button:hover,a.chip:hover,.letters a:hover,.pager.top a:hover{transform:none}}
/* 🚨 Στο κινητό οι τέσσερις καρτέλες έβγαιναν 49px έξω από την οθόνη («Το βιβλίο»
   κομμένο), και η σελίδα γινόταν 424px σε οθόνη 375px: ό,τι είναι fixed στις άκρες
   (το φύλλο ρυθμίσεων, το ▶ των παιχνιδιών) τεντωνόταν μαζί. Μετρήθηκε 1 Οκτ 2026,
   και στο live. Οι καρτέλες παίρνουν δική τους γραμμή, και κυλάνε αν και πάλι δεν χωράνε. */
@media (max-width:640px){
  .top .wrap{flex-wrap:wrap}
  .top nav{order:3;flex:1 1 100%;min-width:0;margin-left:0;gap:.1rem;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
  .top nav::-webkit-scrollbar{display:none}
  .top nav a{padding:.42rem .5rem;white-space:nowrap;font-size:.64rem;letter-spacing:.03em}
}
@media print{.top,.band,aside.side,.pager,footer.foot,.cite button{display:none}body{font-size:12pt}}