/* Ι.Ν. ΚΟΙΜΗΣΕΩΣ ΤΗΣ ΘΕΟΤΟΚΟΥ, 40 ΕΚΚΛΗΣΙΕΣ — ΤΟ ΓΡΑΦΕΙΟ ΤΟΥ ΝΑΟΥ (SXEDIO-OPSI C.3, C.4, C.6).
   Το επιστολόχαρτο του ναού, ζωντανό σε οθόνη: ζεστό χαρτί, το στρογγυλό σήμα, κεφαλαία Didot όπως σε τυπωμένη ανακοίνωση,
   μια λεπτή χρυσή γραμμή. Δεν είναι πίνακας ελέγχου: ούτε κάρτες με σκιές, ούτε χάπια σε έξι χρώματα, ούτε πλαϊνή στήλη.
   Φτιαγμένο με το χέρι για αυτόν τον ναό. Χρώματα: μόνο από το xromata.css. Κανένα χρώμα και κανένα γράμμα της MediaTab. */
@import url("/ekklisia/fonts/GFS-Didot.css");
@import url("/ekklisia/fonts/GFS-Neohellenic.css");
@import url("/ekklisia/fonts/Noto-Serif.css");
@import url("xromata.css");

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; font-synthesis: none; }
/* `.enoria-riza.g-soma`: the same page standing inside the app shell (the «δεν βρέθηκε» of a mistyped address), where the body is not ours. */
body.g-soma, .enoria-riza.g-soma { margin: 0; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--xarti); color: var(--melani); font: 400 17px/1.6 var(--keimeno); }
.enoria-riza.g-soma { flex: 1 0 auto; width: 100%; }
h1, h2 { margin: 0; font-weight: 400; }
p { margin: 0; }
a { color: var(--kokkino-vathy); text-underline-offset: 3px; }
strong, b { font-weight: 600; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }

/* ── το σήμα: τα μεγέθη του και τα στρώματα που το ζωντανεύουν είναι στο sima.css ── */

/* ── ετικέτα: μικρά κεφαλαία του ναού ── */
.g-etiketa { font: 400 13px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }

/* ── η χρυσή γραμμή με τον ρόμβο ── */
.g-kanonas { position: relative; width: 64px; height: 1px; margin: 22px auto; background: var(--xryso); }
.g-kanonas i { position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; background: var(--xryso); box-shadow: 0 0 0 4px var(--xarti); transform: translate(-50%, -50%) rotate(45deg); }

/* ── κουμπιά ── */
.g-koumpi { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 22px; border: 1px solid var(--kokkino-vathy); border-radius: 4px; background: var(--kokkino-vathy); color: var(--fyllo); font: 700 17px/1.25 var(--etiketa); letter-spacing: .02em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; }
.g-koumpi:hover, .g-koumpi:active { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
/* το δεύτερο κουμπί: περίγραμμα στο κόκκινο των κουμπιών (ήταν η λεπτή γραμμή --grammi, 1,4:1 πάνω στο χαρτί: δεν φαινόταν ότι είναι κουμπί) */
.g-koumpi.g-deytero { min-height: 44px; padding: 8px 16px; background: transparent; color: var(--kokkino-vathy); border-color: var(--kokkino-vathy); font-size: 16px; }
.g-koumpi.g-deytero:hover, .g-koumpi.g-deytero:active { background: var(--fyllo); border-color: var(--kokkino-vathy); }

/* ── ένα φύλλο με γραμμή αριστερά: μηνύματα και σημειώματα, με ολόκληρες προτάσεις ── */
.g-minima, .g-simeioma { padding: 12px 16px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 3px solid var(--xryso); border-radius: 0 4px 4px 0; text-align: left; }
.g-minima.g-egine { border-left-color: var(--kalo); }
.g-minima.g-lathos, .g-simeioma.g-proeid { border-left-color: var(--prosoxi); }
.g-proeid-keimeno { color: var(--prosoxi); }

/* ── η γραμμή στο τέλος κάθε σελίδας ── */
.g-podas { margin-top: auto; padding: 24px 16px; text-align: center; }
.ypografi { margin: 0; font: 400 13px/1.4 var(--etiketa); letter-spacing: .04em; color: var(--axno); }

/* ═══ Η ΕΙΣΟΔΟΣ, και το «δεν βρέθηκε» (ίδιο στήσιμο) ═══ */
.g-karta { width: min(440px, 100% - 32px); margin: 0 auto; padding: 12vh 0 32px; text-align: center; }
.g-karta .zsima { margin-bottom: 26px; }
.g-onoma { margin-top: 10px; font: 400 clamp(28px, 4.2vw, 44px)/1.12 var(--titlos); color: var(--melani); text-wrap: balance; }
.g-onoma span { display: block; }
.g-onoma .g-onoma-kato { margin-top: .18em; font-size: .78em; color: var(--kokkino-vathy); }
.g-mitropoli { margin-top: 12px; font: 400 14px/1.4 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); }
.g-titlos-mikros { font: 400 30px/1.15 var(--titlos); text-wrap: balance; }
.g-protasi { text-wrap: pretty; }
.g-karta .g-minima { margin-top: 20px; }
.g-karta .g-koumpi-megalo { display: flex; width: 100%; min-height: 56px; margin-top: 24px; }
.g-voitheia { margin-top: 14px; font-size: 15px; line-height: 1.5; color: var(--melani-2); text-wrap: pretty; }
.g-karta .g-pros-arxiki { margin-top: 24px; }

