: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;}

/* Κοινά στυλ για οποιοδήποτε σημείο δείχνει το πλήρες (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 για να "κουμπώσει" επάνω του. */
.lang-toggle{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);
  border-radius:4px;padding:2px;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:11px;
  font-weight:700;padding:4px 8px;border-radius:3px;cursor:pointer;font-family:inherit;}
.lang-toggle .lang-btn.active{background:var(--accent);color:var(--on-accent);}