/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΚΟΜΜΑΤΙ A6 (12/10/2026): «Η ενορία ζει»: οι ανακοινώσεις με εικόνα, και το κουμπί της κοινότητας από κάτω τους (μαζί με το anakoinoseis.js και το koinotita.js).
   Φορτώνεται στη δημόσια σελίδα, μετά το selida.css, και στη σελίδα μιας ανακοίνωσης (/anakoinosi/<id>· οι κανόνες της αρχίζουν με «.a-»).
   Χρώματα μόνο από το xromata.css (η γραμμή από κάτω μένει πρώτη). Κάθε κανόνας μέσα σε «@media screen».

   Ο λόγος του Bill (12/10/2026): «δεν υπαρχουν αρκετες εικονες και θα επρεπε να φαινεται πιο ωραιο ωστε να θελει καποιος να πατησει» και
   «δεν ειναι κατανοητο το τιε ειναι και τι κανει». Άρα: κάθε ανακοίνωση είναι κάρτα με εικόνα πάνω, τη μέρα μεγάλη πάνω στην εικόνα, και από
   κάτω τι είναι, πότε, πού. Όσα έρχονται είναι κάρτες· όσα πέρασαν είναι χαμηλές γραμμές με ξεθωριασμένη εικόνα. Κινείται μόνο η εικόνα της
   κάρτας κάτω από το δάχτυλο ή το ποντίκι, και το βελάκι της. */
@import url("xromata.css") screen;