/* ═══ Η ΛΙΣΤΑ ΤΩΝ ΑΙΤΗΣΕΩΝ ═══ */
.g-kefali { border-bottom: 1px solid var(--grammi); }
.g-kefali-mesa { width: min(880px, 100% - 32px); min-height: 72px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.g-taftotita { display: flex; align-items: center; gap: 12px; min-width: 0; }
.g-taftotita-keimeno { min-width: 0; }
.g-taftotita b { display: block; font: 400 20px/1.15 var(--titlos); }
.g-taftotita small { display: block; margin-top: 2px; font: 400 13px/1.3 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }
.g-kefali-dexia { display: flex; align-items: center; gap: 14px; flex: none; }

.g-kyrio { width: min(880px, 100% - 32px); margin: 0 auto; padding: 36px 0 48px; }
.g-kyrio > h1 { font: 400 30px/1.15 var(--titlos); }
.g-kyrio > .g-minima, .g-kyrio > .g-simeioma { margin-top: 16px; }


/* μια γραμμή του βιβλίου, όχι κάρτα: φύλλο, λεπτή γραμμή, καμία σκιά */

.g-prosvasi > summary { display: inline-flex; align-items: center; min-height: 48px; cursor: pointer; font: 400 16px/1.3 var(--etiketa); color: var(--kokkino-vathy); text-decoration: underline; text-underline-offset: 3px; }

.g-adeia { margin-top: 56px; text-align: center; }
.g-sima-axno { display: block; width: 72px; height: 72px; margin: 0 auto 18px; background: var(--grammi); -webkit-mask: url("/ekklisia/eikones/naos-logo.svg") center / contain no-repeat; mask: url("/ekklisia/eikones/naos-logo.svg") center / contain no-repeat; }
.g-adeia p { width: min(460px, 100%); margin: 0 auto; color: var(--melani-2); text-wrap: pretty; }

.g-prosvasi { margin-top: 48px; padding-top: 8px; border-top: 1px solid var(--grammi); }
.g-prosvasi ul { margin: 6px 0 14px; padding: 0; list-style: none; display: grid; gap: 8px; }
.g-prosvasi li { padding-left: 14px; border-left: 2px solid var(--xryso); font-size: 16px; overflow-wrap: anywhere; }
.g-prosvasi-kleisimo, .g-prosvasi-odigia { font-size: 15px; line-height: 1.55; color: var(--melani-2); text-wrap: pretty; }
/* ποιος έχει πρόσβαση: μία γραμμή ανά άνθρωπο, και κάτω της ό,τι μπορεί να κάνει ο προϊστάμενος γι' αυτόν */
.g-prosvasi li p { margin: 0; }
.g-prosvasi li form { margin-top: 6px; }
.g-prosvasi .g-minima { margin: 6px 0 14px; }
.g-prosvasi h2 { margin: 26px 0 0; font: 700 19px/1.3 var(--etiketa); color: var(--melani); }
.g-ypostirixi { border-left-color: var(--grammi); color: var(--melani-2); }
.g-prosvasi-odigia b { color: var(--melani); overflow-wrap: anywhere; }

/* Σε πλατιά οθόνη το όνομα βγαίνει από τη στήλη, για να μείνει σε δύο γραμμές όπως στο επιστολόχαρτο. */
@media (min-width: 840px) { .g-onoma { margin-inline: -170px; } }
@media (max-width: 640px) {
  .g-kyrio { padding-top: 28px; }
}
@media (max-width: 480px) {
  .g-karta { padding-top: 8vh; }
  /* ποιος είναι μέσα: σε στενή οθόνη, μια μικρή γραμμή κάτω από την κεφαλή (σε κοινό κινητό ή τάμπλετ του γραφείου πρέπει να φαίνεται) */
  .g-kefali-mesa { flex-wrap: wrap; padding: 10px 0; }
  .g-kefali-dexia { flex: 1 1 100%; justify-content: space-between; }
  .g-taftotita b { font-size: 17px; }
  .g-taftotita small { font-size: 13px; letter-spacing: .1em; }
}
@media print { .g-podas, .g-praxeis, .g-kefali-dexia { display: none; } }

/* «Έξοδος» alone, under «δεν βρέθηκε»: for someone who is signed in and this office is not his. */
.g-exodos-monos { margin-top: 12px; }

@media (max-width: 900px) {
  /* στο κινητό (7/10/2026): η μικρή ετικέτα 14px και η βοήθεια κάτω από το κουμπί 16px, όπως στη δημόσια σελίδα */
  .g-etiketa, .g-taftotita small { font-size: 14px; }
  .g-voitheia, .g-prosvasi-kleisimo, .g-prosvasi-odigia { font-size: 16px; }
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   ΤΟ ΓΡΑΦΕΙΟ ΤΟΥ ΝΑΟΥ, ΣΤΑΔΙΟ C (12/10/2026): το πλαίσιο γύρω από κάθε καρτέλα, τα κοινά κομμάτια των καρτελών, και η νέα όψη της εισόδου.
   Από το σχέδιο όψης του σταδίου (stadio-C/sxedio/koina/grafeio.css), με τα χρώματα μόνο από το xromata.css.

   ΟΝΟΜΑΤΑ. Ό,τι αρχίζει με «gf-» είναι το ΠΛΑΙΣΙΟ και το γράφει μόνο το plaisio-selidas.ts. Ό,τι είναι από κάτω, στα «ΚΟΙΝΑ ΚΟΜΜΑΤΙΑ», το
   φορά όποια καρτέλα θέλει, με τα ονόματα του σχεδίου (.koumpi, .karta, .omada-titlos, .simadi, .seira, .minima, .pedio …). Ισχύουν ΜΟΝΟ
   μέσα σε «.gf» (το σώμα του γραφείου και της εισόδου): οι μικρές δημόσιες σελίδες που φορούν αυτό το φύλλο δεν τα βλέπουν.
   Κάθε καρτέλα έχει και το δικό της φύλλο, grafeio-<καρτέλα>.css, που φορτώνεται μετά από αυτό.

   ΤΟ ΠΛΑΙΣΙΟ ΕΙΝΑΙ ΕΝΑ ΚΟΜΜΑΤΙ ΓΙΑ ΤΑ ΔΥΟ ΠΛΑΤΗ. Το «.gf-stili» κρατά την ταυτότητα και το μενού. Στο κινητό η ταυτότητα είναι η χάρτινη
   κεφαλή και το μενού το φύλλο που ανεβάζει το «Μενού» της κάτω μπάρας· από 1000px τα ίδια δύο είναι η σκούρα στήλη.
   Το φύλλο ανοίγει και χωρίς JavaScript («:target»)· το grafeio.js το κάνει μόνο πιο ευγενικό.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
body.gf { margin: 0; min-height: 100vh; min-height: 100dvh; background: var(--xarti); color: var(--melani); font: 400 18px/1.55 var(--keimeno); }
:where(.gf) :is(h1, h2, h3, h4, p, ul, ol, dl, dd, figure) { margin: 0; padding: 0; }
:where(.gf) :is(h1, h2, h3, h4) { font-weight: 400; }
:where(.gf) :is(ul, ol) { list-style: none; }
:where(.gf) :is(button, input, select, textarea) { font: inherit; color: inherit; }
:where(.gf) a { text-underline-offset: 4px; }

/* ── η κεφαλή του κινητού ── */
.gf-stili { display: contents; }
.gf-kefali { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 10px 20px; background: var(--xarti); border-bottom: 1px solid var(--grammi); }
.gf-kefali .zsima { width: 46px; }
.gf-kefali-onoma { min-width: 0; flex: 1; }
.gf-kefali-onoma b { display: block; font: 400 18px/1.15 var(--titlos); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gf-kefali-onoma small { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 3px; font: 400 13px/1.2 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; color: var(--kokkino-vathy); }
.gf-kefali-poios { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 400 15px/1.2 var(--etiketa); letter-spacing: .02em; text-transform: none; color: var(--melani-2); }

.gf-kyrio { padding: 28px 20px 132px; }
.gf-mesa { width: 100%; max-width: 1000px; margin: 0 auto; }
.gf-podas { margin-top: 44px; text-align: center; }

/* ── η κάτω μπάρα του κινητού: τρία μεγάλα σημεία, στο ύψος του αντίχειρα ── */
.gf-kato { position: fixed; left: 0; right: 0; bottom: 0; z-index: 6; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 8px env(safe-area-inset-bottom, 0); background: var(--fyllo); border-top: 1px solid var(--grammi); box-shadow: 0 -10px 30px color-mix(in srgb, var(--melani) 7%, transparent); }
.gf-kato a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 68px; font: 400 15px/1 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.gf-kato svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.gf-kato a.edo { color: var(--kokkino-vathy); font-weight: 700; }
.gf-kato a.edo::before { content: ""; position: absolute; top: -1px; left: 22%; right: 22%; height: 3px; background: var(--kokkino-vathy); }
.gf-kato .g-metritis { position: absolute; top: 9px; left: calc(50% + 8px); }
/* (15/10/2026) the LIMITED role's bar has four places («Ανακοινώσεις», «Ομάδες», «Δηλώσεις», «Μενού»): four columns, a slightly smaller word */
.gf-kato.gf-kato-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); padding-inline: 4px; }
.gf-kato.gf-kato-4 a { font-size: 13.5px; letter-spacing: .02em; }

/* ── το μενού του κινητού: το ίδιο φύλλο χαρτιού με τη δημόσια σελίδα, που ανεβαίνει από κάτω ── */
.gf-menou { position: fixed; inset: 0; z-index: 7; visibility: hidden; opacity: 0; background: var(--menou-pisw); transition: opacity 420ms var(--kampyli), visibility 0s linear 420ms; }
.gf-menou:target, .menou-anoixto .gf-menou { visibility: visible; opacity: 1; transition: opacity 420ms var(--kampyli); }
.menou-anoixto { overflow: hidden; }
.gf-menou-piso { position: absolute; inset: 0; }
.gf-menou-fyllo { position: absolute; left: 0; right: 0; bottom: 0; max-height: 92vh; overflow-y: auto; overscroll-behavior: contain; padding: 0 24px calc(22px + 68px + 1px + env(safe-area-inset-bottom, 0px)); scroll-padding-bottom: calc(68px + 1px + env(safe-area-inset-bottom, 0px)); background: var(--xarti); border-top: 3px solid var(--xryso); border-radius: 14px 14px 0 0; transform: translateY(28px); transition: transform 420ms var(--kampyli); }
.gf-menou:target .gf-menou-fyllo, .menou-anoixto .gf-menou-fyllo { transform: none; }
.gf-menou-lavi { display: flex; align-items: center; justify-content: center; height: 44px; margin: 0 auto -6px; -webkit-tap-highlight-color: transparent; }
.gf-menou-lavi i { width: 44px; height: 4px; border-radius: 2px; background: var(--grammi); }
.gf-menou-omada { margin: 14px 0 0; font: 400 13px/1.4 var(--etiketa); letter-spacing: .16em; text-transform: uppercase; color: var(--xryso-vathy); }
.gf-menou-omada:first-child { margin-top: 0; }
.gf-menou-syndesmos { display: flex; align-items: center; gap: 12px; min-height: 54px; border-bottom: 1px solid var(--grammi); font: 400 22px/1.2 var(--titlos); color: var(--melani); text-decoration: none; }
.gf-menou-syndesmos.edo { color: var(--kokkino-vathy); }
/* (14/10/2026) each tab carries its own line symbol in gold, left of its name (it comes last in the markup, so the name stays the link's
   first text; `order` sets it first); the count stays on the right */
.gf-menou-syndesmos .es-sym { order: -1; flex: none; width: 24px; height: 24px; color: var(--xryso-vathy); }
.gf-menou-syndesmos.edo .es-sym { color: var(--kokkino-vathy); }
.gf-sym-simera, .gf-sym-minas { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.gf-menou-syndesmos .g-metritis { margin-left: auto; min-width: 28px; height: 28px; border-radius: 14px; font-size: 15px; }
.gf-menou-kato { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 12px; margin-top: 18px; }
.gf-menou-poios { order: -1; grid-column: 1 / -1; font-size: 16px; color: var(--melani-2); overflow-wrap: anywhere; }
.gf-menou-exodos { order: 1; grid-column: 2; }
.gf-exodos { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 8px 18px; border: 1px solid var(--kokkino-vathy); border-radius: var(--koumpi-aktina); background: transparent; color: var(--kokkino-vathy); font: 700 17px/1.2 var(--etiketa); letter-spacing: .05em; cursor: pointer; transition: background-color 420ms var(--kampyli); }
.gf-exodos:hover { background: var(--fyllo); }
.gf-menou-selida { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; min-height: 48px; font: 400 17px/1.3 var(--etiketa); letter-spacing: .02em; color: var(--kokkino-vathy); }
.gf-menou-dika { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; min-height: 48px; font: 400 17px/1.3 var(--etiketa); letter-spacing: .02em; color: var(--kokkino-vathy); }

/* ── ο μετρητής: πόσα νέα ── */
.g-metritis { display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 12px; background: var(--kokkino-vathy); color: var(--fyllo); font: 700 14px/1 var(--etiketa); letter-spacing: 0; font-variant-numeric: lining-nums; }

/* ── η στήλη του υπολογιστή ── */
@media (min-width: 1000px) {
  body.gf-plaisio { display: grid; grid-template-columns: 296px minmax(0, 1fr); }
  .gf-stili { position: sticky; top: 0; align-self: start; display: flex; flex-direction: column; height: 100vh; height: 100dvh; padding: 30px 22px 20px; background: var(--skouro-vathy); color: var(--skouro-keimeno); overflow: hidden; }
  .gf-kefali { position: static; flex: none; min-height: 0; gap: 14px; padding: 0 6px 26px; background: none; border-bottom: 1px solid var(--gyali-grammi); }
  .gf-kefali .zsima { width: 58px; background: var(--xarti); }
  .gf-kefali-onoma b { font: 400 19px/1.2 var(--titlos); white-space: normal; color: var(--fyllo); }
  .gf-kefali-onoma small { display: block; margin-top: 5px; letter-spacing: .16em; color: var(--xryso-fos); }
  .gf-kefali-poios { display: none; }
  .gf-menou { position: static; flex: 1; min-height: 0; display: flex; flex-direction: column; visibility: visible; opacity: 1; background: none; transition: none; }
  .gf-menou-piso, .gf-menou-lavi { display: none; }
  .gf-menou-fyllo { position: static; flex: 1; min-height: 0; display: flex; flex-direction: column; max-height: none; overflow: visible; padding: 0; background: none; border: 0; border-radius: 0; transform: none; transition: none; }
  .gf-menou-karteles { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-bottom: 16px; }
  .gf-menou-omada, .gf-menou-omada:first-child { margin: 24px 14px 6px; letter-spacing: .18em; color: var(--xryso-fos); }
  /* the fade lives on :hover ONLY (14/10/2026): declared on the link itself, a fresh page faded in from the base dark red and the names
     were caught near-invisible on the dark column */
  .gf-menou-syndesmos { justify-content: flex-start; gap: 12px; min-height: 46px; padding: 0 14px; border-bottom: 0; border-radius: 4px; font: 400 18px/1.2 var(--etiketa); letter-spacing: .03em; color: var(--skouro-keimeno); }
  .gf-menou-syndesmos:hover { color: var(--fyllo); background: var(--gyali-fonto); transition: background-color 420ms var(--kampyli), color 420ms var(--kampyli); }
  .gf-menou-syndesmos .es-sym { width: 20px; height: 20px; color: var(--xryso-fos); opacity: .8; }
  .gf-menou-syndesmos.edo .es-sym { color: var(--xryso-fos); opacity: 1; }
  .gf-menou-syndesmos.edo { color: var(--fyllo); background: var(--gyali-fonto-fotino); box-shadow: inset 3px 0 0 var(--xryso-fos); }
  .gf-menou-syndesmos .g-metritis { margin-left: auto; min-width: 24px; height: 24px; border-radius: 12px; font-size: 14px; }
  .gf-menou-syndesmos:focus-visible, .gf-menou-selida:focus-visible, .gf-menou-dika:focus-visible, .gf-exodos:focus-visible { outline-color: var(--xryso-fos); }
  .gf-menou-kato { position: static; flex: none; grid-template-columns: minmax(0, 1fr); margin-top: auto; padding: 16px 6px 0; border-top: 1px solid var(--gyali-grammi); gap: 6px 8px; }
  .gf-menou-poios { grid-column: 1 / -1; padding: 0 8px; color: var(--fyllo); }
  .gf-menou-selida { grid-column: 1 / -1; grid-row: auto; min-height: 44px; padding: 0 8px; font-size: 16px; letter-spacing: .03em; color: var(--skouro-keimeno); text-decoration-color: var(--gyali-perigramma); }
  .gf-menou-dika { grid-column: 1 / -1; grid-row: auto; min-height: 44px; padding: 0 8px; font-size: 16px; letter-spacing: .03em; color: var(--skouro-keimeno); text-decoration-color: var(--gyali-perigramma); }
  .gf-menou-exodos { order: 1; grid-column: 1 / -1; grid-row: auto; justify-self: start; }
  .gf-exodos { min-height: 44px; padding: 0 8px; border: 0; border-radius: 0; color: var(--skouro-keimeno); font: 400 16px/1.2 var(--etiketa); letter-spacing: .03em; text-decoration: underline; text-decoration-color: var(--gyali-perigramma); text-underline-offset: 4px; }
  .gf-exodos:hover, .gf-menou-selida:hover, .gf-menou-dika:hover { background: none; color: var(--fyllo); }
  .gf-kato { display: none; }
  .gf-kyrio { padding: 48px 56px 72px; }
  /* Η υπογραφή υπολογιστή μένει στη ροή μετά την Έξοδο. Το HTML και η υπογραφή κινητού δεν αλλάζουν. */
  .gf-menou-kato::after { content: "powered by MediaTab"; position: static; order: 2; grid-column: 1 / -1; display: block; padding: 12px 8px 0; font: 400 13px/1.4 var(--etiketa); letter-spacing: .04em; color: var(--skouro-keimeno); opacity: .6; }
  .gf-podas { display: none; }
}
@media print { .gf-stili, .gf-kato, .gf-podas { display: none; } .gf-kyrio { padding: 0; } }
/* (14/10/2026) while a long edit form stands open (a day of the programme, a setting), the bottom bar steps aside so only the form's own save
   row is fixed: together they covered some 300px of an 844px phone */
body.gf-plaisio:has(.mera-karta.se-allagi, .rythmisi.anoixti) .gf-kato { display: none; }
body.gf-plaisio:has(.mera-karta.se-allagi, .rythmisi.anoixti) .gf-kyrio { padding-bottom: 48px; }

/* ═══ ΤΑ ΚΟΙΝΑ ΚΟΜΜΑΤΙΑ ΤΩΝ ΚΑΡΤΕΛΩΝ ═══ */
:where(.gf) .etiketa { font: 400 14px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }
/* ο τίτλος μιας καρτέλας: η ομάδα της, το όνομά της, και μία γραμμή από κάτω όταν έχει */
:where(.gf) .g-titlos h1 { margin-top: 4px; font: 400 36px/1.1 var(--titlos); text-wrap: balance; }
/* (14/10/2026) the tab's symbol beside its name: gold line in a soft gold disc, as the choice cards of the request forms */
:where(.gf) .g-titlos:has(> .g-titlos-sym) { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; align-items: center; }
:where(.gf) .g-titlos:has(> .g-titlos-sym) > * { grid-column: 1 / -1; }
:where(.gf) .g-titlos > .g-titlos-sym { grid-column: 1; margin-top: 4px; }
:where(.gf) .g-titlos > .g-titlos-sym + h1 { grid-column: 2; }
:where(.gf) .g-titlos-sym .es-sym { display: block; box-sizing: content-box; width: 26px; height: 26px; padding: 10px; border-radius: 50%; background: var(--simera-fonto); color: var(--xryso-vathy); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xryso) 40%, transparent); }
:where(.gf) .g-titlos-sym :is(.gf-sym-simera, .gf-sym-minas) { fill: none; stroke: currentColor; stroke-width: 1.6; }
:where(.gf) .g-titlos .etiketa { letter-spacing: .12em; }
@media (max-width: 599px) { :where(.gf) .g-titlos h1 { font-size: 31px; } :where(.gf) .g-titlos:has(> .g-titlos-sym) { column-gap: 12px; } :where(.gf) .g-titlos-sym .es-sym { width: 22px; height: 22px; padding: 9px; } }
:where(.gf) .g-titlos p:not(.etiketa) { margin-top: 10px; color: var(--melani-2); text-wrap: pretty; }
/* «δεν βρέθηκε» μέσα στο πλαίσιο: το ένα κουμπί του γραφείου των εγγράφων κάτω από την πρόταση */
:where(.gf) .g-titlos + .koumpia { margin-top: 22px; }
:where(.gf) .g-piso { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin: -10px 0 6px; font: 400 17px/1.2 var(--etiketa); letter-spacing: .03em; color: var(--kokkino-vathy); }
/* η σταθερή θέση του περιεχομένου μιας καρτέλας, κάτω από τον τίτλο της */
:where(.gf) .g-periexomeno { margin-top: 22px; }

