/* Φυλλάδιο τῆς Κυριακῆς — A4, δύο στῆλες, γιὰ ἐκτύπωσι (καὶ προεπισκόπησι στὴν ὀθόνη). */
:root { --vf-xryso: #9a7a33; --vf-mavro: #1d1a16; --vf-gri: #5d564c; }
body.contentpane { background: #e9e5dc; margin: 0; color: var(--vf-mavro); }
.vf-ergaleia {
  position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: center;
  padding: .7rem 1rem; background: #1d1a16; color: #f3ead6; font: 15px/1.3 system-ui, sans-serif;
}
.vf-ergaleia a, .vf-ergaleia button {
  color: #f3ead6; background: transparent; border: 1px solid rgba(243,234,214,.35); border-radius: 999px; padding: .4rem .9rem;
  font: inherit; text-decoration: none; cursor: pointer;
}
.vf-ergaleia button { background: #d4b06a; color: #1d1a16; border-color: #d4b06a; font-weight: 600; }
.vf-ergaleia span { opacity: .7; font-size: 13px; }
.vf {
  box-sizing: border-box; width: 210mm; min-height: 297mm; margin: 1.5rem auto; padding: 14mm 15mm 12mm; background: #fffdf8;
  box-shadow: 0 10px 40px rgba(0,0,0,.18); font-family: "GFS Didot", "Noto Serif", Georgia, serif; font-size: 10.6pt; line-height: 1.42;
}
.vf-kefali { display: flex; gap: 6mm; align-items: flex-start; border-bottom: 1.2pt solid var(--vf-xryso); padding-bottom: 4mm; margin-bottom: 5mm; }
.vf-kefali__aristera { flex: 1; }
.vf-mitropoli { margin: 0; font-size: 8.6pt; letter-spacing: .14em; text-transform: uppercase; color: var(--vf-xryso); }
.vf-kyriaki { margin: 1.5mm 0 0; font-size: 10pt; font-style: italic; color: var(--vf-gri); }
.vf h1 { margin: 2mm 0 1mm; font-size: 21pt; line-height: 1.12; font-weight: 600; }
.vf-syggrafeas { margin: 0; font-size: 10.5pt; }
.vf-peristasi { margin: 1mm 0 0; font-size: 9pt; color: var(--vf-gri); }
.vf-foto { width: 25mm; height: 32mm; object-fit: cover; border-radius: 12.5mm 12.5mm 2mm 2mm; border: .8pt solid var(--vf-xryso); }
.vf-rito { margin: 0 0 5mm auto; max-width: 70%; text-align: right; font-style: italic; font-size: 11pt; color: var(--vf-gri); }
.vf-rito p { margin: 0; }
.vf-rito p:last-child { font-style: normal; font-size: 9pt; margin-top: .8mm; }
.vf-soma { column-count: 2; column-gap: 7mm; column-rule: .4pt solid rgba(154,122,51,.35); text-align: justify; hyphens: auto; }
.vf-soma p { margin: 0 0 1.6mm; text-indent: 4mm; orphans: 3; widows: 3; }
.vf-soma p.vf-kentro { text-indent: 0; text-align: center; font-style: italic; color: var(--vf-gri); }
.vf-soma p.vf-stixoi { white-space: pre-line; text-indent: 0; font-style: italic; }
.vf-soma h2 { break-after: avoid; margin: 3mm 0 1.5mm; font-size: 11.5pt; font-weight: 700; }
.vf-soma > p:first-of-type { text-indent: 0; }
.vf-soma > p:first-of-type::first-letter { float: left; font-size: 30pt; line-height: .9; padding: 1mm 1.5mm 0 0; color: var(--vf-xryso); }
.vf-ypo { margin-top: 3mm; padding-top: 1.5mm; border-top: .4pt solid rgba(0,0,0,.2); font-size: 8.4pt; color: var(--vf-gri); }
.vf-ypo p { text-indent: 0; }
.vf-podi { display: flex; gap: 5mm; align-items: center; margin-top: 5mm; padding-top: 4mm; border-top: 1.2pt solid var(--vf-xryso); break-inside: avoid; font-size: 9pt; }
.vf-podi p { margin: 0 0 1mm; }
.vf-qr { width: 24mm; height: 24mm; }
.vf-url { font-size: 12pt; font-weight: 700; color: var(--vf-xryso); }
.vf-pigi { color: var(--vf-gri); font-size: 8pt; }
@page { size: A4; margin: 0; }
@media print {
  body.contentpane { background: #fff; }
  .vf-ergaleia { display: none; }
  .vf { margin: 0; box-shadow: none; width: auto; min-height: 0; }
}
@media (max-width: 820px) {
  .vf { width: auto; margin: .6rem; padding: 6mm; font-size: 12pt; }
  .vf-soma { column-count: 1; }
}