:root{
  --bg:#15151c; --surface:#1e1e26; --border:#34343f;
  --text:#E8E7EC; --text-soft:#9C9AA8;
  --accent:#6B7280; --accent-soft:#2B2E36;
  --danger:#E5646B; --surface-2:#242430;
  --warn-border:#D9A441; --warn-bg:#3A2F14; --ok:#4FAE7C; --on-accent:#F5F4FB;
}
*{box-sizing:border-box;}
body{margin:0;font-family:-apple-system,"Segoe UI",Inter,sans-serif;background:var(--bg);color:var(--text);}
input,textarea,button{font-family:inherit;}

/* Λεπτή, διακριτική μπάρα κύλισης (σαν 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:700;padding:6px 14px;border-radius:20px;cursor:pointer;font-family:inherit;}
.lang-toggle .lang-btn.active{background:var(--accent);color:var(--on-accent);}