/* κουμπιά: το κύριο, το δεύτερο (περίγραμμα), το μικρό, του κινδύνου, σε όλο το πλάτος· και ο ήρεμος σύνδεσμος */
:where(.gf) .koumpi { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 12px 26px; border: 1px solid var(--kokkino-vathy); border-radius: var(--koumpi-aktina); background: var(--kokkino-vathy); color: var(--fyllo); font: 700 18px/1.2 var(--etiketa); letter-spacing: .05em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color 420ms var(--kampyli), border-color 420ms var(--kampyli); }
:where(.gf) .koumpi:hover { background: var(--kokkino-nyxta); border-color: var(--kokkino-nyxta); }
:where(.gf) .koumpi.deytero { background: transparent; color: var(--kokkino-vathy); }
:where(.gf) .koumpi.deytero:hover { background: var(--fyllo); border-color: var(--kokkino-vathy); }
:where(.gf) .koumpi.mikro { min-height: 48px; padding: 8px 18px; font-size: 17px; }
:where(.gf) .koumpi.kindynos { background: var(--prosoxi); border-color: var(--prosoxi); }
:where(.gf) .koumpi.olo { display: flex; width: 100%; }
:where(.gf) .koumpi .velos { position: relative; flex: none; width: 20px; height: 1.5px; background: currentColor; }
:where(.gf) .koumpi .velos::after { content: ""; position: absolute; right: 0; top: -3.5px; width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }
:where(.gf) .iremo { display: inline-flex; align-items: center; min-height: 48px; padding: 0; border: 0; background: none; font: 400 17px/1.3 var(--etiketa); letter-spacing: .02em; color: var(--kokkino-vathy); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
:where(.gf) .iremo.kindynos { color: var(--prosoxi); }
:where(.gf) .koumpia { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
/* το «συν» μέσα σε κουμπί προσθήκης */
:where(.gf) .syn { position: relative; flex: none; width: 16px; height: 16px; }
:where(.gf) .syn::before, :where(.gf) .syn::after { content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 2px; background: currentColor; }
:where(.gf) .syn::after { transform: rotate(90deg); }
/* το τηλέφωνο είναι το ίδιο το κουμπί της κλήσης */
:where(.gf) .tilefono { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 18px; border: 1px solid var(--kokkino-vathy); border-radius: var(--koumpi-aktina); font: 400 19px/1.2 var(--etiketa); letter-spacing: .08em; font-variant-numeric: lining-nums; color: var(--kokkino-vathy); text-decoration: none; }
:where(.gf) .tilefono svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }

/* το φύλλο (κάρτα) και η στοίβα του */
:where(.gf) .karta { background: var(--fyllo); border: 1px solid var(--grammi); border-radius: 6px; padding: 20px; }
:where(.gf) .karta.xrysi { border-top: 3px solid var(--xryso); }
:where(.gf) .karta.nea { border-left: 4px solid var(--kokkino-vathy); }
:where(.gf) .karta.anoixti { border-color: var(--kokkino-vathy); box-shadow: 0 14px 40px color-mix(in srgb, var(--melani) 10%, transparent); }
:where(.gf) .stoiva { display: grid; gap: 12px; }

/* η κεφαλή μιας ομάδας, με το πλήθος της */
:where(.gf) .omada { margin-top: 36px; }
:where(.gf) .omada-titlos { display: flex; align-items: center; gap: 14px; min-height: 44px; margin-bottom: 10px; font: 400 14px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--kokkino-vathy); }
:where(.gf) .omada-titlos::after { content: ""; flex: 1; height: 1px; background: var(--grammi); }
:where(.gf) .omada-titlos .plithos { color: var(--melani-2); letter-spacing: .04em; font-variant-numeric: lining-nums; }
:where(.gf) .omada-titlos.kleisti::before { content: ""; order: 3; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); }
:where(.gf) details.omada > summary { cursor: pointer; list-style: none; }
:where(.gf) details.omada > summary::-webkit-details-marker { display: none; }
:where(.gf) details.omada[open] > summary.kleisti::before { transform: rotate(45deg); }

