/* Manrope (variable, 200-800), self-hosted: καμία κλήση σε εξωτερική υπηρεσία γραμματοσειρών.
   Τρία υποσύνολα (λατινικά, λατινικά-εκτεταμένα, ελληνικά): ο browser κατεβάζει μόνο όσα χρειάζεται. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/fonts/manrope-latin-ext-wght-normal.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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/fonts/manrope-latin-wght-normal.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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/fonts/manrope-greek-wght-normal.woff2) format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}

:root{
  --bg:#0F1115; --surface:#161920; --border:#262B35;
  --text:#EDEFF3; --text-soft:#9AA3B2;
  --accent:#6B7280; --accent-soft:#2B2E36;
  --danger:#E5646B; --surface-2:#1B1F27;
  --warn-border:#D9A441; --warn-bg:#3A2F14; --ok:#4FAE7C; --on-accent:#F5F4FB;
}
*{box-sizing:border-box;}
body{margin:0;font-family:"Manrope",-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);}
input,textarea,button{font-family:inherit;}
/* Πεδία φόρμας: σκούρα (χωρίς αυτό ο browser τα έδειχνε λευκά πάνω στο σκούρο θέμα). :where() = μηδενική ειδικότητα: ό,τι ορίζει μια σελίδα νικάει. */
:where(input[type=text],input[type=email],input[type=url],input[type=search],input[type=password],input[type=number],input[type=tel],select,textarea){
  background:#12151B;color:var(--text);border-color:#2E3440;}
/* Αυτόματη συμπλήρωση του browser (Chrome, Edge): το πεδίο μένει σκούρο με φωτεινό κείμενο, όχι ανοιχτό γαλάζιο-άσπρο.
   Το inset box-shadow καλύπτει το φόντο του browser (δεν αλλάζει με background), και η ατελείωτη μετάβαση κρατά το χρώμα σταθερό. */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text);caret-color:var(--text);
  -webkit-box-shadow:0 0 0 1000px #12151B inset;box-shadow:0 0 0 1000px #12151B inset;
  transition:background-color 9999s ease-in-out 0s;}
:where(input,textarea)::placeholder{color:var(--text-soft);opacity:.7;}

/* Λεπτή, διακριτική μπάρα κύλισης (σαν resend.com/claude.ai) αντί για την
   χοντρή προεπιλογή του browser -- ισχύει παντού αφού είναι στο shared.css.
   Firefox: scrollbar-width/color. Chrome/Edge/Safari: ::-webkit-scrollbar. */
*{scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--bg);
  background-clip:padding-box;}
::-webkit-scrollbar-thumb:hover{background:var(--text-soft);background-clip:padding-box;}

/* Κοινά στυλ για οποιοδήποτε σημείο δείχνει το πλήρες (markdown -> HTML)
   κείμενο ενός εγγράφου: δημόσιο άρθρο, read-only preview στο editor,
   live preview στο editing. Μία πηγή αλήθειας για την εμφάνιση. */
.md-content{color:var(--text);}
.md-content h1,.md-content h2,.md-content h3,.md-content h4{
  margin:22px 0 10px;line-height:1.3;color:var(--text);}
.md-content h1:first-child,.md-content h2:first-child,.md-content h3:first-child{margin-top:0;}
.md-content h1{font-size:1.5em;} .md-content h2{font-size:1.3em;} .md-content h3{font-size:1.12em;}
.md-content p{margin:0 0 14px;}
.md-content p:last-child{margin-bottom:0;}
.md-content ul,.md-content ol{margin:0 0 14px;padding-left:22px;}
.md-content li{margin-bottom:6px;}
.md-content a{color:var(--accent);}
.md-content code{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;
  padding:1px 5px;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;}
.md-content pre{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;
  padding:12px 14px;overflow-x:auto;margin:0 0 14px;}
.md-content pre code{background:none;border:none;padding:0;}
.md-content blockquote{margin:0 0 14px;padding:2px 14px;border-left:3px solid var(--accent);
  color:var(--text-soft);}
.md-content table{border-collapse:collapse;margin:0 0 14px;width:100%;font-size:.95em;}
.md-content th,.md-content td{border:1px solid var(--border);padding:6px 10px;text-align:left;}
.md-content th{background:var(--surface-2);}
.md-content hr{border:none;border-top:1px solid var(--border);margin:20px 0;}

/* Κουμπί εναλλαγής γλώσσας (EN | GR) -- κοινό σε όλες τις σελίδες.
   Το ".lang-toggle-fixed" χρησιμοποιείται μόνο στο landing.html, που δεν
   έχει καθόλου top nav bar για να "κουμπώσει" επάνω του. */
/* Section V (29 Σεπ 2026): αυτό ήταν πριν ένα κουτί με κοινό background/border
   γύρω και από τα δύο κουμπιά -- το landing.html είχε ξεχωριστό, πιο όμορφο
   στιλ (κάθε κουμπί δικό του στρογγυλεμένο "χάπι", χωρίς κοινό πλαίσιο).
   Ζητήθηκε ρητά να γίνει αυτό το ΜΟΝΑΔΙΚΟ στιλ παντού, οπότε μπήκε εδώ, στη
   βάση -- το landing.html δεν χρειάζεται πια δικό του ξεχωριστό override
   (αφαιρέθηκε το duplicate CSS του εκεί). */
.lang-toggle{display:flex;gap:6px;background:none;border:none;padding:0;margin-left:auto;}
.lang-toggle-fixed{position:fixed;top:16px;right:16px;z-index:10;margin-left:0;}
.lang-toggle .lang-btn{border:none;background:none;color:var(--text-soft);font-size:13px;
  font-weight:600;padding:8px 16px;border-radius:20px;cursor:pointer;font-family:inherit;}
.lang-toggle .lang-btn.active{background:var(--accent);color:var(--on-accent);}