@media screen {
  /* ══ Η ΕΝΟΤΗΤΑ ΣΤΗΝ ΑΡΧΙΚΗ ══ */
  #anakoinoseis .an-plegma { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 16px; }
  #anakoinoseis [data-anakoinoseis] > .etiketa { margin-bottom: 0; }

  /* η κάρτα: ένα φύλλο με την εικόνα πάνω. Η γραμμή του πρωτοτύπου (τρεις στήλες, γραμμή από πάνω) δεν ισχύει πια. */
  #anakoinoseis .anakoinosi.an-karta { position: relative; display: flex; flex-direction: column; gap: 0; padding: 0; border: 1px solid var(--grammi); border-radius: 6px; background: var(--fyllo); overflow: hidden; scroll-margin-top: 96px; transition: box-shadow 500ms cubic-bezier(.22, .61, .36, 1), border-color 500ms cubic-bezier(.22, .61, .36, 1); }
  #anakoinoseis .an-karta:hover, #anakoinoseis .an-karta:focus-within { border-color: var(--xryso); box-shadow: 0 18px 40px color-mix(in srgb, var(--melani) 13%, transparent); }

  /* ── η εικόνα ── */
  .an-foto { position: relative; flex: none; aspect-ratio: 3 / 2; overflow: hidden; background: var(--xarti-2); }
  .an-foto img { width: 100%; height: 100%; object-fit: cover; transition: scale 650ms cubic-bezier(.22, .61, .36, 1); }
  #anakoinoseis .an-karta:hover .an-foto img, #anakoinoseis .an-karta:focus-within .an-foto img { scale: 1.04; }
  /* οι φωτογραφίες του ίδιου του ναού, ολόκληρες ή σε πιο κοντινό κάδρο του ίδιου αρχείου. Ο ναός είναι η καθαρή φωτογραφία της πρώτης οθόνης:
     «naos» και «naos-konta» το πλατύ κόψιμο (naos-katharo-konta: ο άξονας του ναού στο 69% του πλάτους), «naos-pyrgos» το όρθιο
     (naos-katharo-orthio: ο ναός στη μέση, οι σταυροί στο 22% του ύψους), για να μη φορούν δύο γειτονικές κάρτες το ίδιο αρχείο */
  .an-plano-naos img { object-position: 86% 50%; }
  .an-plano-naos-konta img { object-position: 86% 50%; transform: scale(1.55); transform-origin: 72% 46%; }
  .an-plano-naos-pyrgos img { object-position: 50% 36%; }
  /* όσα πέρασαν: το όρθιο κόψιμο της μέρας (naos-mera-orthio: ο ναός στο 27% ως 73% του πλάτους, οι σταυροί στο 21% του ύψους, τα σκαλιά στο 61%),
     μεγαλωμένο όσο χωρά ολόκληρος, με τον τρούλο και το καμπαναριό. Στο στενό κουτί του κινητού (112px πλάτος, ύψος όσο τα λόγια της κάρτας) η πλάκα της
     ημερομηνίας πιάνει τα πάνω 58px: η φωτογραφία μετριέται από το ΠΛΑΤΟΣ του κουτιού (ολόκληρη στα 112px, ύψος 137px) και μεγαλώνει 2,1 φορές από την
     πάνω άκρη της. Έτσι, όσο ψηλή κι αν είναι η κάρτα, ο ναός πιάνει 108 από τα 112px, ο ουρανός βρίσκεται πίσω από την πλάκα και οι σταυροί του τρούλου
     και του καμπαναριού αρχίζουν κάτω από αυτήν (στα 61px). Σε κάρτα ψηλότερη από 288px η φωτογραφία ακολουθεί το ύψος, για να μη μείνει κενό από κάτω.
     Στο πλατύτερο κουτί του υπολογιστή ο τρούλος είναι δίπλα στην πλάκα και η φωτογραφία μεγαλώνει γύρω από τη μέση του ναού, όπως ήταν */
  .an-plano-naos-orthio img { object-position: 50% 38%; height: max(100% / 2.1, 112px * 2209 / 1800); transform: scale(2.1); transform-origin: 50% 0; }
  @media (min-width: 901px) { .an-plano-naos-orthio img { height: 100%; transform: scale(1.4); transform-origin: 50% 41%; } }
  .an-plano-eikona img { object-position: 50% 44%; }
  /* (14/10/2026) η εικόνα είναι πια η σάρωση της ενορίας (eikona-koimisis-*, 736 × 965 λογικά): το ίδιο κάδρο με πριν, μετρημένο πάνω της */
  .an-plano-eikona-konta img { object-position: 50% 62%; transform: scale(1.25); transform-origin: 35.6% 64.6%; }
  /* τι δείχνει η εικόνα, πάνω σε ένα πέπλο όσο χρειάζονται τα γράμματα */
  .an-plano::after { content: ""; position: absolute; inset: auto 0 0 0; height: 38%; background: linear-gradient(transparent, var(--menou-pisw)); pointer-events: none; }
  .an-ti { position: absolute; z-index: 1; right: 14px; bottom: 11px; font: 400 13px/1.2 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--fyllo); }

  /* ── η μέρα, μεγάλη, πάνω στην εικόνα ── */
  #anakoinoseis .an-karta time { position: absolute; z-index: 1; left: 14px; top: 14px; min-width: 64px; padding: 9px 12px 8px; border-radius: 4px; background: var(--fyllo); color: var(--melani); text-align: center; font: 400 34px/1 var(--titlos); box-shadow: 0 6px 18px color-mix(in srgb, var(--melani) 22%, transparent); }
  #anakoinoseis .an-karta time small { margin-top: 5px; font-size: 13px; letter-spacing: .1em; color: var(--melani-2); white-space: nowrap; }

  /* ── τα λόγια ── */
  .an-soma { display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 18px 18px 14px; }
  #anakoinoseis .an-karta .katigoria { margin: 0 0 8px; font-size: 14px; letter-spacing: .14em; color: var(--kokkino-vathy); }
  #anakoinoseis .an-karta h3 { margin: 0 0 10px; font-size: 24px; line-height: 1.16; }
  .an-syndesmos { color: var(--melani); text-decoration: none; }
  /* όλη η κάρτα είναι ο σύνδεσμος του τίτλου της */
  .an-syndesmos::after { content: ""; position: absolute; inset: 0; z-index: 1; }
  .an-syndesmos:focus-visible { outline: 0; }
  #anakoinoseis .an-karta:has(.an-syndesmos:focus-visible) { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
  .an-pote { display: flex; flex-wrap: wrap; gap: 2px 0; margin: 0 0 10px; font: 400 17px/1.35 var(--etiketa); letter-spacing: .03em; color: var(--melani); }
  .an-pote > span + span:not(.an-topos)::before { content: "·"; margin: 0 8px; color: var(--xryso); }
  .an-topos { flex: 0 0 100%; color: var(--melani-2); }
  #anakoinoseis .an-karta .an-keimeno { margin: 0; font-size: 17px; line-height: 1.5; color: var(--melani-2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
  .an-kato { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: auto; padding-top: 14px; min-height: 58px; }
  .an-pigi { flex: 1 1 auto; font: 400 13px/1.3 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--axno); }
  .an-kleisti, .a-diloseis-kleistes { font: 400 16px/1.5 var(--keimeno); color: var(--melani-2); overflow-wrap: anywhere; }
  .an-kleisti { flex: 1 1 auto; }
  #anakoinoseis[data-pigi="oxi"] .an-pigi { display: none; }
  #anakoinoseis .an-karta .an-kato .koumpi { position: relative; z-index: 2; min-height: 44px; padding: 8px 14px; font-size: 15px; background: var(--fyllo); }
  .an-velos { position: relative; flex: none; width: 22px; height: 22px; margin-left: auto; color: var(--kokkino-vathy); transition: translate 420ms cubic-bezier(.22, .61, .36, 1); }
  .an-velos::before { content: ""; position: absolute; left: 2px; right: 2px; top: 50%; height: 1.6px; margin-top: -.8px; background: currentColor; }
  .an-velos::after { content: ""; position: absolute; right: 2px; top: 50%; width: 8px; height: 8px; margin-top: -4.8px; border-top: 1.6px solid currentColor; border-right: 1.6px solid currentColor; transform: rotate(45deg); }
  #anakoinoseis .an-karta:hover .an-velos, #anakoinoseis .an-karta:focus-within .an-velos { translate: 5px 0; }

  /* ── η πρώτη από όσα έρχονται: μεγάλη ── */
  #anakoinoseis .an-megali h3 { font-size: 29px; }
  #anakoinoseis .an-megali time { font-size: 42px; min-width: 76px; padding: 11px 14px 10px; }
  #anakoinoseis .an-megali .an-soma { padding: 20px 20px 16px; }

  /* ── όσα πέρασαν: χαμηλή γραμμή, η εικόνα μικρή και ξεθωριασμένη, η μέρα δίπλα στα λόγια. Δεν μπερδεύονται με όσα έρχονται. ── */
  #anakoinoseis .an-perasmena { gap: 12px; }
  #anakoinoseis .an-karta.an-perase { flex-direction: row; background: transparent; }
  .an-perase .an-foto { width: 112px; aspect-ratio: auto; align-self: stretch; }
  .an-perase .an-foto img { filter: grayscale(.7) contrast(.92); opacity: .82; }
  .an-perase .an-plano::after, .an-perase .an-ti { display: none; }
  #anakoinoseis .an-karta.an-perase time { left: 8px; top: 8px; min-width: 50px; padding: 6px 8px 5px; font-size: 24px; box-shadow: none; }
  #anakoinoseis .an-karta.an-perase time small { font-size: 12px; margin-top: 3px; }
  .an-perase .an-soma { padding: 14px 14px 10px; }
  #anakoinoseis .an-karta.an-perase .katigoria { color: var(--melani-2); margin-bottom: 6px; }
  #anakoinoseis .an-karta.an-perase h3 { font-size: 20px; margin-bottom: 6px; }
  .an-perase .an-pote { font-size: 16px; margin-bottom: 0; color: var(--melani-2); }
  #anakoinoseis .an-karta.an-perase .an-keimeno { display: none; }
  .an-perase .an-kato { min-height: 0; padding-top: 8px; }

  @media (min-width: 620px) and (max-width: 900px) {
    #anakoinoseis .an-plegma { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #anakoinoseis .an-megali { grid-column: 1 / -1; }
  }
  @media (min-width: 901px) {
    #anakoinoseis .an-plegma { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 20px; }
    /* η μεγάλη πιάνει δύο στήλες και δύο σειρές· η εικόνα της παίρνει όσο ύψος μένει */
    #anakoinoseis .an-megali { grid-column: span 2; grid-row: span 2; }
    #anakoinoseis .an-megali .an-foto { flex: 1 1 auto; aspect-ratio: auto; min-height: 340px; }
    #anakoinoseis .an-megali h3 { font-size: 38px; }
    #anakoinoseis .an-megali .an-soma { flex: none; padding: 26px 28px 20px; }
    #anakoinoseis .an-megali .an-keimeno, #anakoinoseis .an-megali .an-pote { font-size: 19px; }
    #anakoinoseis .an-megali:only-child { grid-column: 1 / -1; grid-row: auto; }
    #anakoinoseis .an-megali:only-child .an-foto { min-height: 380px; }
    #anakoinoseis .an-megali:only-child h3 { font-size: 34px; }
    #anakoinoseis .an-erxomena .an-karta:not(.an-megali) .an-foto { aspect-ratio: 16 / 9; }
    #anakoinoseis .an-perasmena { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
    .an-perase .an-foto { width: 168px; min-height: 124px; }
    #anakoinoseis .an-karta.an-perase h3 { font-size: 22px; }
    .an-perase .an-soma { padding: 18px 20px 12px; }
  }

  /* ══ (14/10/2026, ο Bill, σημείο 6) «ΕΝΗΜΕΡΩΣΕΙΣ»: ΜΙΑ ΚΑΤΗΓΟΡΙΑ ΤΗ ΦΟΡΑ ══
     «…βρες καλυτερο τροπο εμφανισης για να μην τα βαζει ολα και να ειναι σαν να διαλεγεις κατηγορια…». Οι κατηγορίες είναι μια σειρά καρτέλες με
     γραμμή από κάτω· η πατημένη έχει το κόκκινο του ναού και μια παχιά γραμμή. Στο κινητό η σειρά κυλά πλάγια (και σβήνει στη δεξιά άκρη, για να
     φαίνεται ότι έχει κι άλλες)· στον υπολογιστή χωρά ολόκληρη. */
  /* (14/10/2026, ~14:10 και ~14:13) Οι καρτέλες έγιναν ΚΑΡΤΕΣ: ο Bill, «…να μην εχουν τοσο μεγαλες εικονες… πρεπει να κανω απειρο σκρολλ για να μπω μεσα σε
     καποια κατηγορια.» και, με εικόνα ενός άλλου site, «ετσι καπως οι κατηγοριες στον υπολογιστη… βαζε την τελευτα ενημερωση σε καθε κατηγορια σαν εικονα.»
     Στον υπολογιστή: μια σειρά ψηλές κάρτες ίσου ύψους, η μία ανοιχτή και πλατιά (όνομα, πόσες αναρτήσεις, η τελευταία, ένα στρογγυλό βελάκι), οι άλλες στενές με
     το όνομά τους· η εικόνα κάθε κάρτας είναι της τελευταίας ανάρτησης. Στα χρώματα του ναού: το σκούρο του σήματος, χρυσή κλωστή μέσα στο περίγραμμα σαν κορνίζα
     εικόνας, χρυσή γραμμούλα πάνω από τον αριθμό. Στο κινητό: μια σειρά μικρότερες κάρτες που κυλά πλάγια. Μόλις ανοίξει μια κατηγορία, οι κάρτες χαμηλώνουν σε μια
     λωρίδα και οι αναρτήσεις της είναι ακριβώς από κάτω (.an-pinakas). */
  #anakoinoseis .kefali { margin-bottom: 6px; }
  .an-kartes { --an-kat-ypsos: 188px; display: flex; gap: 10px; margin: 12px -24px 0; padding: 4px 24px 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 24px; scrollbar-width: none; overscroll-behavior-x: contain; scroll-margin-top: 92px; }
  .an-kartes::-webkit-scrollbar { display: none; }
  .an-kartes[hidden] { display: none; }
  .an-kat { position: relative; isolation: isolate; flex: 0 0 146px; display: block; height: var(--an-kat-ypsos, 188px); margin: 0; padding: 0; border: 0; border-radius: 12px; overflow: hidden; background: var(--skouro); color: var(--fyllo); text-align: left; font: inherit; cursor: pointer; scroll-snap-align: start; -webkit-tap-highlight-color: transparent; transition: height 560ms var(--kampyli), flex-grow 720ms var(--kampyli), box-shadow 420ms var(--kampyli); }
  .an-kat-foto { position: absolute; inset: 0; z-index: -2; }
  .an-kat-xoris-foto { display: grid; justify-items: center; padding: 12px; color: var(--xryso); background: var(--skouro-vathy); }
  .an-kat-xoris-foto svg { width: min(100%, 180px); height: 100%; }
  .an-kat-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; transition: scale 900ms var(--kampyli); }
  .an-kat-eikona img { object-position: 50% 46%; }
  .an-kat-konta img { object-position: 38% 64%; transform: scale(1.75); transform-origin: 38% 64%; }
  /* το πέπλο: σκούρο μόνο όσο χρειάζονται τα γράμματα, στο κάτω μέρος */
  /* (14/10/2026, τελευταία ροή) πάνω σε φωτεινή φωτογραφία (ουρανός, άσπρος τοίχος) ο μικρός χρυσός αριθμός δεν διαβαζόταν: το κάτω μέρος, όπου κάθονται τα λόγια,
     σκουραίνει πια αρκετά (από τη μέση και κάτω), και τα γράμματα έχουν μια απαλή σκιά από κάτω τους */
  .an-kat::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, color-mix(in srgb, var(--skouro-vathy) 0%, transparent) 18%, color-mix(in srgb, var(--skouro-vathy) 52%, transparent) 46%, color-mix(in srgb, var(--skouro-vathy) 86%, transparent) 70%, color-mix(in srgb, var(--skouro-vathy) 94%, transparent) 100%); pointer-events: none; }
  .an-kat-soma { text-shadow: 0 1px 3px color-mix(in srgb, var(--skouro-vathy) 80%, transparent), 0 0 14px color-mix(in srgb, var(--skouro-vathy) 55%, transparent); }
  /* (14/10/2026, μετά τους δεύτερους ελέγχους) στο κινητό τα λόγια της κάρτας (πόσες, το όνομα, η νεότερη) πιάνουν σχεδόν όλο το ύψος της και ο χρυσός αριθμός
     ανέβαινε πάνω σε ουρανό ή άσπρο τοίχο. Το σκούρο πια ακολουθεί τα ίδια τα λόγια: σβήνει μέσα σε 36px πάνω από την πρώτη γραμμή και από εκεί και κάτω
     είναι 84% και πάνω, όσο ψηλά κι αν φτάσουν. (Ο χρυσός πάνω στο πιο φωτεινό που μένει από πίσω: 6,8 προς 1.) */
  @media (max-width: 899px) {
    .an-kat-soma::before { content: ""; position: absolute; inset: -36px 0 0 0; z-index: -1; background: linear-gradient(180deg, color-mix(in srgb, var(--skouro-vathy) 0%, transparent) 0, color-mix(in srgb, var(--skouro-vathy) 84%, transparent) 36px, color-mix(in srgb, var(--skouro-vathy) 94%, transparent) 100%); pointer-events: none; }
  }
  /* η κορνίζα: μια χρυσή κλωστή μέσα στο περίγραμμα· στην κατηγορία που φαίνεται από κάτω γίνεται γεμάτη χρυσή γραμμή */
  .an-kat::after { content: ""; position: absolute; inset: 6px; border: 1px solid color-mix(in srgb, var(--xryso-fos) 40%, transparent); border-radius: 8px; pointer-events: none; transition: border-color 420ms var(--kampyli), border-width 420ms var(--kampyli); }
  .an-kat[aria-expanded="true"]::after { border: 2px solid var(--xryso-fos); }
  .an-kat:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 3px; }
  .an-kat-ti { display: none; }
  .an-kat-soma { position: absolute; inset: auto 0 0 0; display: flex; flex-direction: column; padding: 0 14px 15px; }
  /* μια μακριά λέξη («Δραστηριότητες») σε στενή κάρτα κόβεται σε συλλαβή με παύλα, ποτέ σε τυχαίο γράμμα */
  .an-kat-titlos { order: 2; font: 400 19px/1.12 var(--titlos); color: var(--fyllo); -webkit-hyphens: auto; hyphens: auto; overflow-wrap: normal; transition: font-size 560ms var(--kampyli); }
  .an-kat-plithos { order: 1; margin-bottom: 5px; font: 400 12px/1.25 var(--etiketa); letter-spacing: .13em; text-transform: uppercase; color: var(--xryso-fos); }
  .an-kat-velos { display: none; }
  /* (14/10/2026, μετά τους ελέγχους) ΚΑΘΕ κάρτα λέει την πιο πρόσφατη ανάρτησή της, και στο κινητό: η μέρα και ο τίτλος της, ως δύο γραμμές, κάτω από
     το όνομα, μέσα στο σκούρο κάτω μέρος. Πριν ήταν κρυμμένη ως τα 900px και ο επισκέπτης του κινητού δεν έβλεπε ποια είναι. */
  .an-kat-grammi { order: 3; margin-top: 7px; font: 400 13px/1.32 var(--keimeno); color: color-mix(in srgb, var(--fyllo) 90%, transparent); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow-wrap: break-word; }
  /* στη λωρίδα της ανοιχτής κατηγορίας δεν χωρά: φεύγει από τα μάτια, όχι από τον αναγνώστη οθόνης (οι αναρτήσεις είναι ήδη από κάτω) */
  #anakoinoseis.an-anoixti .an-kat .an-kat-grammi { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  /* ανοιχτή κατηγορία: οι κάρτες γίνονται λωρίδα, για να είναι οι αναρτήσεις κάτω από το δάχτυλο */
  #anakoinoseis.an-anoixti .an-kartes { --an-kat-ypsos: 104px; }
  /* η επιστροφή από τη σελίδα μιας ανάρτησης (anakoinoseis.js): η λωρίδα παίρνει το ύψος της ΑΜΕΣΩΣ, για να μετρηθεί σωστά πού είναι η ανάρτηση */
  #anakoinoseis.an-amesa .an-kartes .an-kat { transition: none; }
  #anakoinoseis.an-anoixti .an-kat-plithos { display: none; }
  #anakoinoseis.an-anoixti .an-kat-titlos { font-size: 17px; }
  /* (15/10/2026, κριτική 13:40: στο κινητό οι κατηγορίες ήταν λωρίδα που κυλά στο πλάι, φαίνονταν δυόμισι και οι άλλες δεν έλεγαν ότι υπάρχουν· ο Bill:
     οριζόντια κίνηση «σχεδόν ποτέ») στο κινητό ΟΛΕΣ μαζί, σε δύο ίσες στήλες από χαμηλές κάρτες: η φωτογραφία, το όνομα, πόσες, η τελευταία. Καμία δεν κρύβεται. */
  @media (max-width: 619.98px) {
    .an-kartes { --an-kat-ypsos: 156px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
    .an-kat:last-child:nth-child(odd) { grid-column: 1 / -1; }
    .an-kat-soma { padding: 0 12px 12px; }
    .an-kat-grammi { -webkit-line-clamp: 2; line-clamp: 2; }
    #anakoinoseis.an-anoixti .an-kartes { --an-kat-ypsos: 64px; }
    #anakoinoseis.an-anoixti .an-kat-soma { padding-bottom: 10px; }
  }
  @media (min-width: 620px) and (max-width: 899px) {
    .an-kartes { --an-kat-ypsos: 228px; gap: 12px; }
    .an-kat { flex-basis: 184px; }
    .an-kat-grammi { font-size: 14px; }
    #anakoinoseis.an-anoixti .an-kartes { --an-kat-ypsos: 116px; }
  }
  /* οι κατηγορίες που δεν χωρούν στις πέντε κάρτες του υπολογιστή: μικροί σύνδεσμοι κάτω από τη σειρά (στο κινητό η σειρά τις έχει όλες) */
  .an-alles { display: none; }
  @media (min-width: 900px) {
    .an-kartes { --an-kat-ypsos: clamp(400px, 37vw, 500px); gap: 14px; margin: 18px 0 0; padding: 0; overflow: visible; scroll-snap-type: none; }
    .an-kat { flex: 1 1 0; min-width: 0; border-radius: 16px; }
    .an-kat:nth-child(n+6) { display: none; }
    /* μία μόνη κατηγορία: όχι μια εικόνα σε όλο το πλάτος («…τοσο μεγαλες εικονες…»), αλλά μια κάρτα στο μέγεθος μιας ανοιχτής ανάμεσα σε άλλες */
    .an-kat:only-child { max-width: 640px; height: min(var(--an-kat-ypsos, 188px), 380px); }
    .an-kat.an-kat-energi { flex-grow: 3.4; box-shadow: 0 22px 48px color-mix(in srgb, var(--melani) 18%, transparent); }
    .an-kat::after { inset: 8px; border-radius: 10px; }
    .an-kat-energi:hover .an-kat-foto img, .an-kat-energi:focus-visible .an-kat-foto img { scale: 1.035; }
    .an-kat-ti { display: block; position: absolute; top: 22px; right: 22px; font: 400 12px/1.2 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: color-mix(in srgb, var(--fyllo) 86%, transparent); text-shadow: 0 1px 6px color-mix(in srgb, var(--skouro-vathy) 60%, transparent); white-space: nowrap; opacity: 0; transition: opacity 360ms var(--kampyli); }
    .an-kat-energi .an-kat-ti { opacity: 1; transition-delay: 260ms; }
    .an-kat-soma { padding: 0 20px 24px; }
    .an-kat-energi .an-kat-soma { padding: 0 92px 30px 30px; }
    /* η στενή κάρτα κρατά μόνο το όνομα· τα άλλα ανοίγουν από το μηδέν, για να γλιστρά το όνομα και να μην πηδά */
    .an-kat-titlos { font-size: clamp(16px, 1.45vw, 20px); line-height: 1.14; }
    .an-kat-energi .an-kat-titlos { font-size: 42px; line-height: 1.04; }
    .an-kat-plithos { display: block; max-height: 0; margin: 0; overflow: hidden; opacity: 0; transition: max-height 560ms var(--kampyli), margin 560ms var(--kampyli), opacity 300ms var(--kampyli); }
    .an-kat-energi .an-kat-plithos { max-height: 2.6em; margin-bottom: 12px; opacity: 1; transition-delay: 0s, 0s, 240ms; }
    .an-kat-plithos::before { content: ""; display: block; width: 44px; height: 1px; margin-bottom: 12px; background: var(--xryso-fos); }
    .an-kat-plithos { font-size: 13px; letter-spacing: .16em; }
    /* (14/10/2026, μετά τους ελέγχους) και η στενή κάρτα λέει την πιο πρόσφατη ανάρτησή της, μικρά, ως τρεις γραμμές· η πλατιά τη λέει μεγάλη, σε δύο */
    .an-kat-grammi { margin-top: 10px; font: 400 14px/1.36 var(--keimeno); -webkit-line-clamp: 3; line-clamp: 3; }
    .an-kat-energi .an-kat-grammi { margin-top: 12px; font-size: 17px; line-height: 1.4; -webkit-line-clamp: 2; line-clamp: 2; }
    /* το στρογγυλό βελάκι: χρυσή κλωστή, το βέλος σχεδιασμένο με δύο γραμμές· γυρίζει προς τα κάτω όταν η κατηγορία φαίνεται από κάτω */
    .an-kat-velos { display: block; position: absolute; right: 26px; bottom: 26px; width: 50px; height: 50px; border: 1px solid color-mix(in srgb, var(--xryso-fos) 75%, transparent); border-radius: 50%; color: var(--fyllo); opacity: 0; transform: translateX(-10px); transition: opacity 300ms var(--kampyli), transform 560ms var(--kampyli), background-color 420ms var(--kampyli), rotate 420ms var(--kampyli); }
    .an-kat-velos::before { content: ""; position: absolute; left: 15px; right: 15px; top: 50%; height: 1.6px; margin-top: -.8px; background: currentColor; }
    .an-kat-velos::after { content: ""; position: absolute; right: 15px; top: 50%; width: 9px; height: 9px; margin-top: -5.3px; border-top: 1.6px solid currentColor; border-right: 1.6px solid currentColor; transform: rotate(45deg); }
    .an-kat-energi .an-kat-velos { opacity: 1; transform: none; transition-delay: 300ms, 0s, 0s, 0s; }
    .an-kat-energi:hover .an-kat-velos, .an-kat-energi:focus-visible .an-kat-velos { background: color-mix(in srgb, var(--xryso-fos) 22%, transparent); }
    .an-kat[aria-expanded="true"] .an-kat-velos { rotate: 90deg; }
    /* η λωρίδα της ανοιχτής κατηγορίας */
    #anakoinoseis.an-anoixti .an-kartes { --an-kat-ypsos: 132px; }
    #anakoinoseis.an-anoixti .an-kat-energi { flex-grow: 2.2; }
    #anakoinoseis.an-anoixti .an-kat-soma { padding: 0 20px 18px; }
    #anakoinoseis.an-anoixti .an-kat-energi .an-kat-soma { padding: 0 80px 20px 24px; }
    #anakoinoseis.an-anoixti .an-kat-titlos { font-size: 19px; }
    #anakoinoseis.an-anoixti .an-kat-energi .an-kat-titlos { font-size: 28px; }
    #anakoinoseis.an-anoixti .an-kat-plithos::before { display: none; }
    #anakoinoseis.an-anoixti .an-kat-energi .an-kat-plithos { display: block; max-height: 1.4em; margin-bottom: 6px; opacity: 1; }
    #anakoinoseis.an-anoixti .an-kat-ti { display: none; }
    #anakoinoseis.an-anoixti .an-kat-velos { right: 20px; bottom: 20px; width: 42px; height: 42px; }
    #anakoinoseis.an-anoixti .an-kat-velos::before { left: 12px; right: 12px; }
    #anakoinoseis.an-anoixti .an-kat-velos::after { right: 12px; }
    .an-alles:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; margin: 16px 0 0; font: 400 16px/1.3 var(--etiketa); letter-spacing: .06em; color: var(--melani-2); }
    .an-alli { min-height: 44px; margin: 0; padding: 0; border: 0; background: none; font: inherit; letter-spacing: inherit; color: var(--kokkino-vathy); text-decoration: underline; text-decoration-color: var(--xryso); text-underline-offset: 5px; cursor: pointer; }
    .an-alli[aria-expanded="true"] { text-decoration-thickness: 3px; }
    .an-alli:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 3px; }
  }

  /* (14/10/2026, μετά τους δεύτερους ελέγχους) ΜΙΑ ΜΑΚΡΙΑ ΛΕΞΗ ΜΕΝΕΙ ΟΛΟΚΛΗΡΗ: «Δραστηριότη-τες» στο κινητό και «Δραστηριό-τητες» στη στενή κάρτα του υπολογιστή
     έδειχναν μισοτελειωμένα. Όνομα με λέξη 12 γραμμάτων και πάνω (app.js: an-kat-makria και --an-kat-lexi, τα γράμματα της πιο μακριάς λέξης): τα γράμματα
     μικραίνουν όσο χρειάζεται για να χωρά η λέξη στο πλάτος της ΔΙΚΗΣ της κάρτας (cqi), ποτέ πάνω από το μέγεθος των άλλων ονομάτων και ποτέ κάτω από 13px.
     (Το 0,55 είναι το πλάτος ενός γράμματος της γραμματοσειράς του τίτλου, με περιθώριο: «Δραστηριότητες» μετρήθηκε 7,16 φορές το μέγεθός της.) */
  .an-kat { container-type: inline-size; }
  /* (15/10/2026, μετά τους τρίτους ελέγχους) ΜΙΑ ΣΕΙΡΑ, ΕΝΑ ΜΕΓΕΘΟΣ: όταν μια κατηγορία έχει μακριά λέξη, ΟΛΕΣ οι στενές κάρτες παίρνουν το μέγεθος που χωρά
     εκείνη η λέξη (an-kartes-makria, --an-kat-lexi-ola από το app.js), για να μη στέκεται ένα μικρό όνομα δίπλα σε μεγάλα. Οι στενές κάρτες έχουν όλες το ίδιο
     πλάτος, άρα το ίδιο μέγεθος χωρά παντού. Η πλατιά κάρτα του υπολογιστή κρατά το δικό της μεγάλο όνομα. */
  /* οι δύο μετρήσεις έχουν εδώ την αρχική τους τιμή· το app.js τις γράφει πάνω στο ίδιο στοιχείο (style), που κερδίζει */
  #anakoinoseis .an-kartes-makria { --an-kat-lexi-ola: 14; }
  #anakoinoseis .an-kat-makria { --an-kat-lexi: 14; }
  @media (max-width: 899px) {
    #anakoinoseis .an-kartes-makria .an-kat-titlos { font-size: max(13px, min(19px, (100cqi - 28px) / (var(--an-kat-lexi-ola, 14) * .55))); }
    #anakoinoseis.an-anoixti .an-kartes-makria .an-kat-titlos { font-size: max(13px, min(17px, (100cqi - 28px) / (var(--an-kat-lexi-ola, 14) * .55))); }
  }
  @media (min-width: 900px) {
    #anakoinoseis .an-kartes-makria .an-kat:not(.an-kat-energi) .an-kat-titlos { font-size: max(13px, min(clamp(16px, 1.45vw, 20px), (100cqi - 40px) / (var(--an-kat-lexi-ola, 14) * .55))); }
    /* η γραμμή της τελευταίας ανάρτησης μένει λίγο πιο μικρή από το όνομα, για να διαβάζεται πρώτο το όνομα */
    #anakoinoseis .an-kartes-makria .an-kat:not(.an-kat-energi) .an-kat-grammi { font-size: 13px; }
    #anakoinoseis .an-kat-energi.an-kat-makria .an-kat-titlos { font-size: max(13px, min(42px, (100cqi - 122px) / (var(--an-kat-lexi, 14) * .55))); }
    #anakoinoseis.an-anoixti .an-kartes-makria .an-kat:not(.an-kat-energi) .an-kat-titlos { font-size: max(13px, min(19px, (100cqi - 40px) / (var(--an-kat-lexi-ola, 14) * .55))); }
    #anakoinoseis.an-anoixti .an-kat-energi.an-kat-makria .an-kat-titlos { font-size: max(13px, min(28px, (100cqi - 104px) / (var(--an-kat-lexi, 14) * .55))); }
  }

  /* ══ Ο ΠΙΝΑΚΑΣ ΜΙΑΣ ΚΑΤΗΓΟΡΙΑΣ: οι αναρτήσεις της, μικρές, κάτω από τις κάρτες ══ */
  .an-pinakas { margin-top: 18px; padding-top: 6px; }
  .an-pinakas[hidden] { display: none; }
  .an-pinakas-kefali { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; padding-bottom: 10px; border-bottom: 1px solid var(--grammi); }
  .an-pinakas-kefali[hidden] { display: none; }
  #anakoinoseis .an-pinakas-kefali h3 { margin: 0; font: 400 27px/1.15 var(--titlos); color: var(--melani); }
  #anakoinoseis .an-pinakas-kefali h3:focus { outline: 0; }
  #anakoinoseis .an-pinakas-kefali h3:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 4px; }
  .an-piso { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; padding: 6px 0; border: 0; background: none; font: 400 16px/1.2 var(--etiketa); letter-spacing: .06em; color: var(--kokkino-vathy); cursor: pointer; }
  .an-piso:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
  .an-piso-velos { position: relative; flex: none; width: 18px; height: 18px; transition: translate 420ms cubic-bezier(.22, .61, .36, 1); }
  .an-piso-velos::before { content: ""; position: absolute; left: 1px; right: 1px; top: 50%; height: 1.6px; margin-top: -.8px; background: currentColor; }
  .an-piso-velos::after { content: ""; position: absolute; left: 1px; top: 50%; width: 7px; height: 7px; margin-top: -4.3px; border-bottom: 1.6px solid currentColor; border-left: 1.6px solid currentColor; transform: rotate(45deg); }
  .an-piso:hover .an-piso-velos { translate: -4px 0; }
  #anakoinoseis .an-pinakas [data-anakoinoseis] > .etiketa { margin: 18px 0 2px; }
  #anakoinoseis .an-pinakas .an-istoriko { margin-top: 24px; }
  .an-perissotera { margin: 14px 0 0; }
  /* το εβδομαδιαίο, μαζεμένο */
  #anakoinoseis .an-pinakas .an-evdomada { margin: 16px 0 4px; padding: 12px 16px 4px; }
  #anakoinoseis .an-pinakas .an-evdomada li { padding: 9px 0; }
  #anakoinoseis .an-pinakas .an-evdomada li b { font-size: 20px; }
  #anakoinoseis .an-pinakas .an-evd-pote { font-size: 16px; }
  #anakoinoseis .an-pinakas .an-evd-topos { font-size: 15px; }
  /* κάθε ανάρτηση: μια γραμμή με μικρή εικόνα (η μέρα πάνω της), ο τίτλος, πότε και πού, δύο γραμμές κείμενο */
  #anakoinoseis .an-pinakas .an-plegma { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 4px; }
  #anakoinoseis .an-pinakas .an-plegma .anakoinosi.an-karta { flex-direction: row; align-items: flex-start; gap: 14px; padding: 14px 0; border: 0; border-bottom: 1px solid var(--grammi); border-radius: 0; background: transparent; box-shadow: none; overflow: visible; grid-column: auto; grid-row: auto; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-foto { flex: 0 0 88px; width: 88px; height: 88px; min-height: 0; aspect-ratio: auto; align-self: flex-start; border-radius: 8px; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-foto img { position: static; height: 100%; transform: none; filter: none; opacity: 1; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta.an-perase .an-foto img { filter: grayscale(.6) contrast(.94); opacity: .88; }
  #anakoinoseis .an-pinakas .an-plegma .an-plano-naos img, #anakoinoseis .an-pinakas .an-plegma .an-plano-naos-konta img { object-position: 70% 50%; }
  #anakoinoseis .an-pinakas .an-plegma .an-plano-naos-pyrgos img, #anakoinoseis .an-pinakas .an-plegma .an-plano-naos-orthio img { object-position: 50% 42%; }
  #anakoinoseis .an-pinakas .an-plegma .an-plano-eikona-konta img { object-position: 38% 64%; transform: scale(1.5); transform-origin: 38% 64%; }
  #anakoinoseis .an-pinakas .an-plegma .an-plano::after, #anakoinoseis .an-pinakas .an-plegma .an-ti, #anakoinoseis .an-pinakas .an-plegma .an-karta .katigoria, #anakoinoseis .an-pinakas .an-plegma .an-velos { display: none; }
  /* (15/10/2026, μετά τους τρίτους ελέγχους) η μέρα πάνω στη μικρή εικόνα (88 και 112px) ήταν ένα λευκό κουτάκι στην πάνω γωνία, 70% του πλάτους: σε μια όρθια
     φωτογραφία σκέπαζε τους τρούλους. Τώρα είναι μια λεπτή λωρίδα στο ΚΑΤΩ μέρος της εικόνας, σε μία γραμμή («28 ΝΟΕ 2026»): το πάνω μέρος, όπου είναι
     συνήθως το θέμα, μένει ελεύθερο. Η μεγάλη εικόνα της νεότερης στον υπολογιστή (260px) κρατά το κουτάκι στη γωνία (πιο κάτω). */
  #anakoinoseis .an-pinakas .an-plegma .an-karta time { left: 0; right: 0; top: auto; bottom: 0; display: flex; align-items: baseline; justify-content: center; gap: 4px; min-width: 0; padding: 3px 4px 2px; border-radius: 0 0 8px 8px; background: color-mix(in srgb, var(--fyllo) 94%, transparent); font-size: 15px; line-height: 1.05; white-space: nowrap; box-shadow: none; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta time small { display: inline; margin: 0; font-size: 10px; letter-spacing: .05em; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-soma { padding: 0; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta h3 { margin: 0 0 4px; font-size: 19px; line-height: 1.2; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta:hover .an-syndesmos { color: var(--kokkino-vathy); }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-pote { margin: 0 0 4px; font-size: 15px; color: var(--melani-2); }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-keimeno { display: -webkit-box; font-size: 15px; line-height: 1.45; -webkit-line-clamp: 2; line-clamp: 2; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato { min-height: 0; padding-top: 8px; gap: 6px 12px; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato:not(:has(> :not(.an-velos))) { display: none; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-pigi { font-size: 11px; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato .koumpi { min-height: 40px; padding: 6px 12px; font-size: 14px; }
  #anakoinoseis .an-pinakas .an-plegma .an-karta:has(.an-syndesmos:focus-visible) { outline-offset: 4px; }
  @media (min-width: 900px) {
    #anakoinoseis .an-pinakas { margin-top: 26px; }
    #anakoinoseis .an-pinakas-kefali h3 { font-size: 32px; }
    /* δύο στήλες γραμμές: η κατηγορία χωρά σε μία οθόνη */
    #anakoinoseis .an-pinakas .an-plegma { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; }
    #anakoinoseis .an-pinakas .an-plegma .anakoinosi.an-karta { gap: 18px; padding: 16px 0; }
    #anakoinoseis .an-pinakas .an-plegma .an-karta .an-foto { flex-basis: 112px; width: 112px; height: 112px; }
    #anakoinoseis .an-pinakas .an-plegma .an-karta h3 { font-size: 21px; }
    #anakoinoseis .an-pinakas .an-plegma .an-karta .an-pote, #anakoinoseis .an-pinakas .an-plegma .an-karta .an-keimeno { font-size: 16px; }
    /* (16/10/2026, κλείσιμο) μία μόνη γραμμή στην ομάδα της (π.χ. ένα ακόμα «Έρχονται» κάτω από τη νεότερη): πιάνει όλο το πλάτος, όπως η νεότερη από
       πάνω της, και τα λόγια της κρατούν το ίδιο μέτρο· πριν καθόταν στη μισή στήλη και η άλλη μισή έμενε άδεια */
    #anakoinoseis .an-pinakas .an-plegma:not(.an-neoteri) > .an-karta:only-child { grid-column: 1 / -1; }
    #anakoinoseis .an-pinakas .an-plegma:not(.an-neoteri) > .an-karta:only-child .an-soma { max-width: 68ch; }
  }
  #anakoinoseis .an-istoriko { margin-top: 34px; }

  /* ── (14/10/2026) Η ΠΙΟ ΠΡΟΣΦΑΤΗ ΑΝΑΡΤΗΣΗ: όποια λέει η κάρτα της κατηγορίας, πρώτη, με μια χρυσή γραμμή στα αριστερά ── */
  #anakoinoseis .an-pinakas [data-anakoinoseis] > .an-neo-etiketa { margin-top: 16px; }
  #anakoinoseis .an-pinakas .an-plegma.an-neoteri { margin-bottom: 10px; }
  #anakoinoseis .an-pinakas .an-plegma.an-neoteri .anakoinosi.an-karta { padding-left: 14px; border-left: 2px solid var(--xryso); }
  /* (14/10/2026, μετά τους δεύτερους ελέγχους) στον υπολογιστή η νεότερη πιάνει ΟΛΟ το πλάτος, με μεγαλύτερη εικόνα και τίτλο: πριν καθόταν μόνη στη μισή
     στήλη και η άλλη μισή έμενε άδεια ως το «Προγραμματισμένα», σαν να έλειπε κάτι */
  @media (min-width: 900px) {
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri { grid-template-columns: minmax(0, 1fr); }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .anakoinosi.an-karta { gap: 26px; padding: 18px 0 18px 20px; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta .an-foto { flex-basis: 260px; width: 260px; height: 195px; border-radius: 10px; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta time { left: 8px; right: auto; top: 8px; bottom: auto; display: block; min-width: 54px; padding: 6px 8px 5px; border-radius: 3px; background: var(--fyllo); font-size: 26px; line-height: 1; box-shadow: 0 2px 8px color-mix(in srgb, var(--melani) 25%, transparent); }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta time small { display: block; font-size: 12px; margin-top: 3px; letter-spacing: .06em; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta .an-soma { align-self: center; max-width: 68ch; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta h3 { margin-bottom: 8px; font-size: 30px; line-height: 1.14; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta .an-pote, #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta .an-keimeno { font-size: 18px; }
    #anakoinoseis .an-pinakas .an-plegma.an-neoteri .an-karta .an-keimeno { -webkit-line-clamp: 3; line-clamp: 3; }
  }
  /* οι φωτογραφίες των ίδιων των αναρτήσεων (συχνά όρθιες, με πρόσωπα): το τετράγωνο κρατά το πάνω μέρος τους, όχι τη μέση */
  #anakoinoseis .an-foto-diki img { object-position: 50% 30%; }

  /* ── «+ ημερολόγιο»: ο επιλογέας Google / Apple, όπως στη σελίδα της ανακοίνωσης ── */
  #anakoinoseis .an-imer { position: relative; z-index: 3; }
  #anakoinoseis .an-imer > summary { list-style: none; cursor: pointer; }
  #anakoinoseis .an-imer > summary::-webkit-details-marker { display: none; }
  #anakoinoseis .an-karta .an-kato .an-imer > summary.koumpi { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; font-size: 15px; background: var(--fyllo); }
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato .an-imer > summary.koumpi { min-height: 44px; padding: 6px 12px; font-size: 14px; }
  /* (14/10/2026, μετά τους ελέγχους) στις γραμμές μιας κατηγορίας το «+ ημερολόγιο» είναι πάντα πρώτο, αριστερά, κάτω από τα λόγια· το «από το πρόγραμμα του
     μήνα», όπου υπάρχει, έρχεται δίπλα του. Πριν, όπου υπήρχε, έσπρωχνε το κουμπί δεξιά και οι γραμμές δεν ευθυγραμμίζονταν. */
  #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato > .an-imer, #anakoinoseis .an-pinakas .an-plegma .an-karta .an-kato > .koumpi { order: -1; }
  #anakoinoseis .an-imer[open] > summary.koumpi { background: var(--simera-fonto); }
  #anakoinoseis .an-imer-lista { position: absolute; left: 0; top: calc(100% + 6px); z-index: 4; display: grid; min-width: 220px; padding: 6px; border: 1px solid var(--grammi); border-radius: 6px; background: var(--fyllo); box-shadow: 0 14px 34px color-mix(in srgb, var(--melani) 16%, transparent); }
  #anakoinoseis .an-imer-lista a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 4px; font: 400 16px/1.2 var(--etiketa); letter-spacing: .03em; color: var(--kokkino-vathy); text-decoration: none; }
  #anakoinoseis .an-imer-lista a + a { border-top: 1px solid var(--grammi); }
  #anakoinoseis .an-imer-lista a:hover, #anakoinoseis .an-imer-lista a:focus-visible { background: var(--simera-fonto); outline: 0; }

  /* ── ΜΙΑ ΜΟΝΗ ΚΑΡΤΑ ΣΤΗΝ ΚΑΤΗΓΟΡΙΑ (διόρθωση 14/10): με μία κατηγορία τη φορά, συχνά έρχεται ένα μόνο πράγμα. Τότε η κάρτα πάει πλάγια:
     η εικόνα αριστερά, όσο ψηλή είναι η κάρτα (360px και πάνω), τα λόγια δεξιά. Ποτέ μια εικόνα όσο όλη η σελίδα, ποτέ κενό δίπλα της.
     Και με δύο ή τρία πράγματα: στη μεγάλη κάρτα καμία εικόνα (ούτε η όρθια φωτογραφία του ναού) δεν ορίζει το ύψος· το κουτί της παίρνει το ύψος
     που δίνουν τα λόγια και οι μικρές κάρτες δίπλα, και η εικόνα το γεμίζει. ── */
  @media (min-width: 620px) {
    #anakoinoseis .an-megali .an-foto { align-self: stretch; width: 100%; }
    #anakoinoseis .an-megali .an-foto img { position: absolute; inset: 0; }
    #anakoinoseis .an-erxomena .an-karta.an-megali:only-child { flex-direction: row; align-items: stretch; }
    #anakoinoseis .an-erxomena .an-megali:only-child .an-foto { flex: 0 0 50%; width: 50%; aspect-ratio: auto; min-height: 360px; max-height: none; }
    #anakoinoseis .an-erxomena .an-megali:only-child .an-soma { flex: 1 1 auto; justify-content: center; }
  }
  /* (14/10, σημείο 9) η εικόνα της Κοιμήσεως είναι όρθια (736 × 965): στη μεγάλη κάρτα δεν ορίζει πια εκείνη το ύψος. Το κουτί παίρνει το ύψος
     της κάρτας (τα λόγια, ή τις δύο σειρές του πλέγματος) και η εικόνα το γεμίζει, κομμένη στη μέση της· αλλιώς η κάρτα ψήλωνε ως τα 760px
     με κενό δίπλα στα λόγια. */
  @media (min-width: 620px) {
    #anakoinoseis .an-megali .an-foto[class*="an-plano-eikona"] img { position: absolute; inset: 0; }
  }

  /* ── «Κάθε εβδομάδα»: το εβδομαδιαίο πρόγραμμα της κατηγορίας, πάνω από τις ανακοινώσεις της (μόνο όσο ο ιερέας το έχει ανοιχτό) ── */
  .an-evdomada { margin: 0 0 30px; padding: 18px 18px 6px; border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 6px; background: var(--fyllo); }
  .an-evdomada > .etiketa { margin: 0 0 4px; }
  .an-evdomada ul { list-style: none; margin: 0; padding: 0; }
  .an-evdomada li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 12px 0; border-top: 1px solid var(--grammi); }
  .an-evdomada li:first-child { border-top: 0; }
  .an-evdomada li b { font: 400 23px/1.15 var(--titlos); color: var(--melani); }
  .an-evd-pote { font: 400 18px/1.35 var(--etiketa); letter-spacing: .03em; color: var(--kokkino-vathy); }
  .an-evd-ora::before { content: "·"; margin: 0 8px; color: var(--xryso); }
  .an-evd-topos { font: 400 16px/1.35 var(--etiketa); letter-spacing: .02em; color: var(--melani-2); }
  /* (15/10/2026, «Ομάδες») a meeting the priest cancelled and chose to show: one line under the row, across its whole width */
  .an-evd-akyrosi { grid-column: 1 / -1; font: 700 16px/1.35 var(--etiketa); letter-spacing: .03em; color: var(--prosoxi); }
  /* (15/10/2026) the invitation of the parents to the groups' notifications, under the weekly rows */
  .an-evd-goneis { margin: 6px 0 12px; padding-top: 12px; border-top: 1px solid var(--grammi); font-size: 16px; line-height: 1.5; color: var(--melani-2); }
  .an-evd-goneis a { display: inline-flex; align-items: center; min-height: 44px; color: var(--kokkino-vathy); font-weight: 600; }
  @media (min-width: 901px) {
    .an-evdomada { padding: 22px 26px 10px; }
    .an-evdomada li { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, .9fr); align-items: baseline; gap: 18px; padding: 14px 0; }
    .an-evd-topos { text-align: right; }
  }

  /* ── «Από το Κατηχητικό»: όσα έκανε, ως κάρτες με ολόκληρη την εικόνα τους (καμία δεν έχει «+ ημερολόγιο»: η κάτω γραμμή της κρατά μόνο το βελάκι) ── */
  #anakoinoseis .an-blog .an-kato { min-height: 44px; }

  /* ══ ΤΟ ΚΟΥΜΠΙ ΤΗΣ ΚΟΙΝΟΤΗΤΑΣ, κάτω από τις ανακοινώσεις (το βάζει το koinotita.js, μόνο όταν ο ναός έχει δώσει σύνδεσμο) ══ */
  .koinotita-zoni { display: flex; justify-content: center; margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--grammi); }
  .koinotita-zoni .koumpi { justify-content: center; gap: 12px; width: 100%; min-height: 60px; padding: 14px 28px; font-size: 19px; letter-spacing: .06em; transition: background-color 420ms cubic-bezier(.22, .61, .36, 1); }
  .koinotita-zoni .koumpi:active { background: var(--kokkino-nyxta); }
  .koinotita-zoni .koinotita-velos { margin-left: 0; width: 18px; height: 18px; color: inherit; rotate: -45deg; }
  @media (min-width: 620px) { .koinotita-zoni .koumpi { width: auto; min-width: 360px; } }
  @media (min-width: 901px) { .koinotita-zoni { margin-top: 44px; padding-top: 40px; } }

  /* ══ Η ΣΕΛΙΔΑ ΜΙΑΣ ΑΝΑΚΟΙΝΩΣΗΣ (/anakoinosi/<id>) ══ */
  .a-soma { min-height: 100vh; display: flex; flex-direction: column; }
  .a-kefalida .wrap { gap: 12px; }
  .a-kefalida .sima { min-width: 0; }
  .a-piso { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font: 400 17px/1.2 var(--etiketa); letter-spacing: .05em; color: var(--kokkino-vathy); text-decoration: none; white-space: nowrap; }
  .a-velos { flex: none; transition: translate 420ms cubic-bezier(.22, .61, .36, 1); }
  .a-piso:hover .a-velos { translate: -4px 0; }
  .a-kyrio { flex: 1; width: min(1120px, 100%); margin-inline: auto; padding: 0 0 56px; }
  .a-arthro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  .a-arthro:not(:has(> .a-foto)) { grid-template-columns: minmax(0, 1fr); max-width: 760px; margin-inline: auto; }
  .a-foto { position: relative; margin: 0; aspect-ratio: 3 / 2; overflow: hidden; background: var(--xarti-2); }
  .a-foto img { width: 100%; height: 100%; object-fit: cover; }
  /* στη σελίδα η εικόνα είναι μεγάλη: ολόκληρο το κάδρο, όχι το κοντινό της κάρτας (το αρχείο δεν φτάνει για κοντινό σε αυτό το μέγεθος) */
  .a-foto.an-plano img { transform: none; object-position: 86% 50%; }
  @media (min-width: 901px) { .a-foto.an-plano:not([class*="an-plano-eikona"]) img { object-position: 46% 50%; } }
  .a-foto[class*="an-plano-eikona"] img { object-position: 50% 46%; }
  .a-foto figcaption { position: absolute; z-index: 1; right: 16px; bottom: 12px; font: 400 13px/1.2 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--fyllo); }
  .a-soma-arthrou { padding: 26px 24px 0; min-width: 0; }
  .a-kefali { display: flex; align-items: flex-start; gap: 16px; }
  .a-imera { flex: none; min-width: 72px; padding: 10px 12px 9px; border: 1px solid var(--grammi); border-radius: 4px; background: var(--fyllo); text-align: center; font: 400 40px/1 var(--titlos); color: var(--melani); }
  .a-imera b { font-weight: 400; display: block; }
  .a-imera small { display: block; margin-top: 6px; font: 400 13px/1.2 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--melani-2); white-space: nowrap; }
  .a-titlos { min-width: 0; }
  .a-titlos .etiketa { margin: 2px 0 8px; font-size: 14px; letter-spacing: .14em; }
  .a-istoriko { margin-left: 10px; padding-left: 10px; border-left: 1px solid var(--grammi); color: var(--melani-2); }
  .a-titlos h1 { font-size: 32px; line-height: 1.12; }
  .a-stoixeia { list-style: none; margin: 26px 0 0; padding: 18px 0; border-block: 1px solid var(--grammi); display: grid; gap: 12px; }
  .a-stoixeia li { display: flex; align-items: flex-start; gap: 12px; font: 400 19px/1.35 var(--etiketa); letter-spacing: .02em; color: var(--melani); }
  .a-eik { flex: none; margin-top: 3px; color: var(--xryso); }
  .a-keimeno { margin: 24px 0 0; font-size: 19px; line-height: 1.65; color: var(--melani); max-width: 62ch; }
  .a-pigi { margin: 18px 0 0; font: 400 13px/1.3 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--axno); }
  .a-perase .a-foto img { filter: grayscale(.45); }
  /* (14/10/2026) η ΔΙΚΗ της φωτογραφία μιας ανάρτησης δεν κόβεται σε κουτί: ολόκληρη, όρθια ή πλαγιαστή, ως ένα ύψος· ό,τι περισσεύει στα πλάγια μιας όρθιας
     είναι σκούρο, σαν κάδρο. Πατιέται και ανοίγει μεγάλη (anakoinosi.js). */
  .a-foto.a-foto-diki { aspect-ratio: auto; background: var(--skouro-vathy); }
  .a-foto-diki img { display: block; width: 100%; height: auto; max-height: min(74vh, 640px); object-fit: contain; }
  .a-foto-diki[data-provoli-anoigei] { cursor: zoom-in; }
  .a-foto-diki[data-provoli-anoigei]:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 3px; }
  .a-alla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 28px; }
  .a-alla > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  .a-alli { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: 4px; background: var(--xarti-2); cursor: zoom-in; }
  .a-alli img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; transition: scale 650ms var(--kampyli); }
  .a-alli:hover img, .a-alli:focus-visible img { scale: 1.04; }
  .a-alli:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 3px; }

  /* ── Η ΠΡΟΒΟΛΗ: μια φωτογραφία ολόκληρη, σε όλη την οθόνη· «Προηγούμενη», «Επόμενη», «Κλείσιμο»· Escape και τα βέλη του πληκτρολογίου ── */
  .a-provoli { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: var(--skouro-vathy); color: var(--fyllo); }
  .a-provoli::backdrop { background: color-mix(in srgb, var(--skouro-vathy) 80%, transparent); }
  .a-provoli[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
  .a-provoli-kefali { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 6px 20px; }
  .a-provoli-metritis { font: 400 14px/1.2 var(--etiketa); letter-spacing: .14em; color: var(--xryso-fos); }
  /* touch-action: το πλάγιο σύρσιμο το κρατά η σελίδα (επόμενη / προηγούμενη)· αλλιώς το παίρνει ο φυλλομετρητής και ακυρώνει το δάχτυλο */
  .a-provoli figure { display: grid; place-items: center; min-height: 0; margin: 0; padding: 0 12px; overflow: hidden; touch-action: pan-y pinch-zoom; }
  /* ολόκληρη, ποτέ κομμένη: ως το πλάτος της οθόνης και ως το ύψος που αφήνουν η πάνω και η κάτω γραμμή */
  .a-provoli img { display: block; width: auto; height: auto; max-width: min(100%, calc(100vw - 24px)); max-height: calc(100dvh - 150px); object-fit: contain; border-radius: 2px; }
  .a-provoli-kato { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px max(14px, env(safe-area-inset-bottom)); }
  .a-provoli figcaption { flex: 1; min-width: 0; text-align: center; font: 400 16px/1.4 var(--keimeno); color: color-mix(in srgb, var(--fyllo) 88%, transparent); }
  .a-provoli button { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; padding: 0; border: 1px solid color-mix(in srgb, var(--xryso-fos) 60%, transparent); border-radius: 50%; background: transparent; color: var(--fyllo); cursor: pointer; transition: background-color 260ms var(--kampyli); }
  .a-provoli button:hover, .a-provoli button:focus-visible { background: color-mix(in srgb, var(--xryso-fos) 22%, transparent); outline: 0; }
  .a-provoli button:focus-visible { box-shadow: 0 0 0 3px var(--xryso-fos); }
  .a-provoli button[hidden] { visibility: hidden; display: inline-flex; }
  .a-video { grid-column: 1 / -1; width: 100%; border-radius: 4px; background: var(--skouro); }
  .a-praxeis { display: grid; gap: 12px; margin-top: 32px; }
  .a-praxeis .koumpi { justify-content: center; min-height: 54px; font-size: 18px; white-space: normal; }
  .a-praxeis .a-piso { color: var(--kokkino-vathy); }
  /* το υποσέλιδο είναι της δημόσιας σελίδας (metallio.css)· εδώ δεν έχει τα δύο κουμπιά της, άρα δεν κρατά το ύψος μιας ολόκληρης οθόνης */
  .podas.a-podas { margin-top: auto; min-height: 0; }
  .podas.a-podas .wrap > span:nth-child(2) { flex: none; margin-top: 28px; }
  .podas.a-podas a.tsip[href="/grafeio"] { margin-top: 0; }
  @media (min-width: 620px) {
    .a-praxeis { display: flex; flex-wrap: wrap; }
    .a-praxeis .koumpi { padding-inline: 28px; }
    .a-alla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 619px) { .a-piso-pano span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .a-piso-pano { min-width: 44px; justify-content: center; } }
  @media (min-width: 901px) {
    .a-kyrio { width: min(1120px, calc(100% - 48px)); padding: 44px 0 88px; }
    .a-arthro { grid-template-columns: minmax(0, 11fr) minmax(0, 12fr); gap: 56px; align-items: start; }
    .a-foto { position: sticky; top: 104px; aspect-ratio: 4 / 5; border-radius: 6px; box-shadow: 0 24px 60px color-mix(in srgb, var(--melani) 16%, transparent); }
    .a-foto.a-foto-diki { aspect-ratio: auto; }
    .a-foto-diki img { max-height: calc(100vh - 150px); }
    .a-foto.an-plano::after { content: ""; position: absolute; inset: auto 0 0 0; height: 26%; background: linear-gradient(transparent, var(--menou-pisw)); }
    .a-soma-arthrou { padding: 8px 0 0; }
    .a-imera { font-size: 52px; min-width: 96px; padding: 14px 16px 12px; }
    .a-kefali { gap: 22px; }
    .a-titlos h1 { font-size: 46px; }
    .a-keimeno { font-size: 20px; }
  }
  /* στο κινητό ο τίτλος παίρνει όλο το πλάτος, κάτω από τη μέρα και το είδος */
  @media (max-width: 619px) {
    .a-kefali { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 16px; }
    .a-titlos { display: contents; }
    .a-titlos .etiketa { margin: 0; }
    .a-titlos h1 { grid-column: 1 / -1; font-size: 31px; }
    .a-imera { font-size: 34px; min-width: 66px; padding: 8px 10px 7px; }
  }
  @media (max-width: 900px) { .a-foto.an-plano::after { content: ""; position: absolute; inset: auto 0 0 0; height: 34%; background: linear-gradient(transparent, var(--menou-pisw)); } }

  /* ══ (15/10/2026, ο Bill: «…δεν υπαρχει το τυπου blog πουθενα…») ΤΟ ΑΡΘΡΟ: διαβάζεται σαν blog. Οι παράγραφοι με αέρα ανάμεσα, μια αλλαγή γραμμής μέσα
     σε παράγραφο μένει αλλαγή γραμμής· οι υπόλοιπες φωτογραφίες του μεγαλύτερες, δύο σε κάθε σειρά, όρθιες ή πλαγιαστές όπως είναι (όχι κομμένες τετράγωνα). ══ */
  .a-keimeno-arthrou { max-width: 64ch; }
  .a-keimeno-arthrou p { margin: 0 0 1.05em; white-space: pre-line; }
  .a-keimeno-arthrou p:last-child { margin-bottom: 0; }
  .a-keimeno-arthrou p:first-child::first-letter { font-family: var(--titlos); font-size: 2.6em; line-height: .9; float: left; margin: .06em .12em 0 0; color: var(--kokkino-vathy); }
  .a-alla.a-alla-arthrou { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 32px; }
  .a-alla-arthrou .a-alli { aspect-ratio: 4 / 3; }
  .a-alla-arthrou .a-alli img { object-position: 50% 45%; }
  @media (max-width: 619px) { .a-alla.a-alla-arthrou { grid-template-columns: minmax(0, 1fr); } .a-alla-arthrou .a-alli { aspect-ratio: 3 / 2; } }
  /* «Άρθρα» μέσα σε μια κατηγορία των «Ενημερώσεων»: η ίδια ετικέτα με το «Ιστορικό», πάνω από τις κάρτες του blog */
  #anakoinoseis .an-arthra-etiketa { margin-top: 30px; }

  /* ══ (15/10/2026) Η ΠΡΟΕΠΙΣΚΟΠΗΣΗ ΤΟΥ ΓΡΑΦΕΙΟΥ: μια λωρίδα πάνω από τη σελίδα της ανάρτησης, που λέει τι είναι και γυρίζει στη φόρμα. Δεν υπάρχει ποτέ
     στη δημόσια σελίδα (τη γράφει μόνο η διεύθυνση του γραφείου). ══ */
  .a-proepiskopisi { position: relative; z-index: 60; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; padding: 10px 24px; background: var(--simera-fonto); border-bottom: 1px solid var(--xryso); color: var(--melani); }
  .a-proepiskopisi p { display: flex; align-items: center; gap: 10px; margin: 0; font: 400 16px/1.4 var(--keimeno); }
  .a-proepiskopisi .es-sym { flex: none; color: var(--kokkino-vathy); }
  .a-proepiskopisi .es-koumpi-isyxo { min-height: 44px; }
  /* (after the checks) a post that has not gone up: «Στο ημερολόγιό σας» drawn as it will be, quiet, doing nothing, and a line that says why */
  .a-imer-anenergo { display: inline-grid; gap: 6px; justify-items: start; }
  .a-imer-anenergo .es-koumpi { opacity: .55; cursor: default; pointer-events: none; }
  .a-imer-anenergo small { font: 400 14px/1.4 var(--keimeno); color: var(--melani-2); }
}

/* No empty category grid or reserved card space before the first announcement. */
#anakoinoseis.an-adeio [data-filtra] { display: none; }
#anakoinoseis.an-adeio .an-pinakas { margin-top: 0; padding-top: 0; }
#anakoinoseis.an-adeio [data-anakoinoseis] > .mikro { margin: 0; font-size: 18px; line-height: 1.5; color: var(--melani-2); }