/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΚΟΜΜΑΤΙ A10 (12/10/2026): «Ο ναός»: η εικόνα της Θεοτόκου και το χρονολόγιο (μαζί με το istoriko.js).
   Φορτώνεται ΜΟΝΟ στη δημόσια σελίδα, μετά το selida.css.
   Όλοι οι κανόνες ισχύουν μόνο αφού το istoriko.js στήσει την ενότητα (#naos.ist-etoimo)· χωρίς σενάριο η ενότητα μένει όπως ήταν.
   ① η εικόνα σε σκούρα ζώνη, μεγάλη, με τα κοντινά της· ② το χρονολόγιο ως ράχη: χρυσή γραμμή που γεμίζει, ρόμβος σε κάθε στάση, η χρονιά πολύ μεγάλη·
   ③ «Η ενορία μας». Πρώτα το κινητό (390), μετά η οθόνη (από 901px).
   Χρώματα μόνο από το xromata.css (η γραμμή από κάτω μένει πρώτη). Κάθε κανόνας μέσα σε «@media screen». */
@import url("xromata.css") screen;

@media screen {

  #naos.ist-etoimo { padding: 0 0 64px; border-top: 0; }
  #naos.ist-etoimo > .ist-palio { display: none !important; }
  #naos.ist-etoimo > .wrap.ist-wrap { margin-top: 0 !important; }

  /* ══ ① Η ΕΙΚΟΝΑ ══ */
  .ist-eikona { position: relative; overflow: clip; padding: 64px 0 60px; background: linear-gradient(var(--menou-pisw), var(--menou-pisw)), var(--melani); color: var(--fyllo); }
  /* το φως του κεριού πίσω από την εικόνα */
  .ist-eikona::before { content: ""; position: absolute; left: 50%; top: 0; width: 620px; height: 620px; margin-left: -310px; background: radial-gradient(closest-side, var(--efimeria-fos), var(--fengos-exo)); pointer-events: none; }
  .ist-eikona-mesa { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .ist-eikona-aristera { display: flex; justify-content: center; }
  #naos.ist-etoimo .eikona-kornisa { position: relative; overflow: hidden; width: min(100%, 330px); padding: 11px; margin: 0; }
  #naos.ist-etoimo .eikona-kornisa img { display: block; width: 100%; height: auto; }
  .ist-fos { position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, var(--fengos-exo) 30%, var(--fengos-mesa) 50%, var(--fengos-exo) 70%); mix-blend-mode: soft-light; pointer-events: none; }

  .ist-eikona .etiketa { margin: 0; color: var(--xryso-fos); }
  .ist-eikona h2 { margin: 10px 0 18px; font-size: 34px; line-height: 1.12; color: var(--fyllo); }
  #naos.ist-etoimo .lede.istoria-eikonas { max-width: 34em; font-size: 20px; line-height: 1.55; color: var(--fyllo); }
  .ist-eikona-synexeia { max-width: 38em; margin: 0; padding-top: 16px; font-size: 17px; line-height: 1.7; color: var(--skouro-keimeno); }
  .ist-mathete-kouti { margin: 22px 0 0; }
  .ist-eikona .koumpi.ist-mathete { min-height: 48px; padding: 12px 20px; background: var(--deytero-sto-skouro); border: 1.5px solid var(--xarti); color: var(--xarti); font-size: 17px; -webkit-tap-highlight-color: transparent; }
  .ist-eikona .koumpi.ist-mathete:active { border-color: var(--xryso-fos); }
  .ist-eikona .koumpi.ist-mathete:focus-visible { outline: 2px solid var(--xryso-fos); outline-offset: 3px; }

  .ist-kontina { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; list-style: none; margin: 34px 0 0; padding: 0; }
  .ist-kontino { margin: 0; }
  .ist-kontino-kopsimo { position: relative; display: block; overflow: hidden; aspect-ratio: 1; border: 1px solid var(--gyali-perigramma); border-radius: 4px; background: var(--skouro); }
  .ist-kontino-kopsimo img { position: absolute; max-width: none; height: auto; }
  button.ist-kontino-kopsimo { width: 100%; padding: 0; cursor: zoom-in; }
  button.ist-kontino-kopsimo:focus-visible { outline: 2px solid var(--xryso); outline-offset: 3px; }
  .provoli-kontino .provoli-perioxi { width: min(100%, 55vh); aspect-ratio: 1; margin-inline: auto; overflow: auto; overscroll-behavior: contain; background: var(--skouro); cursor: grab; }
  .provoli-kontino .provoli-perioxi:active { cursor: grabbing; }
  .provoli-kontino .provoli-perioxi:focus-visible { outline: 2px solid var(--xryso); outline-offset: 2px; }
  .provoli-kontino .provoli-perioxi img { display: block; margin-inline: auto; max-width: none; max-height: none; object-fit: fill; user-select: none; }
  .provoli-ergaleia { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
  .provoli-ergaleia .koumpi { min-width: 44px; min-height: 44px; padding: 8px 12px; }

  /* ══ ② ΤΟ ΧΡΟΝΟΛΟΓΙΟ ══ */
  .ist-istoria { padding-top: 60px; }
  .ist-kefali .etiketa { margin: 0; }
  .ist-kefali h2 { margin: 10px 0 0; }
  .ist-stolidi { display: block; width: 104px; height: 104px; margin: 0 0 22px; background: var(--xryso); -webkit-mask: url("/ekklisia/eikones/naos-logo.svg") center / contain no-repeat; mask: url("/ekklisia/eikones/naos-logo.svg") center / contain no-repeat; }

  .ist-spondylos { position: relative; margin-top: 40px; }
  .ist-grammi { position: absolute; top: 0; bottom: 0; left: 8px; width: 2px; background: var(--grammi); }
  .ist-grammi-gemisma { position: absolute; inset: 0; background: var(--xryso); transform: scaleY(0); transform-origin: 50% 0; will-change: transform; }
  .ist-staseis { list-style: none; margin: 0; padding: 0; }
  .ist-stasi { position: relative; padding: 0 0 46px 40px; }
  /* ο ρόμβος της στάσης: άδειος ώσπου να τον φτάσει η γραμμή */
  .ist-kombos { position: absolute; left: 2px; top: 22px; width: 14px; height: 14px; box-sizing: border-box; border: 2px solid var(--xryso); background: var(--xarti); transform: rotate(45deg); transition: background-color 420ms cubic-bezier(.22, .61, .36, 1), box-shadow 420ms cubic-bezier(.22, .61, .36, 1); }
  .ist-kombos.eftase { background: var(--xryso); box-shadow: 0 0 0 6px var(--efimeria-fos); }
  .ist-me-mera .ist-kombos { top: 48px; }
  .ist-stasi b { display: block; font-weight: 400; }
  .ist-mera { display: block; margin-bottom: 4px; font-family: var(--etiketa); font-size: 15px; line-height: 22px; letter-spacing: .14em; text-transform: uppercase; color: var(--xryso-vathy); }
  .ist-etos { display: block; font-family: var(--titlos); font-size: 62px; line-height: 58px; letter-spacing: -.01em; color: var(--kokkino-vathy); font-variant-numeric: lining-nums; }
  .ist-ti { padding-top: 12px; }
  .ist-ti > span { display: block; max-width: 33em; font-size: 17px; line-height: 1.65; color: var(--melani); }
  #naos.ist-etoimo .foto.ist-foto { aspect-ratio: 3 / 2; margin: 22px 0 0; }
  .ist-foto img { display: block; object-position: 86% 50%; }

  .ist-kouti { position: relative; margin: 0; padding: 0 0 46px 40px; }
  .ist-koumpi { min-height: 48px; font-size: 17px; background: var(--xarti); -webkit-tap-highlight-color: transparent; }
  #naos.ist-etoimo .ist-synexeia[hidden] { display: none; }

  /* ── το στρώμα της έρευνας (κλειστό): φαίνεται ότι ΔΕΝ είναι της ενορίας ── */
  .ist-erevna { position: relative; margin: 0 0 46px 0; padding: 18px 14px 0 0; border: 1.5px dashed var(--xryso); border-radius: 6px; background: var(--simera-fonto); }
  .ist-erevna-simadi { margin: 0 0 6px 40px; font-family: var(--etiketa); font-size: 15px; line-height: 1.35; letter-spacing: .1em; text-transform: uppercase; color: var(--xryso-vathy); }
  .ist-dromos { display: block; width: calc(100% - 40px); max-width: 380px; height: auto; margin: 8px 0 22px 40px; overflow: visible; }
  .ist-dromos-grammi { fill: none; stroke: var(--xryso); stroke-width: 2; stroke-dasharray: 2 7; stroke-linecap: round; }
  .ist-dromos-apo { fill: var(--xarti); stroke: var(--xryso); stroke-width: 2; }
  .ist-dromos-pros { fill: var(--xryso); }
  .ist-dromos text { font-family: var(--etiketa); font-size: 16px; letter-spacing: .04em; fill: var(--melani); }
  .ist-dromos text.ist-dromos-mikro { font-size: 14px; fill: var(--melani-2); }
  .ist-stasi-erevna { padding-bottom: 30px; }
  .ist-stasi-erevna .ist-etos { font-size: 44px; line-height: 44px; color: var(--melani-2); }
  .ist-stasi-erevna .ist-kombos { top: 15px; border-style: dashed; }
  .ist-pigi { display: block; max-width: 36em; margin-top: 8px; font-family: var(--etiketa); font-size: 14px; line-height: 1.4; color: var(--melani-2); }

  /* ══ ②β Η ΣΚΗΝΗ (14/10/2026): η ιστορία κλειδώνει όταν τη φτάσεις, η χρονιά γυρίζει, ο χάρακας ανάβει τους ρόμβους, στο τέλος η φωτογραφία ══
     Χωρίς κλείδωμα (χαμηλή οθόνη, .ist-karfomeno λείπει): η ράχη όπως ήταν, και η φωτογραφία του ναού μετά την τελευταία στάση. */
  .ist-xronia, .ist-xarakas { display: none; }
  .ist-telos { position: relative; margin: 0 0 0 40px; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 6px; background: var(--skouro); }
  .ist-telos-romvos, .ist-telos-eikona { position: absolute; inset: 0; }
  .ist-telos picture, .ist-telos img { display: block; width: 100%; height: 100%; }
  .ist-telos img { object-fit: cover; object-position: 69% 50%; }
  .ist-telos-eikona::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--menou-pisw), transparent 46%); pointer-events: none; }
  .ist-telos-lezanta { position: absolute; left: 18px; bottom: 14px; margin: 0; font-family: var(--etiketa); font-size: 14px; line-height: 1.3; letter-spacing: .14em; text-transform: uppercase; color: var(--fyllo); }
  @media (max-aspect-ratio: 1/1) { .ist-telos img { object-position: 50% 40%; } }

  /* ── κλειδωμένη: η διαδρομή παίρνει ύψος από το istoriko.js (σε svh), η σκηνή κολλά κάτω από την κεφαλίδα και πιάνει όλο το πλάτος ── */
  #naos.ist-etoimo { overflow-x: clip; }
  #naos.ist-etoimo .ist-karfomeno > .ist-grammi, #naos.ist-etoimo .ist-karfomeno .ist-kouti { display: none; }
  #naos.ist-etoimo .ist-karfomeno .ist-diadromi { position: relative; }
  #naos.ist-etoimo .ist-karfomeno .ist-skini { position: sticky; top: var(--ist-kefali, 64px); display: flex; flex-direction: column; width: 100vw; margin-left: calc(50% - 50vw); height: calc(100vh - var(--ist-kefali, 64px)); height: calc(100svh - var(--ist-kefali, 64px)); overflow: hidden; background: var(--xarti); }
  /* «safe»: αν ποτέ δεν χωρέσει, κόβεται κάτω και όχι η μέρα πάνω από τη χρονιά (το istoriko.js τότε δεν κλειδώνει καθόλου) */
  #naos.ist-etoimo .ist-karfomeno .ist-skini-mesa { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; justify-content: safe center; min-height: 0; padding: 8px 0 18px; }

  /* η μεγάλη χρονιά: κάθε ψηφίο στο δικό του παράθυρο, για να γυρίζει μόνο όποιο αλλάζει */
  #naos.ist-etoimo .ist-karfomeno .ist-xronia { display: block; }
  .ist-xronia-mera { display: block; min-height: 22px; font-family: var(--etiketa); font-size: 15px; line-height: 22px; letter-spacing: .14em; text-transform: uppercase; color: var(--xryso-vathy); }
  .ist-xronia-etos { display: flex; margin-top: 2px; font-family: var(--titlos); font-size: 108px; line-height: 1; letter-spacing: -.01em; color: var(--kokkino-vathy); font-variant-numeric: lining-nums tabular-nums; }
  .ist-psifio { position: relative; display: block; overflow: hidden; padding: .06em .015em .1em; white-space: pre; }
  .ist-psifio-mesa { display: block; will-change: transform; }
  .ist-psifio-mesa.ist-figei { position: absolute; left: .015em; top: .06em; }
  .ist-xronia-ypogrammi { display: block; width: 72px; height: 2px; background: var(--xryso); transform-origin: 0 50%; }
  /* η γραμμή κάτω από τη χρονιά τελειώνει σε ρόμβο, που ανάβει όταν μπει μέσα του (το istoriko.js τον φουσκώνει σε κάθε αλλαγή) */
  .ist-xronia-grammi { display: flex; align-items: center; margin-top: 6px; }
  .ist-xronia-romvos { position: relative; flex: none; width: 11px; height: 11px; margin-left: 4px; box-sizing: border-box; border: 2px solid var(--xryso); background: var(--xryso); transform: rotate(45deg); }
  .ist-xronia-kyma { position: absolute; inset: -2px; border: 2px solid var(--xryso-fos); opacity: 0; pointer-events: none; }
  /* στο κινητό η χρονιά και το κείμενο μετριούνται με το ύψος της οθόνης: μεγάλα σε ψηλό κινητό, μικρότερα σε μικρό, ώστε η σκηνή να χωρά πάντα */
  #naos.ist-etoimo .ist-karfomeno .ist-xronia-etos { font-size: clamp(64px, 14svh, 124px); }

  /* οι στάσεις: όλες στη σελίδα, η μία πάνω στην άλλη· φαίνεται μόνο η τωρινή. Η χρονιά της καθεμιάς μένει για όποιον διαβάζει με φωνή. */
  /* (μόνο οι στάσεις της σκηνής, .ist-keimena: το στρώμα της έρευνας, όταν ανοίγει στην προεπισκόπηση, μένει όπως ήταν, πάνω από τη σκηνή) */
  #naos.ist-etoimo .ist-karfomeno .ist-keimena { display: grid; margin-top: clamp(12px, 2.6svh, 24px); }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena > .ist-staseis { grid-area: 1 / 1; display: grid; }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-stasi { grid-area: 1 / 1; display: block; padding: 0; opacity: 0; transform: translateY(18px); pointer-events: none; transition: opacity 400ms cubic-bezier(.22, .61, .36, 1), transform 680ms cubic-bezier(.16, 1, .3, 1); }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-stasi.ist-prin { transform: translateY(-18px); }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-stasi.ist-tora { opacity: 1; transform: none; pointer-events: auto; transition: opacity 480ms cubic-bezier(.22, .61, .36, 1) 190ms, transform 680ms cubic-bezier(.16, 1, .3, 1) 120ms; }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-stasi > .ist-kombos { display: none; }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-pote { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-ti { padding: 0; }
  #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-ti > span { font-size: clamp(16px, 2.25svh, 19px); line-height: 1.6; }

  /* ο χάρακας: η χρυσή γραμμή γεμίζει, η φωτεινή άκρη της τρέχει μπροστά, και κάθε ρόμβος ανάβει όταν μπει μέσα του */
  #naos.ist-etoimo .ist-karfomeno .ist-xarakas { display: block; flex: none; width: min(1160px, calc(100% - 48px)); margin: 0 auto; padding: 14px 0 38px; }
  .ist-xarakas-grammi { position: relative; display: block; height: 2px; margin: 0 12px; background: var(--grammi); }
  .ist-xarakas-gemisma { position: absolute; inset: 0; background: var(--xryso); transform: scaleX(0); transform-origin: 0 50%; will-change: transform; }
  .ist-xarakas-odos { position: absolute; inset: 0; will-change: transform; }
  .ist-xarakas-akri { position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--xryso-fos); box-shadow: 0 0 0 4px var(--efimeria-fos), 0 0 18px 6px var(--fengos-mesa); }
  .ist-xk { position: absolute; top: 50%; width: 0; height: 0; }
  .ist-xk-romvos, .ist-xk-kyma { position: absolute; left: -6px; top: -6px; width: 12px; height: 12px; box-sizing: border-box; transform: rotate(45deg); }
  .ist-xk-romvos { border: 2px solid var(--xryso); background: var(--xarti); transition: background-color 320ms cubic-bezier(.22, .61, .36, 1), border-color 320ms cubic-bezier(.22, .61, .36, 1), box-shadow 420ms cubic-bezier(.22, .61, .36, 1); }
  .ist-xk-kyma { border: 2px solid var(--xryso-fos); opacity: 0; pointer-events: none; }
  .ist-xk.eftase .ist-xk-romvos { background: var(--xryso); }
  .ist-xk.ist-xk-tora .ist-xk-romvos { background: var(--kokkino-vathy); border-color: var(--kokkino-vathy); box-shadow: 0 0 0 5px var(--efimeria-fos); }
  .ist-xk-telos .ist-xk-romvos, .ist-xk-telos .ist-xk-kyma { left: -10px; top: -10px; width: 20px; height: 20px; }
  .ist-xk-telos .ist-xk-romvos { border-width: 2.5px; }
  .ist-xk-etos { display: none; }

  /* η φωτογραφία του τέλους: ο τελευταίος ρόμβος μεγαλώνει ώσπου να γίνει όλη η σκηνή (μόνο transform: το istoriko.js γράφει τις δύο κινήσεις) */
  #naos.ist-etoimo .ist-karfomeno .ist-telos { position: absolute; inset: 0; z-index: 3; margin: 0; aspect-ratio: auto; border-radius: 0; background: none; visibility: hidden; pointer-events: none; }
  #naos.ist-etoimo .ist-karfomeno .ist-telos.ist-telos-orato { visibility: visible; }
  #naos.ist-etoimo .ist-karfomeno .ist-telos-romvos { left: 50%; top: 50%; right: auto; bottom: auto; overflow: hidden; background: var(--skouro); transform-origin: 50% 50%; will-change: transform; }
  #naos.ist-etoimo .ist-karfomeno .ist-telos-eikona { right: auto; bottom: auto; transform-origin: 50% 50%; will-change: transform; }
  /* η σκιά στο κάτω μέρος (για να διαβάζεται η λεζάντα) έρχεται μόνο μαζί με τη λεζάντα: όσο ανοίγει ο ρόμβος, η φωτογραφία φαίνεται καθαρή */
  #naos.ist-etoimo .ist-karfomeno .ist-telos-eikona::after { opacity: 0; transition: opacity 700ms cubic-bezier(.22, .61, .36, 1); }
  #naos.ist-etoimo .ist-karfomeno .ist-telos-olo .ist-telos-eikona::after { opacity: 1; }
  #naos.ist-etoimo .ist-karfomeno .ist-telos-lezanta { left: max(24px, calc(50% - 580px)); bottom: 40px; font-size: 15px; letter-spacing: .18em; opacity: 0; transform: translateY(10px); transition: opacity 600ms cubic-bezier(.22, .61, .36, 1), transform 800ms cubic-bezier(.16, 1, .3, 1); }
  #naos.ist-etoimo .ist-karfomeno .ist-telos-olo .ist-telos-lezanta { opacity: 1; transform: none; }
  .ist-telos-lezanta::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 12px 2px 2px; background: var(--xryso-fos); transform: rotate(45deg); vertical-align: middle; }

  @media (min-width: 901px) {
    .ist-telos { margin: 0 0 0 calc(42% + 60px); max-width: 600px; }
    #naos.ist-etoimo .ist-karfomeno .ist-telos { max-width: none; }
    #naos.ist-etoimo .ist-karfomeno .ist-skini-mesa { display: grid; grid-template-columns: 42% minmax(0, 1fr); align-items: center; align-content: center; }
    #naos.ist-etoimo .ist-karfomeno .ist-xronia { padding-right: 60px; text-align: right; }
    .ist-xronia-mera { font-size: 16px; }
    .ist-xronia-etos { justify-content: flex-end; font-size: clamp(124px, 12.5vw, 176px); }
    #naos.ist-etoimo .ist-karfomeno .ist-xronia-etos { font-size: min(clamp(124px, 12.5vw, 176px), 24svh); }
    /* η γραμμή τρέχει προς τη διαχωριστική γραμμή και μπαίνει στον ρόμβο δίπλα της */
    .ist-xronia-grammi { justify-content: flex-end; margin-top: 10px; }
    .ist-xronia-ypogrammi { width: 96px; }
    .ist-xronia-romvos { width: 13px; height: 13px; margin-left: 5px; }
    #naos.ist-etoimo .ist-karfomeno .ist-keimena { margin: 0; padding: 26px 0 26px 60px; border-left: 1px solid var(--grammi); }
    #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-ti > span { max-width: 27em; font-size: 21px; line-height: 1.6; }
    /* στην οθόνη κάθε κείμενο στέκεται στο ύψος της χρονιάς του (στο κινητό ξεκινούν όλα από την ίδια γραμμή, κάτω από τη χρονιά) */
    #naos.ist-etoimo .ist-karfomeno .ist-keimena > .ist-staseis { align-self: stretch; }
    #naos.ist-etoimo .ist-karfomeno .ist-keimena .ist-stasi { align-self: center; }
    #naos.ist-etoimo .ist-karfomeno .ist-xarakas { padding: 18px 0 60px; }
    .ist-xk-etos { position: absolute; top: 18px; left: 0; display: block; transform: translateX(-50%); font-family: var(--etiketa); font-size: 13px; line-height: 1; letter-spacing: .06em; color: var(--axno); white-space: nowrap; transition: color 320ms cubic-bezier(.22, .61, .36, 1); }
    .ist-xk.eftase .ist-xk-etos { color: var(--xryso-vathy); }
    .ist-xk.ist-xk-tora .ist-xk-etos { color: var(--kokkino-vathy); font-weight: 700; }
    #naos.ist-etoimo .ist-karfomeno .ist-telos-lezanta { bottom: 56px; font-size: 16px; }
  }

  /* ══ ②γ ΚΛΕΙΣΤΗ ΣΤΗΝ ΑΡΧΗ (14/10/2026, 14:10): ήσυχη και σύντομη, η σκηνή ανοίγει μόνο με «Μάθετε περισσότερα» ══
     Τα σύμβολα στη γραμμή των συμβόλων του ναού (symvola.svg): πλέγμα 24, μία γραμμή 1,6, στρογγυλές άκρες, χωρίς γέμισμα, στο χρώμα της λέξης. */
  #naos.ist-etoimo .ist-anoigma[hidden], #naos.ist-etoimo .ist-prologos[hidden] { display: none; }
  .ist-anoigma:focus { outline: none; }
  #naos.ist-etoimo .ist-xoris-metavasi .ist-stasi { transition: none !important; }
  .ist-prologos { margin-top: 22px; padding-bottom: 52px; }
  .ist-prologos-akres { display: flex; align-items: center; gap: 16px; margin: 0; font-family: var(--titlos); font-size: 54px; line-height: 1.05; letter-spacing: -.01em; color: var(--kokkino-vathy); font-variant-numeric: lining-nums; }
  .ist-prologos-akres > span { flex: none; white-space: nowrap; }
  /* από τη μία άκρη στην άλλη: η χρυσή γραμμή της σκηνής με τον ρόμβο της στη μέση */
  .ist-prologos-grammi { position: relative; flex: 0 1 92px; min-width: 32px; height: 2px; background: var(--xryso); }
  .ist-prologos-grammi::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; box-sizing: border-box; border: 2px solid var(--xryso); background: var(--xarti); transform: rotate(45deg); }
  /* (14/10/2026) χωρίς κόψιμο σε γραμμές: στο κινητό το «-webkit-line-clamp: 3» έκοβε την πρόταση της ενορίας στη μέση («…από την περιοχή των 40…»).
     Η πρόταση φαίνεται ολόκληρη· αν είναι πολύ μεγάλη, το istoriko.js την κόβει σε όριο λέξης με «…» */
  .ist-prologos-keimeno { max-width: 34em; margin: 16px 0 0; font-size: 17px; line-height: 1.65; color: var(--melani); text-wrap: pretty; }
  .ist-prologos-kouti { margin: 24px 0 0; }
  .koumpi.ist-anoixe, .koumpi.ist-kleise { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 22px 12px 18px; font-size: 17px; background: var(--xarti); -webkit-tap-highlight-color: transparent; }
  .koumpi.ist-anoixe:focus-visible, .koumpi.ist-kleise:focus-visible { outline: 2px solid var(--kokkino-vathy); outline-offset: 3px; }
  .ist-sima { flex: none; display: block; width: 20px; height: 20px; background: currentColor; }
  /* η ράχη της ιστορίας: μια γραμμή με τις δύο άκρες της και ο ρόμβος στη μέση */
  /* (15/10/2026) τα δύο σύμβολα είναι αρχεία στο eikones/, όπως των μυστηρίων: κανένα data URI μέσα στο φύλλο */
  .ist-sima-xronologio { -webkit-mask: url("eikones/ist-xronologio.svg") center / contain no-repeat; mask: url("eikones/ist-xronologio.svg") center / contain no-repeat; }
  .ist-sima-x { width: 18px; height: 18px; -webkit-mask: url("eikones/ist-kleise.svg") center / contain no-repeat; mask: url("eikones/ist-kleise.svg") center / contain no-repeat; }
  /* «Κλείσιμο» πάνω: στην κορυφή της σκηνής, πάνω και από τη φωτογραφία του τέλους· και στο τέλος, κάτω από τη σκηνή */
  .ist-kleise-pano { display: flex; justify-content: flex-end; padding: 0 0 12px; }
  .ist-kleise-pano .koumpi.ist-kleise { min-height: 44px; padding: 8px 16px 8px 13px; font-size: 15px; }
  #naos.ist-etoimo .ist-karfomeno .ist-kleise-pano { position: relative; z-index: 4; flex: none; padding: 12px 0 0; transition: opacity 240ms ease, visibility 0s linear 0s; }
  /* (16/10/2026, κλείσιμο) η σκηνή ανεβαίνει στο τέλος: το πάνω «Κλείσιμο» σβήνει πριν περάσει κάτω από την κεφαλίδα (istoriko.js, trexe) */
  #naos.ist-etoimo .ist-karfomeno .ist-kleise-pano.ist-kleise-fevgei { opacity: 0; visibility: hidden; transition: opacity 90ms ease, visibility 0s linear 90ms; }
  .ist-kleise-telos { display: flex; justify-content: center; margin: 32px 0 0; padding-bottom: 52px; }

  /* ══ ③ «Η ΕΝΟΡΙΑ ΜΑΣ» ══ */
  .ist-enoria { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 48px; border-top: 1px solid var(--grammi); }
  #naos.ist-etoimo > .wrap.ist-enoria { padding-top: 48px; }
  .ist-enoria .xoroi { margin: 0; }
  .ist-enoria .xoroi-keimeno { font-size: 17px; line-height: 1.65; }
  /* (15/10/2026, κριτική 13:40: οι τρεις χώροι έμοιαζαν κουμπιά που δεν κάνουν τίποτα) σκέτο κείμενο, με μια χρυσή τελεία ανάμεσα, όχι «χάπια» */
  .ist-enoria .xoroi-lista { gap: 4px 0; }
  .ist-enoria .xoroi-lista li { padding: 0; border: 0; border-radius: 0; font-size: 16px; color: var(--melani-2); }
  /* (25/10/2026, Bill 24/10 23:59 στο κινητό: «· Παλαιός Ιερός Ναός» άρχιζε γραμμή) η τελεία κρέμεται στο τέλος του προηγούμενου χώρου, άρα όταν η λίστα σπάει
     μένει στο τέλος της πάνω γραμμής· καμία γραμμή δεν αρχίζει με τελεία */
  .ist-enoria .xoroi-lista li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--xryso); }
  .ist-enoria .foto-lorida { grid-template-columns: minmax(0, 1fr); order: -1; }
  #naos.ist-etoimo .ist-enoria .foto-lorida .foto { aspect-ratio: 3 / 2; }

  /* ══ Η ΟΘΟΝΗ ══ */
  @media (min-width: 901px) {
    #naos.ist-etoimo { padding-bottom: 104px; }
    /* «Μάθετε περισσότερα» ΑΝΟΙΓΕΙ ΣΤΗ ΘΕΣΗ ΤΟΥ (δεύτερος έλεγχος, 12/10/2026). Στα 1280 η σελίδα κυλούσε μόνη της όσο μεγάλωνε το κείμενο: κάτω από τη ζώνη της
       εικόνας φαίνεται η αρχή της ιστορίας, ο browser την έπαιρνε για «άγκυρα» της κύλισης και την κρατούσε ακίνητη, άρα έσπρωχνε τον τίτλο έξω από την οθόνη.
       Μέσα σε αυτή την ενότητα ο browser δεν διαλέγει άγκυρα: ό,τι ανοίγει μεγαλώνει προς τα κάτω και ο τίτλος μένει εκεί που ήταν. */
    #naos.ist-etoimo { overflow-anchor: none; }

    .ist-eikona { padding: 112px 0 108px; }
    .ist-eikona::before { left: 0; top: 50%; width: 900px; height: 900px; margin: -450px 0 0 -120px; }
    .ist-eikona-mesa { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 76px; align-items: start; }
    /* όσο διαβάζεται το κείμενο που άνοιξε, η εικόνα μένει δίπλα του */
    .ist-eikona-aristera { position: sticky; top: 112px; }
    #naos.ist-etoimo .eikona-kornisa { width: 100%; padding: 15px; }
    .ist-eikona h2 { font-size: clamp(40px, 4vw, 52px); margin-bottom: 22px; }
    #naos.ist-etoimo .lede.istoria-eikonas { font-size: 23px; line-height: 1.5; }
    .ist-eikona-synexeia { font-size: 18px; }
    .ist-kontina { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 44px; }

    .ist-istoria { padding-top: 112px; }
    .ist-kefali { text-align: center; }
    .ist-kefali h2 { max-width: 15em; margin-inline: auto; }
    /* ②γ στην οθόνη: στη μέση, κάτω από την ετικέτα */
    .ist-prologos { margin-top: 30px; padding-bottom: 0; text-align: center; }
    .ist-kleise-telos { padding-bottom: 0; }
    .ist-prologos-akres { justify-content: center; gap: 28px; font-size: clamp(76px, 7vw, 96px); }
    .ist-prologos-grammi { flex-basis: 140px; }
    .ist-prologos-keimeno { margin: 24px auto 0; font-size: 19px; line-height: 1.6; }
    .ist-prologos-kouti { margin-top: 34px; }
    .ist-stolidi { margin-inline: auto; }
    .ist-spondylos { margin-top: 84px; }
    .ist-grammi { left: 42%; margin-left: -1px; }
    .ist-stasi { display: grid; grid-template-columns: 42% minmax(0, 1fr); padding: 0 0 84px; }
    .ist-kombos { left: 42%; margin-left: -8px; top: 42px; width: 16px; height: 16px; }
    .ist-me-mera .ist-kombos { top: 68px; }
    .ist-pote { padding-right: 60px; text-align: right; }
    .ist-etos { font-size: clamp(84px, 8.2vw, 112px); line-height: 96px; }
    .ist-ti { padding: 26px 0 0 60px; }
    .ist-me-mera .ist-ti { padding-top: 52px; }
    .ist-ti > span { max-width: 29em; font-size: 19px; line-height: 1.6; }
    #naos.ist-etoimo .foto.ist-foto { max-width: 600px; margin-top: 28px; }
    .ist-kouti { display: none; }
    .ist-staseis:last-child > .ist-stasi:last-child { padding-bottom: 12px; }

    .ist-erevna { margin: 0 0 84px; padding: 26px 0 0; }
    .ist-erevna-simadi { margin: 0 0 4px calc(42% + 60px); }
    .ist-dromos { margin: 12px 0 34px calc(42% + 60px); }
    .ist-stasi-erevna { padding-bottom: 44px; }
    .ist-stasi-erevna .ist-etos { font-size: 64px; line-height: 64px; }
    .ist-stasi-erevna .ist-kombos { top: 24px; }
    .ist-stasi-erevna .ist-ti { padding-top: 12px; }

    .ist-enoria { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: center; margin-top: 96px; }
    #naos.ist-etoimo > .wrap.ist-enoria { margin-top: 96px !important; padding-top: 96px; }
    .ist-enoria.ist-mono { grid-template-columns: minmax(0, 1fr); }
    .ist-enoria .foto-lorida { order: 0; }
    .ist-enoria .xoroi-keimeno { font-size: 18px; }
  }
}

/* ②β στο χαρτί: καμία σκηνή. Οι στάσεις μία κάτω από την άλλη (η καθεμιά με τη χρονιά της), χωρίς τη μεγάλη χρονιά και τον χάρακα, και η φωτογραφία
   του ναού ακίνητη στο τέλος. Το ύψος της διαδρομής (γραμμένο από το istoriko.js για την οθόνη) δεν πάει στο χαρτί. */
@media print {
  .ist-xronia, .ist-xarakas { display: none !important; }
  .ist-diadromi { height: auto !important; }
  .ist-telos-romvos, .ist-telos-eikona { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; transform: none !important; }
  .ist-telos { margin: 16px 0 0; }
  .ist-telos img { display: block; max-width: 100%; height: auto; }
  /* ②γ στο χαρτί: η ιστορία ολόκληρη, ανοιχτή ή όχι στην οθόνη (το hidden το βγάζει το istoriko.js στο «beforeprint»: το [hidden] του Tailwind νικά κάθε κανόνα
     εδώ)· χωρίς την εισαγωγή (θα επαναλάμβανε την πρώτη στάση) και χωρίς κουμπιά */
  .ist-prologos, .ist-kleise-pano, .ist-kleise-telos, .ist-kouti { display: none !important; }
}