/* το σημάδι της κατάστασης */
:where(.gf) .simadi { display: inline-flex; align-items: center; min-height: 28px; padding: 2px 11px; border: 1px solid var(--grammi); border-radius: 3px; font: 400 14px/1.3 var(--etiketa); letter-spacing: .1em; text-transform: uppercase; color: var(--melani-2); white-space: nowrap; }
:where(.gf) .simadi.neo { border-color: var(--kokkino-vathy); background: var(--kokkino-vathy); color: var(--fyllo); font-weight: 700; }
/* (second round of checks, 14/10) no green in the office (OPSI.md: «There is no green anywhere»): «done» and «inside the parish» wear the
   church's dark red outline, as «Δεκτή» does; the line of a thing done wears the gold edge on today's warm ground */
:where(.gf) .simadi.kalo { border-color: var(--kokkino-vathy); color: var(--kokkino-vathy); }
:where(.gf) .simadi.prosoxi { border-color: var(--prosoxi); color: var(--prosoxi); }
:where(.gf) .simadi.xryso { border-color: var(--xryso); color: var(--xryso-vathy); }

/* η γραμμή πάνω πάνω: «έγινε» (πράσινη), λάθος (κόκκινη), ήρεμη σημείωση */
:where(.gf) .minima { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; margin-top: 20px; padding: 14px 18px; background: var(--fyllo); border: 1px solid var(--grammi); border-left: 4px solid var(--xryso); border-radius: 0 4px 4px 0; }
:where(.gf) .minima.egine { border-left-color: var(--xryso); background: var(--simera-fonto); }
:where(.gf) .minima.lathos { border-left-color: var(--prosoxi); }
:where(.gf) .minima.iremo-minima { color: var(--melani-2); font-size: 16px; }
:where(.gf) .minima p { flex: 1 1 220px; }
/* (after the checks, 14/10) the line of a move, moved under the head of the card it was made on (grafeio.js) */
:where(.gf) .aitima .minima.stin-karta { margin-top: 12px; padding: 10px 14px; }

/* τα πεδία μιας φόρμας */
:where(.gf) .pedio { display: grid; gap: 6px; }
:where(.gf) .pedio > span { font: 400 14px/1.4 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--melani-2); }
:where(.gf) .pedio :is(input, select, textarea) { width: 100%; min-height: 54px; padding: 10px 14px; border: 1px solid var(--axno); border-radius: 4px; background: var(--fyllo); font: 400 18px/1.4 var(--keimeno); }
:where(.gf) .pedio textarea { min-height: 120px; resize: vertical; }
:where(.gf) .pedio textarea.mikri { min-height: 54px; resize: none; field-sizing: content; }
@media (max-width: 599px) { :where(.gf) .pedio textarea.mikri { min-height: 82px; } }
:where(.gf) .pedio select { -webkit-appearance: none; appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, var(--kokkino-vathy) 50%), linear-gradient(-45deg, transparent 50%, var(--kokkino-vathy) 50%); background-size: 7px 7px, 7px 7px; background-position: right 21px center, right 14px center; background-repeat: no-repeat; }
:where(.gf) .pedio small { font-size: 16px; line-height: 1.45; color: var(--melani-2); }
:where(.gf) .pedio small.lathos { color: var(--prosoxi); }
:where(.gf) .pedio.me-lathos :is(input, select, textarea) { border: 2px solid var(--prosoxi); padding: 9px 13px; }
:where(.gf) .pedia { display: grid; gap: 16px; }
:where(.gf) .pedia.dyo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; }
/* η ημέρα και η ώρα (διόρθωση 12/10/2026, δεύτερος γύρος): στο κινητό η καθεμία στη δική της σειρά, γιατί δίπλα δίπλα η ώρα έβγαινε 106 px
   και το «11:30» κοβόταν από το ρολόι του πεδίου· από 1000 px η ώρα έχει τουλάχιστον 170 px (χωρά και το «π.μ.») */
