/* ══════════════════════════════════════════════════════════════════
   ΣΗΜΕΙΩΣΕΙΣ — κοινό CSS για όλο το blog (οδηγός §14)
   Πρόθεμα sn- σε ΟΛΕΣ τις κλάσεις: το .note υπάρχει ήδη στα άρθρα
   (το κουτί «Το κλειδί») και δεν ξαναχρησιμοποιείται.
   ══════════════════════════════════════════════════════════════════ */

/* ── 4 είδη: γραμμή/περίγραμμα στο χρώμα της εφαρμογής, κείμενο ετικέτας
      σε ανοιχτότερη απόχρωση (αντίθεση 5,1–6,6 πάνω στην κάρτα) ── */
[data-type="varda"]   {--sn-c:#e07b39;--sn-l:#f5ad78;--sn-g:rgba(224,123,57,.35)}
[data-type="apofasi"] {--sn-c:#C9963A;--sn-l:#f5d080;--sn-g:rgba(201,150,58,.35)}
[data-type="pos"]     {--sn-c:#4caf82;--sn-l:#86d9ae;--sn-g:rgba(76,175,130,.35)}
[data-type="glossari"]{--sn-c:#5dade2;--sn-l:#9dd3f5;--sn-g:rgba(93,173,226,.35)}

/* ── κάρτα: σχήμα Στρατηγείου, λευκό 18% με γυάλισμα, ΧΩΡΙΣ backdrop-filter ── */
.sn-card{position:relative;display:block;overflow:hidden;text-decoration:none;color:#F4EFE6;
  border-radius:13px;padding:13px 15px;margin-bottom:11px;
  background:linear-gradient(155deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.16) 38%,rgba(255,255,255,.12) 100%);
  border:1px solid rgba(255,255,255,.22);border-left:3px solid var(--sn-c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 24px rgba(0,0,0,.28);
  transition:transform .2s ease,box-shadow .2s ease}
.sn-card::before{content:"";position:absolute;inset:0 0 auto 0;height:46%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))}
.sn-card>*{position:relative}
.sn-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.18),0 12px 30px rgba(0,0,0,.34)}
.sn-card:focus-visible{outline:2px solid #E8B455;outline-offset:2px}
.sn-nh{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sn-nd{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#F4EFE6;white-space:nowrap}
.sn-nd i{font-style:normal;color:#c9d3e2;font-size:10px}
.sn-pill{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;
  padding:3px 9px;border-radius:12px;color:var(--sn-l);border:1px solid var(--sn-c);
  box-shadow:0 0 10px var(--sn-g);white-space:nowrap}
.sn-nb{display:flex;gap:11px;margin-top:9px;align-items:flex-start}
.sn-th{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none;display:block}
.sn-nt{font-family:'EB Garamond',Georgia,serif;font-size:19px;line-height:1.15;color:#F4EFE6}
.sn-nx{font-size:12.5px;line-height:1.5;color:#c9d3e2;margin-top:5px}
.sn-nx b{color:#E8B455;font-weight:500;font-size:11.5px;white-space:nowrap}

/* ── εικονίδιο στη μπάρα + σύντομη ετικέτα επιστροφής στο κινητό ── */
.sn-tbr{display:flex;align-items:center;gap:12px}
.sn-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);color:#F4EFE6;cursor:pointer;padding:0}
.sn-btn:hover{border-color:rgba(232,180,85,.5)}
.sn-btn:focus-visible{outline:2px solid #E8B455;outline-offset:2px}
.sn-dot{position:absolute;top:-3px;right:-3px;width:10px;height:10px;border-radius:50%;
  background:#e07b39;box-shadow:0 0 0 2px #0A1628;display:none}
.sn-btn.has-new .sn-dot{display:block}
.sn-s{display:none}
@media(max-width:560px){ .sn-l{display:none} .sn-s{display:inline} }

/* ── τρίτη στήλη στο blog index (μόνο ≥1280px) ── */
.sn-rail{display:none}
.sn-rail-h{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#E8B455;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;height:17px;line-height:17px}
.sn-rail-h a{color:#7A8EA8;text-decoration:none;letter-spacing:.08em}
.sn-rail-h a:hover{color:#E8B455}
@media(min-width:1280px){
  .sn-board{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start;
    width:min(1360px,calc(100vw - 60px));margin-left:50%;transform:translateX(-50%)}
  .sn-board .posts-wide{width:auto;margin-left:0;transform:none}
  /* η κεφαλίδα «Σημειώσεις» (17px + 12px κενό) ανεβαίνει πάνω από τη γραμμή, ώστε η πρώτη
     σημείωση να ευθυγραμμίζεται με την πρώτη κάρτα άρθρου (Άλκης 04/10) */
  .sn-rail{display:block;position:sticky;top:78px;padding-top:18px;margin-top:-29px}
  .sn-has-rail .filters{width:min(1360px,calc(100vw - 60px))}
  .sn-has-rail .sn-btn{display:none}
}

/* ── αποτελέσματα αναζήτησης ── */
#sn-results{padding-top:18px}
#sn-results[hidden]{display:none}
#sn-results .sn-card{max-width:720px}

/* ── φύλλο (κάτω από 1280px, ή σε σελίδες χωρίς στήλη) ── */
.sn-sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;opacity:0;
  visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}
.sn-sheet{position:fixed;left:0;right:0;bottom:0;top:56px;z-index:61;background:#0f1a2e;
  border-radius:22px 22px 0 0;border-top:1px solid rgba(255,255,255,.08);
  transform:translateY(100%);visibility:hidden;
  transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s .28s;
  display:flex;flex-direction:column;max-width:720px;margin:0 auto}
/* ΔΙΟΡΘΩΣΗ 04/10: κλειστό, το σκοτεινό φόντο έμενε απλωμένο σε όλη τη σελίδα (διάφανο) και
   έτρωγε κάθε κλικ — η σελίδα «πάγωνε» μέχρι ανανέωση. Τώρα κλειστό = αόρατο ΚΑΙ ανενεργό,
   και τα links του κλειστού φύλλου δεν πιάνονται πια με Tab. */
.sn-open .sn-sheet-bg{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,visibility 0s}
.sn-open .sn-sheet{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility 0s}
.sn-sh-h{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:16px 14px 10px}
.sn-x{background:none;border:0;color:#F4EFE6;font-size:28px;line-height:1;cursor:pointer;width:44px;height:44px}
.sn-x:focus-visible{outline:2px solid #E8B455;border-radius:8px}
.sn-sh-t{margin:0;text-align:center;font-family:'EB Garamond',Georgia,serif;font-weight:500;font-size:24px;color:#F4EFE6}
.sn-list{flex:1;overflow:auto;padding:4px 16px 16px;-webkit-overflow-scrolling:touch}
.sn-all{display:block;margin:0 16px calc(16px + env(safe-area-inset-bottom,0px));padding:13px;border-radius:26px;
  background:#fff;color:#1B2433;text-align:center;font-weight:700;font-size:15px;text-decoration:none}
body.sn-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){ .sn-sheet,.sn-sheet-bg,.sn-card{transition:none} .sn-card:hover{transform:none} }

/* ══ ΣΕΛΙΔΑ ΣΗΜΕΙΩΣΗΣ — λευκό φύλλο πάνω στο navy ══
   Κείμενο #1B2433 (15,6:1) · δευτερεύον #4A5568 (7,5:1) · ετικέτες/links #8A6420 (5,4:1).
   Το χρυσό #C9963A ΔΕΝ μπαίνει ως κείμενο σε λευκό (2,7:1). */
.sn-paper{background:#fff;border-radius:10px;overflow:hidden;color:#1B2433;
  box-shadow:0 14px 40px rgba(0,0,0,.45);margin:34px 0 26px}
.sn-hero{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.sn-in{padding:30px 34px 28px}
@media(max-width:560px){ .sn-paper{margin:20px -12px 22px} .sn-in{padding:24px 20px 22px} }
.sn-kind{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A6420}
.sn-kind::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sn-c);margin-right:9px;vertical-align:1px}
.sn-paper h1{font-family:'EB Garamond',Georgia,serif;font-weight:500;font-size:clamp(28px,6vw,38px);line-height:1.12;
  color:#1B2433;margin:12px 0 10px;letter-spacing:-.2px}
.sn-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:#4A5568}
.sn-body{margin-top:18px}
.sn-body p{font-size:16.5px;line-height:1.72;color:#1B2433;margin:0 0 16px}
/* το CSS των άρθρων βάφει strong/em/b σε cream (για navy) — πάνω σε λευκό θα ήταν αόρατα */
.sn-body strong,.sn-body b,.sn-body em,.sn-body i{color:#1B2433}
.sn-body strong,.sn-body b{font-weight:700}
.sn-body a{color:#8A6420;text-decoration:none;border-bottom:1px solid rgba(138,100,32,.35)}
.sn-body a:hover{border-bottom-color:#8A6420}
.sn-more{display:inline-block;margin-top:4px;font-size:15px;font-weight:600}
.sn-sig{margin-top:24px;padding-top:15px;border-top:1px solid #E6E1D6;font-size:13.5px;color:#4A5568}
.sn-sig b{color:#1B2433;font-weight:600}
.sn-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:11px;margin-bottom:40px}
.sn-nav a{color:#7A8EA8;text-decoration:none} .sn-nav a:hover{color:#E8B455}

/* ── σελίδα «Όλες οι σημειώσεις» ── */
.sn-index{margin:28px 0 50px}
.sn-index .sn-card{margin-bottom:12px}

/* στο blog index με στήλη, η μπάρα ανοίγει στο ίδιο πλάτος με το περιεχόμενο */
@media(min-width:1280px){ .sn-has-rail .tb-in{max-width:1360px} }