:where(.gf) .pedia.dyo.imera-ora { grid-template-columns: minmax(0, 1fr); }
/* το κουτάκι: <label class="kouti"><input type="checkbox"><i></i>λόγια</label> */
:where(.gf) .kouti { position: relative; display: flex; align-items: center; gap: 14px; min-height: 48px; font-size: 18px; cursor: pointer; }
/* το αόρατο κουτί πιάνει όλη τη γραμμή του: όπου κι αν πατήσει το δάχτυλο, πατά το κουτί (στόχος 48px, όχι 28) */
:where(.gf) .kouti input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
:where(.gf) .kouti i { position: relative; flex: none; width: 28px; height: 28px; border: 1.5px solid var(--axno); border-radius: 4px; background: var(--fyllo); }
:where(.gf) .kouti input:checked + i { border-color: var(--kokkino-vathy); background: var(--kokkino-vathy); }
:where(.gf) .kouti input:checked + i::after { content: ""; position: absolute; left: 9px; top: 4px; width: 7px; height: 13px; border-right: 2.5px solid var(--fyllo); border-bottom: 2.5px solid var(--fyllo); transform: rotate(45deg); }
:where(.gf) .kouti input:focus-visible + i { outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }

/* μια μεγάλη σειρά που πατιέται: αριθμός, λόγια, βέλος */
:where(.gf) .seires { border-top: 1px solid var(--grammi); }
:where(.gf) .seira { display: flex; align-items: center; gap: 16px; min-height: 72px; padding: 10px 2px; border-bottom: 1px solid var(--grammi); color: var(--melani); text-decoration: none; }
:where(.gf) .seira-arithmos { flex: none; width: 46px; font: 400 40px/1 var(--titlos); font-variant-numeric: lining-nums; color: var(--kokkino-vathy); text-align: center; }
:where(.gf) .seira-logia { flex: 1; min-width: 0; }
:where(.gf) .seira-logia b { display: block; font: 400 22px/1.2 var(--titlos); }
:where(.gf) .seira-logia span { display: block; margin-top: 3px; font-size: 16px; color: var(--melani-2); }
:where(.gf) .seira::after { content: ""; flex: none; width: 9px; height: 9px; margin-right: 8px; border-top: 1.5px solid var(--kokkino-vathy); border-right: 1.5px solid var(--kokkino-vathy); transform: rotate(45deg); }
/* μια σειρά με την ημέρα (ή την ώρα) αριστερά: «Σήμερα» και «Ημερολόγιο ναού» */
:where(.gf) .imera-seira { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px 2px; border-bottom: 1px solid var(--grammi); }
:where(.gf) .imera-seira .mera { padding-right: 12px; border-right: 1px solid var(--grammi); text-align: center; }
:where(.gf) .imera-seira .mera b { display: block; font: 400 30px/1 var(--titlos); font-variant-numeric: lining-nums; color: var(--kokkino-vathy); }
:where(.gf) .imera-seira .mera span { display: block; margin-top: 4px; font: 400 13px/1 var(--etiketa); letter-spacing: .12em; text-transform: uppercase; color: var(--melani-2); }
:where(.gf) .imera-seira p b { font: 400 20px/1.25 var(--titlos); }
:where(.gf) .imera-seira p span { display: block; font-size: 16px; color: var(--melani-2); }

/* οι μετρητές πάνω πάνω σε μια λίστα */
:where(.gf) .metra { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; border: 1px solid var(--grammi); border-radius: 6px; background: var(--fyllo); }
:where(.gf) .metra div { padding: 12px 4px 10px; border-right: 1px solid var(--grammi); text-align: center; }
:where(.gf) .metra div:last-child { border-right: 0; }
:where(.gf) .metra b { display: block; font: 400 32px/1 var(--titlos); font-variant-numeric: lining-nums; }
:where(.gf) .metra .proto b { color: var(--kokkino-vathy); }
:where(.gf) .metra span { display: block; margin-top: 6px; font: 400 14px/1.2 var(--etiketa); letter-spacing: .06em; color: var(--melani-2); }

/* η κάρτα ενός αιτήματος: «Αιτήματα μυστηρίων», «Αγιασμοί», «Εθελοντές» */
:where(.gf) .aitima-kefali { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
:where(.gf) .aitima-arithmos { font: 400 26px/1.2 var(--titlos); font-variant-numeric: lining-nums; color: var(--kokkino-vathy); white-space: nowrap; }
:where(.gf) .aitima-eidos { font: 400 14px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--xryso-vathy); }
:where(.gf) .aitima-poios { margin-top: 8px; font-size: 20px; line-height: 1.35; overflow-wrap: anywhere; }
:where(.gf) .aitima-mikra { margin-top: 4px; font-size: 16px; line-height: 1.5; color: var(--melani-2); overflow-wrap: anywhere; }
:where(.gf) .aitima-simeia { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
:where(.gf) .aitima .koumpia { margin-top: 16px; }
/* το κουμπί μιας κίνησης («Μιλήσαμε», «Έγινε») είναι φόρμα: στέκεται δίπλα στο τηλέφωνο σαν κουμπί, στο ίδιο ύψος */
:where(.gf) .aitima .koumpia form { display: contents; }
:where(.gf) .aitima .koumpia .koumpi.mikro { min-height: 52px; }
:where(.gf) .aitima .koumpia .tilefono { white-space: nowrap; }

/* ── 14/10/2026: ONE ANATOMY FOR EVERY REQUEST CARD (Bill: «…καθαρο grid…»). The markup of a card is what it was (its classes, its
   buttons, its folds); the sheet lays it out: the kind's arch in its own column beside the number and the kind; the same left rule on
   every card, coloured by its state mark; the document and the call as two EQUAL buttons (one column under 360px); the note and
   «Αλλαγή κατάστασης ή διαγραφή» as a quiet row of chips under them. ── */
:where(.gf) .aitima { border-left: 4px solid var(--grammi); }
:where(.gf) .aitima.nea { border-left-color: var(--kokkino-vathy); }
:where(.gf) .aitima:has(.aitima-kefali .simadi.xryso) { border-left-color: var(--xryso); }
:where(.gf) .aitima:has(.aitima-kefali .simadi.dekti) { border-left-color: var(--kokkino-nyxta); }
/* the grid of a card: [arch] [number / kind] [right]; every other piece spans the card */
/* (after the checks of 14/10) four columns, [36px][half][36px][half], so the quiet row under the buttons is two EQUAL halves (1–2 | 3–4) */
:where(.gf) .aitima > div:first-child:has(> .gf-apsida), :where(.gf) .aitima:has(> .gf-apsida) { display: grid; grid-template-columns: 36px minmax(0, 1fr) 36px minmax(0, 1fr); column-gap: 12px; align-content: start; }
:where(.gf) .aitima > div:first-child:has(> .gf-apsida) > *, :where(.gf) .aitima:has(> .gf-apsida) > * { grid-column: 1 / -1; }
:where(.gf) .aitima > div:first-child > .gf-apsida, :where(.gf) .aitima > .gf-apsida { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
:where(.gf) .aitima > div:first-child > .aitima-kefali, :where(.gf) .aitima > div:first-child > .aitima-eidos { grid-column: 2 / -1; }
:where(.gf) .aitima > div:first-child > .aitima-eidos { margin-top: 0; }
:where(.gf) .aitima:has(> .gf-apsida) > .aitima-kefali { grid-column: 2 / -1; grid-row: 1 / span 2; align-self: center; }
:where(.gf) .aitima:has(> .gf-apsida) > .aitima-kefali .aitima-eidos { flex: 1 1 0; min-width: 0; }
/* (after the checks of 14/10) the state mark stays top right on every card, however long the words beside it */
:where(.gf) .aitima-kefali { flex-wrap: nowrap; align-items: flex-start; }
:where(.gf) .aitima-kefali > .simadi { flex: none; margin-left: auto; }
:where(.gf) .aitima-mera { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 8px 12px; border-left: 3px solid var(--xryso); background: var(--simera-fonto); font-size: 17px; line-height: 1.4; }
:where(.gf) .aitima-mera .es-sym { color: var(--kokkino-vathy); }
:where(.gf) .simadi.aitima-kena { gap: 6px; text-transform: none; letter-spacing: .02em; font-size: 15px; color: var(--melani-2); }
:where(.gf) .simadi.aitima-kena .es-sym { color: var(--xryso-vathy); }
/* two equal buttons */
:where(.gf) .aitima .koumpia:has(> :nth-child(2)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
:where(.gf) .aitima .koumpia:has(> :nth-child(2)) :is(.koumpi, .tilefono) { width: 100%; min-height: 52px; padding-inline: 8px; justify-content: center; }
/* (after the checks of 14/10) the two buttons wear the same type: the same size, weight and spacing, each with its symbol, one line at 390px */
:where(.gf) .aitima .koumpia :is(.koumpi.mikro, .tilefono) { gap: 8px; font-family: var(--etiketa); font-size: 16px; font-weight: 700; letter-spacing: .03em; line-height: 1.2; text-transform: none; white-space: nowrap; }
:where(.gf) .aitima .koumpia .koumpi.mikro .es-sym { flex: none; width: 20px; height: 20px; }
:where(.gf) .aitima .koumpia .tilefono svg { flex: none; }
@media (max-width: 359px) { :where(.gf) .aitima .koumpia:has(> :nth-child(2)) { grid-template-columns: minmax(0, 1fr); } }
/* (16/10/2026, closing check) three buttons (Άνοιγμα, the call, «Αρχείο»): the third takes the whole row, never alone on half of it */
:where(.gf) .aitima .koumpia:has(> :nth-child(3):last-child) > :last-child { grid-column: 1 / -1; }
/* (second round, 14/10) a lone button (a memorial's phone: no document) takes the card's width, like the chips under it, not half a row */
:where(.gf) .aitima .koumpia:not(:has(> :nth-child(2))) > :is(.koumpi, .tilefono) { display: flex; width: 100%; min-height: 52px; justify-content: center; }
/* «Δεκτή»: the church's dark red outline, not the green of the old office (the inner pages have no green, OPSI §1) */
:where(.gf) .simadi.dekti { border-color: var(--kokkino-vathy); color: var(--kokkino-vathy); }
/* the quiet row: the note's fold and «Αλλαγή κατάστασης ή διαγραφή» (and on house visits and volunteers «Διαγραφή») as outlined chips */
:where(.gf) .aitima { container-type: inline-size; }
/* (after the checks of 14/10) ONE row at every width: the note on the left half, the state (or «Διαγραφή») on the right half, each with its
   line symbol; a long label wraps inside its own half. An open fold takes the whole width under them. */
:where(.gf) .aitima > div:first-child > .aitima-fakelos:not([open]), :where(.gf) .aitima > .aitima-fakelos:not([open]) { grid-column: 1 / 3; }
:where(.gf) .aitima > div:first-child > a.iremo, :where(.gf) .aitima > .aitima-svisimo:not([open]), :where(.gf) .aitima > div:first-child > .aitima-svisimo:not([open]) { grid-column: 3 / -1; }
:where(.gf) .aitima > div:first-child > :is(.aitima-fakelos:not([open]), a.iremo), :where(.gf) .aitima > .aitima-fakelos:not([open]) { justify-self: stretch; align-self: stretch; }
:where(.gf) .aitima-fakelos:not([open]) { display: flex; }
:where(.gf) .aitima-fakelos:not([open]) > summary.iremo, :where(.gf) .aitima > div:first-child > a.iremo { flex: 1 1 auto; width: 100%; justify-content: center; text-align: center; font-size: 15px; letter-spacing: .02em; }
:where(.gf) .aitima > div:first-child > a.iremo, :where(.gf) .aitima-fakelos > summary.iremo { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 12px; padding: 4px 10px; border: 1px solid var(--grammi); border-radius: 999px; background: var(--fyllo); font-size: 15px; line-height: 1.2; letter-spacing: .03em; text-decoration: none; }
:where(.gf) .aitima > div:first-child > a.iremo::before, :where(.gf) .aitima-fakelos > summary.iremo::before { content: ""; flex: none; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--gf-isyxo, none) center / contain no-repeat; mask: var(--gf-isyxo, none) center / contain no-repeat; }
:where(.gf) .aitima-fakelos > summary.iremo { --gf-isyxo: url("eikones/gf-simeiosi.svg"); }
:where(.gf) .aitima-svisimo > summary.iremo { --gf-isyxo: url("eikones/gf-diagrafi.svg"); }
:where(.gf) .aitima > div:first-child > a.iremo { --gf-isyxo: url("eikones/gf-katastasi.svg"); }
:where(.gf) .aitima > div:first-child > a.iremo:hover, :where(.gf) .aitima-fakelos > summary.iremo:hover { border-color: var(--kokkino-vathy); }
:where(.gf) .aitima-fakelos[open] > summary.iremo { border-color: var(--kokkino-vathy); background: var(--simera-fonto); }
/* (16/10/2026, closing check) open, «Σημείωση» keeps the width it had closed: the control does not jump under the finger */
:where(.gf) .aitima-fakelos[open] > summary.iremo { display: flex; width: 100%; justify-content: center; text-align: center; }
/* a label never breaks inside its half (the short words below make it fit) */
:where(.gf) .aitima-fakelos:not([open]) > summary.iremo, :where(.gf) .aitima > div:first-child > a.iremo, :where(.gf) .aitima-svisimo:not([open]) > summary.iremo { white-space: nowrap; }
/* (third round of checks, 14/10) the two chips SHARE ONE ROW at 390 and at 1280: each shows a short word («Σημείωση» | «Κατάσταση», or
   «Σημείωση» | «Διαγραφή»), the whole label stays for a screen reader (kommatia-aitimatos.ts, oratoKaiAkousto), so neither breaks in its
   half. They stack only on a card too narrow for two (under 250px of card). The open card's note fold, alone in its row, takes the row;
   the «Δεν έγινε» / «Δεν μιλήσαμε» row of a done card stands under the chips, not between them. */
:where(.gf) .aitima.anoixti > div:first-child > .aitima-fakelos:not([open]) { grid-column: 1 / -1; }
:where(.gf) .aitima:has(> .gf-apsida) > .aitima-piso { order: 1; }
:where(.gf) .aitima-fakelos:not([open]) > summary.iremo::after { margin-left: 6px; }
/* the fold carries no margin of its own beside the other chip, so both chips start on the same line */
:where(.gf) .aitima > div:first-child > .aitima-fakelos:not([open]), :where(.gf) .aitima > .aitima-fakelos:not([open]) { margin-top: 0; }
@container (max-width: 249px) {
  :where(.gf) .aitima > div:first-child > .aitima-fakelos:not([open]), :where(.gf) .aitima > .aitima-fakelos:not([open]),
  :where(.gf) .aitima > div:first-child > a.iremo, :where(.gf) .aitima > .aitima-svisimo:not([open]), :where(.gf) .aitima > div:first-child > .aitima-svisimo:not([open]) { grid-column: 1 / -1; }
}
/* the quiet chip of the tabs' own extra actions (the hours' «Δεύτερο διάστημα», a removal): a small outlined pill */
:where(.gf) .tsip-isyxo { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 14px; border: 1px solid var(--grammi); border-radius: 999px; background: var(--fyllo); color: var(--kokkino-vathy); font: 400 16px/1.2 var(--etiketa); letter-spacing: .03em; text-decoration: none; cursor: pointer; }
:where(.gf) .tsip-isyxo.kindynos { color: var(--prosoxi); }
:where(.gf) .tsip-isyxo:hover { border-color: var(--kokkino-vathy); }
/* the kind's arch on a card (the home page's drawings as masks, mapped by class: an office page carries no data- attribute) */
:where(.gf) .gf-apsida-vaptisi { --es-mask: url("eikones/mystirio-vaptisi.svg"); }
:where(.gf) .gf-apsida-gamos { --es-mask: url("eikones/mystirio-gamos.svg"); }
:where(.gf) .gf-apsida-mnimosyno { --es-mask: url("eikones/mystirio-mnimosyno.svg"); }
:where(.gf) .gf-apsida-efchelaio { --es-mask: url("eikones/mystirio-efchelaio.svg"); }
:where(.gf) .gf-apsida-agiasmos { --es-mask: url("eikones/mystirio-agiasmos.svg"); }
/* the filter chips over the list */
:where(.gf) .aitima-filtra { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
:where(.gf) .aitima-filtra .es-tsip { text-decoration: none; }
/* (third round of checks, 14/10) on a phone the chips stand in an even grid of two columns, every chip whole, nothing hidden past the edge
   (the row that slid sideways cut «Γάμος» and hid «Βάπτιση»); with three chips «Όλα» takes the first row alone, never a lone chip last */
@media (max-width: 559px) {
  :where(.gf) .aitima-filtra { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(.gf) .aitima-filtra:has(> :nth-child(3):last-child) > :first-child { grid-column: 1 / -1; }
  :where(.gf) .aitima-filtra .es-tsip { min-width: 0; justify-content: center; padding-inline: 10px; white-space: nowrap; }
}
:where(.gf) .aitima-filtra .es-tsip .es-sym { color: var(--xryso-vathy); }
:where(.gf) .aitima-filtra .es-tsip b { min-width: 22px; padding: 1px 6px; border-radius: 11px; background: var(--xarti-2); font: 700 14px/1.3 var(--etiketa); text-align: center; }
:where(.gf) .aitima-filtra .es-tsip[aria-current] { border-color: var(--kokkino-vathy); background: var(--kokkino-vathy); color: var(--fyllo); }
:where(.gf) .aitima-filtra .es-tsip[aria-current] .es-sym { color: var(--xryso-fos); }
:where(.gf) .aitima-filtra .es-tsip[aria-current] b { background: color-mix(in srgb, var(--fyllo) 22%, transparent); }
/* λόγια μόνο για όποιον ακούει τη σελίδα («Κλήση:» πριν από τον αριθμό) */
:where(.gf) .akouston { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* «Σημείωση ιερέα», ίδια σε κάθε κάρτα αιτήματος: ό,τι γράφτηκε, ως κείμενο με τις γραμμές του· και ο φάκελος που ανοίγει επί τόπου */
:where(.gf) .aitima-simeiosi { margin-top: 14px; padding: 10px 14px 12px; border-left: 3px solid var(--xryso); background: var(--xarti-2); border-radius: 0 4px 4px 0; }
:where(.gf) .aitima-simeiosi .etiketa { color: var(--melani-2); }
:where(.gf) .aitima-simeiosi p:not(.etiketa) { margin-top: 2px; font-size: 18px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere; }
:where(.gf) .aitima-fakelos { margin-top: 6px; }
:where(.gf) .aitima-fakelos > summary { display: inline-flex; cursor: pointer; list-style: none; }
:where(.gf) .aitima-fakelos > summary::-webkit-details-marker { display: none; }
:where(.gf) .aitima-fakelos > summary::after { content: ""; width: 7px; height: 7px; margin: -3px 0 0 10px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform 320ms var(--kampyli); }
:where(.gf) .aitima-fakelos[open] > summary::after { margin-top: 5px; transform: rotate(-135deg); }
:where(.gf) .aitima-fakelos-forma { display: grid; gap: 14px; justify-items: start; margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--grammi); }
:where(.gf) .aitima-fakelos-forma .pedio { width: 100%; }
/* «Διαγραφή» σε κάρτα εθελοντή ή αγιασμού: ο ίδιος φάκελος, με μία πρόταση και το κουμπί της δεύτερης πίεσης */
:where(.gf) .aitima-svisimo .aitima-fakelos-forma p { font-size: 17px; line-height: 1.5; color: var(--melani-2); text-wrap: pretty; }

/* η εβδομάδα ή ο μήνας με τα δύο βελάκια: «Πρόγραμμα και εφημερίες» και «Ημερολόγιο ναού» */
:where(.gf) .evdomada { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; }
:where(.gf) .evdomada h2 { flex: 1; text-align: center; font: 400 22px/1.2 var(--titlos); }
:where(.gf) .evdomada h2 small { display: block; font: 400 13px/1.4 var(--etiketa); letter-spacing: .14em; text-transform: uppercase; color: var(--melani-2); }
:where(.gf) .velaki { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid var(--grammi); border-radius: 4px; background: var(--fyllo); }
:where(.gf) .velaki::before { content: ""; width: 10px; height: 10px; border-top: 1.5px solid var(--kokkino-vathy); border-right: 1.5px solid var(--kokkino-vathy); transform: translateX(-2px) rotate(45deg); }
:where(.gf) .velaki.piso::before { transform: translateX(2px) rotate(-135deg); }
/* στο όριο (Ιανουάριος 2020, Δεκέμβριος 2100): το βελάκι μένει στη θέση του, σβηστό, χωρίς διεύθυνση */
:where(.gf) .velaki[aria-disabled="true"] { cursor: default; background: transparent; }
:where(.gf) .velaki[aria-disabled="true"]::before { border-color: var(--grammi); }

/* «Έτσι θα φαίνεται στη σελίδα»: «Ανακοινώσεις» και «Στοιχεία και ωράρια» */
:where(.gf) .pos-fainetai { margin-top: 26px; padding: 18px; border: 1px solid var(--grammi); border-radius: 6px; background: var(--xarti-2); }
:where(.gf) .pos-fainetai > .etiketa { display: flex; align-items: center; gap: 10px; color: var(--melani-2); }
:where(.gf) .pos-fainetai > .etiketa::before { content: ""; width: 7px; height: 7px; background: var(--xryso); transform: rotate(45deg); }

/* η χρυσή γραμμή με τον ρόμβο */
:where(.gf) .kanonas { position: relative; width: 64px; height: 1px; margin: 24px auto; background: var(--xryso); }
:where(.gf) .kanonas i { position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; background: var(--xryso); box-shadow: 0 0 0 4px var(--xarti); transform: translate(-50%, -50%) rotate(45deg); }

/* η άδεια κατάσταση μιας καρτέλας (το αχνό σήμα και μία πρόταση: «.g-adeia», πιο πάνω) μέσα στο πλαίσιο */
.gf-mesa .g-adeia { margin-top: 48px; }

@media (min-width: 1000px) {
  /* δύο στήλες από κάρτες· μια «.platia» πιάνει και τις δύο */
  /* (14/10/2026) cards of a row stretch to one height, and a lone last card spans the row instead of leaving half of it empty */
  :where(.gf) .lista-dyo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
  :where(.gf) .lista-dyo .platia { grid-column: 1 / -1; }
  :where(.gf) .lista-dyo.monos-telos > :last-child:not(.platia) { grid-column: 1 / -1; }
  /* the buttons sit on one line across a row of cards: the card's grid gives its spare height to the row before them */
  /* (after the checks, 14/10) never the head row of «Αγιασμοί» and «Εθελοντές» (.karta-kefali): stretched, it split the card in two */
  :where(.gf) .lista-dyo > .aitima:not(.anoixti) > div:first-child:not(.karta-kefali) { height: 100%; }
  /* a fold open on a card (day, note, delete) makes its row tall: that card and its neighbours stand at their own height, so the card
     beside it never opens a hole between its words and its buttons. The other rows keep their buttons in line. */
  :where(.gf) .lista-dyo > .aitima:has(details[open]), :where(.gf) .lista-dyo > .aitima:has(details[open]) + .aitima, :where(.gf) .lista-dyo > .aitima:has(+ .aitima details[open]) { align-self: start; }
  :where(.gf) .lista-dyo > .aitima:not(.anoixti) > div:first-child > .koumpia, :where(.gf) .lista-dyo > .aitima:not(.anoixti) > .koumpia { align-self: end; }
  :where(.gf) .pedia.dyo.imera-ora { grid-template-columns: minmax(0, 1fr) minmax(170px, auto); }
  /* ο τίτλος αριστερά και η εβδομάδα (ή ο μήνας) δεξιά, στην ίδια σειρά */
  :where(.gf) .pano-seira { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
  :where(.gf) .pano-seira .evdomada { flex: 0 0 400px; margin-top: 0; }
  :where(.gf) .pano-seira .g-titlos { flex: 1; min-width: 0; }
  :where(.gf) .pano-seira .g-titlos h1 { white-space: nowrap; }
}

/* «Ποιος έχει πρόσβαση», σε δική του σελίδα μέσα στο πλαίσιο: φορά τα κοινά κομμάτια (.koumpi, .pedio, .minima, .iremo)· εδώ μόνο ό,τι είναι δικό της */
:where(.gf) .g-prosvasi li .koumpi { margin-top: 8px; }
:where(.gf) .prosvasi-afairesi > summary { cursor: pointer; list-style: none; }
:where(.gf) .prosvasi-afairesi > summary::-webkit-details-marker { display: none; }
:where(.gf) .prosvasi-forma { display: grid; gap: 16px; justify-items: start; margin-top: 14px; }
:where(.gf) .prosvasi-forma .pedio { width: 100%; max-width: 520px; }
.gf-mesa .g-prosvasi { margin-top: 20px; padding-top: 0; border-top: 0; display: grid; gap: 16px; }
/* οι άνθρωποι και η «Προσθήκη ιερέα», το καθένα σε δική του κάρτα, όπως οι ρυθμίσεις της καρτέλας που οδηγεί εδώ */
:where(.gf) .prosvasi-karta > ul { margin: 0; gap: 14px; }
:where(.gf) .prosvasi-karta > h2 { margin-top: 0; }
:where(.gf) .prosvasi-karta > .g-prosvasi-odigia { margin: 16px 0 0; }
:where(.gf) .g-prosvasi > .g-prosvasi-kleisimo { margin: 0; }
/* (third round of checks, 14/10) one card row per person: [symbol disc] [name / address / role and last entry] [action]. The action stands
   top right from 560px; on a phone it goes under the words, so the name keeps its width. «Αφαίρεση» wears the same outline as
   «Ακύρωση πρόσκλησης» (in the warning colour), not a bare underlined link; open, its fold takes the whole row under the person. */
:where(.gf) .prosvasi-karta > ul { gap: 0; }
:where(.gf) .g-prosvasi li.prosvasi-atomo { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 10px; align-items: start; padding: 16px 0; border-left: 0; border-top: 1px solid var(--grammi); }
:where(.gf) .g-prosvasi li.prosvasi-atomo:first-child { padding-top: 0; border-top: 0; }
:where(.gf) .g-prosvasi li.prosvasi-atomo + li.g-ypostirixi { margin-top: 0; padding-top: 16px; border-top: 1px solid var(--grammi); }
:where(.gf) .prosvasi-sym { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--simera-fonto); color: var(--xryso-vathy); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--xryso) 40%, transparent); }
:where(.gf) .prosvasi-poios { display: grid; gap: 2px; margin: 0; min-width: 0; }
:where(.gf) .prosvasi-poios > b { font: 600 18px/1.35 var(--keimeno); color: var(--melani); overflow-wrap: anywhere; }
:where(.gf) .prosvasi-email { font-size: 15px; line-height: 1.45; color: var(--melani-2); overflow-wrap: anywhere; }
:where(.gf) .prosvasi-rolos { font-size: 15px; line-height: 1.45; color: var(--melani-2); }
:where(.gf) .g-prosvasi li.prosvasi-atomo > form, :where(.gf) .g-prosvasi li.prosvasi-atomo > .prosvasi-afairesi { grid-column: 3; grid-row: 1; justify-self: end; margin: 0; }
:where(.gf) .g-prosvasi li.prosvasi-atomo .koumpi { margin-top: 0; }
:where(.gf) .prosvasi-afairesi > summary.iremo { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; border: 1px solid currentColor; border-radius: var(--koumpi-aktina); font: 700 15px/1.2 var(--etiketa); letter-spacing: .04em; text-decoration: none; white-space: nowrap; }
:where(.gf) .g-prosvasi li.prosvasi-atomo > .prosvasi-afairesi[open] { grid-column: 2 / -1; grid-row: auto; justify-self: stretch; }
:where(.gf) .prosvasi-afairesi[open] > p { margin: 12px 0; font-size: 16px; line-height: 1.5; color: var(--melani-2); }
@media (max-width: 559px) {
  :where(.gf) .g-prosvasi li.prosvasi-atomo { grid-template-columns: 44px minmax(0, 1fr); }
  :where(.gf) .g-prosvasi li.prosvasi-atomo > form, :where(.gf) .g-prosvasi li.prosvasi-atomo > .prosvasi-afairesi { grid-column: 2; grid-row: auto; justify-self: start; }
}
/* ο ιερέας που δεν είναι προϊστάμενος: τα ονόματα μόνο, για ανάγνωση (ίδια γραμμή με του προϊσταμένου, χωρίς φόρμες) */
:where(.gf) .prosvasi-onomata { margin-top: 20px; }
:where(.gf) .prosvasi-onomata ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
:where(.gf) .prosvasi-onomata li { padding-left: 14px; border-left: 2px solid var(--xryso); font-size: 16px; overflow-wrap: anywhere; }
:where(.gf) .prosvasi-onomata li p { margin: 0; }
.gf-mesa > .g-minima, .gf-mesa > .g-simeioma { margin-top: 16px; }

/* ═══ Η ΕΙΣΟΔΟΣ (στάδιο C): το μετάλλιο του υποσέλιδου της σελίδας (metallio.css και metallio.js, αυτούσια), το όνομα, ένα κουμπί· από 1000px ο ναός αριστερά ═══ */
.eis-xarti { flex: 1; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 44px 24px 0; text-align: center; }
/* (14/10/2026) the line mark of the header, no medal: 120px on a phone, 160px on a computer */
.eis-sima { display: block; margin-bottom: 22px; }
.eis-sima .zsima { width: 120px; }
.eis-onoma { margin-top: 8px; font: 400 31px/1.15 var(--titlos); text-wrap: balance; }
.eis-perioxi { margin-top: 10px; font: 400 15px/1.5 var(--etiketa); letter-spacing: .04em; color: var(--melani-2); }
.eis-xarti .g-minima { width: 100%; max-width: 400px; }
.eis-xarti .koumpi { width: 100%; max-width: 400px; min-height: 60px; margin-top: 24px; padding-inline: 16px; font-size: 17px; letter-spacing: .03em; white-space: nowrap; }
/* Google's «G» left (drawn by the sheet, so the button's markup stays what it was), the words in the middle, the arrow right, at every width */
.eis-xarti .koumpi::before { content: ""; flex: none; width: 22px; height: 22px; margin-right: auto; background: currentColor; -webkit-mask: url("eikones/google-g.svg") center / contain no-repeat; mask: url("eikones/google-g.svg") center / contain no-repeat; }
.eis-xarti .koumpi .velos { display: block; margin-left: auto; }
.eis-voitheia { max-width: 25em; margin-top: 16px; font-size: 16px; line-height: 1.5; color: var(--melani-2); text-wrap: pretty; }
/* (final batch, 14/10/2026; the main session's decision 7: the door wears the same band as the inner pages) on a phone the church stands on top
   as the inner pages' dark band, under the same veil, and the mark rises into it on a paper disc, gold-ringed */
.eis-foto { display: block; position: relative; height: 200px; overflow: hidden; background: var(--skouro-vathy); }
.eis-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; }
.eis-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--skouro-vathy) 30%, transparent) 0%, color-mix(in srgb, var(--skouro-vathy) 72%, transparent) 100%); }
.eis-xarti { padding-top: 0; }
.eis-sima { position: relative; z-index: 1; margin-top: -66px; padding: 8px; border-radius: 50%; background: var(--xarti); box-shadow: 0 0 0 1px var(--xryso), 0 10px 28px color-mix(in srgb, var(--melani) 18%, transparent); }
.eis .g-podas { margin-top: 0; padding: 28px 16px 22px; }

@media (min-width: 1000px) {
  .eis-foto { height: auto; }
  .eis-foto::after { background: linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--skouro-vathy) 78%, transparent) 100%); }
  .eis-sima { margin-top: 0; padding: 0; background: none; box-shadow: none; }
  body.eis { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); grid-template-rows: 1fr auto; }
  .eis-foto { display: block; grid-column: 1; grid-row: 1 / -1; position: relative; min-height: 100vh; overflow: hidden; background: var(--skouro-vathy); }
  .eis-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
  .eis-foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--skouro-vathy) 78%, transparent) 100%); }
  .eis-xarti { grid-column: 2; justify-content: center; padding: 40px 48px 0; }
  .eis-sima .zsima { width: 160px; }
  .eis-xarti .koumpi { font-size: 18px; letter-spacing: .05em; }
  .eis-onoma { font-size: 34px; }
  .eis .g-podas { grid-column: 2; padding: 20px 16px 22px; }
}

/* (15/10/2026, βράδυ· οι κριτές των 13:40) «Μετάβαση στο περιεχόμενο»: το πρώτο σημείο του πληκτρολογίου, πριν από τις δέκα θέσεις του μενού.
   Κρυμμένο ώσπου να το φτάσει το Tab· τότε στέκεται πάνω αριστερά, στο κόκκινο της εστίασης. */
:where(.gf) .gf-paralipsi { position: absolute; top: 8px; left: 8px; z-index: 100; padding: 10px 16px; border-radius: 4px; background: var(--fyllo); color: var(--kokkino-vathy); font: 700 16px/1.2 var(--etiketa); text-decoration: underline; transform: translateY(-200%); }
:where(.gf) .gf-paralipsi:focus { transform: none; outline: 3px solid var(--kokkino-vathy); outline-offset: 2px; }
:where(.gf) .gf-mesa#kyrio:focus { outline: none; }

/* Εορτολόγιο του γραφείου. */
.eort-megali { color: var(--xryso-vathy); }
.simera-plaisio .eort-megali { color: var(--xryso-fos); }
.eort-grammi, .eort-ypenthymiseis { font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.eort-mnimi { font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }