/* /concierge/: κατεύθυνση Α «Μελάνι και χαρτί» (Φάση Β2). Φορτώνεται μετά τα css/site.css και css/contact.css
   (hero, φόρμες και κουμπί υποβολής ορίζονται στο contact.css). Σκούρα ζώνη: μόνο τα 5 αναδιπλούμενα (.ink-zone του site.css). */
.page-hero h1 { font-size: clamp(34px, 9.6vw, 56px); line-height: 1.02; }
.page-hero .page-text { margin-top: 2px; }

/* ---- Ενότητες ---- */
.concierge-body { padding: 24px 0 8px; border-top: 1px solid var(--ink); }
.concierge-body p { margin: 0 0 14px; max-width: 42em; }
.concierge-quote { margin: 0 0 24px; max-width: 30em; font: 300 clamp(22px, 6vw, 30px)/1.3 var(--serif); }
.sec-h { margin: 0 0 8px; font: 300 clamp(26px, 7vw, 32px)/1.1 var(--serif); letter-spacing: -.02em; }
.concierge-body .sec-h { margin-top: 4px; }

/* Αναδιπλούμενα */
.folds { margin-top: 12px; border-top: 1px solid var(--ink); }
.fold { border-bottom: 1px solid var(--line); }
.fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 50px; padding: 10px 0; list-style: none; cursor: pointer; font: 400 clamp(19px, 5vw, 24px)/1.2 var(--serif); }
.fold > summary::-webkit-details-marker { display: none; }
.fold > summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--ink); border-radius: 50%; font: 400 22px/1 var(--sans); }
.fold[open] > summary::after { content: "\2013"; }
.fold-body { max-width: 42em; padding: 0 0 14px; }
.fold-body p { margin: 0 0 12px; }
.fold-body ul, .fold-body ol { margin: 0; padding-left: 22px; }
.fold-body li { margin: 0 0 8px; }

/* Σκούρα ζώνη (.ink-zone, site.css): τα 5 αναδιπλούμενα. Η φόρμα του Readiness Audit μένει σε paper. */
.concierge-body .folds.ink-zone { margin: 24px 0 0; padding: 8px 0; border-top: 0; }

.svc-note { font-size: 15px; color: var(--muted); }
.concierge-body > .wrap-a > .svc-note { margin-top: 20px; }
.human { max-width: 42em; margin: 20px 0 0; padding: 14px 18px; border: 1px solid var(--ink); border-radius: 6px; background: var(--paper-2); font-size: 15.5px; }
.human strong { font-weight: 600; }

/* ---- Readiness Audit (paper) ---- */
.audit-section { padding: 28px 0 32px; border-top: 1px solid var(--ink); }
.audit-grid { display: grid; gap: 28px; }
.audit-section h2 { margin: 0 0 10px; font: 300 clamp(28px, 7.6vw, 36px)/1.1 var(--serif); letter-spacing: -.02em; }
.audit-sub { margin: 0 0 14px; font: 400 clamp(19px, 5vw, 22px)/1.35 var(--serif); }
.audit-grid p { max-width: 42em; margin: 0 0 14px; }
.eyebrow { display: block; margin: 0 0 8px; font-size: 14px; font-weight: 500; color: var(--vermilion-text); }
.audit-list { margin: 0 0 14px; padding: 0; list-style: none; max-width: 42em; border-top: 1px solid var(--ink); }
.audit-list li { margin: 0; padding: 4px 0; border-bottom: 1px solid var(--line); font-size: 17px; }
.audit-grid .form-card { max-width: none; }
.form-card h3 { margin: 0 0 18px; font: 400 24px/1.25 var(--serif); }

/* ---- Ενδεικτικές εφαρμογές ---- */
.apps-sec { padding: 24px 0 44px; border-top: 1px solid var(--ink); }
.app-line { margin: 0 0 12px; color: var(--muted); }
.cards { display: grid; gap: 12px; border-top: 0; margin-top: 14px; }
.cards .fold { padding: 0 20px; border: 1px solid var(--ink); border-radius: 6px; background: var(--paper-2); }
.cards .fold > summary { padding: 12px 0; font-size: clamp(18px, 4.8vw, 22px); }
.cards .fold > summary > span:first-child { flex: 1; min-width: 0; }
.stage { display: inline-flex; align-items: center; gap: 7px; flex: none; padding: 5px 12px; border: 1px solid var(--vermilion); border-radius: 999px; font: 500 14px/1 var(--sans); white-space: nowrap; color: var(--vermilion-text); }
.stage::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--vermilion); }
/* Σύνδεσμοι του ζωντανού παραδείγματος */
.app-links a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 359px) {
  .cards .fold { min-width: 0; }
  .cards .fold > summary { flex-wrap: wrap; row-gap: 8px; }
}
@media (min-width: 1280px) { .page-hero h1 { grid-column: 1 / -1; } }
@media (min-width: 1024px) {
  .concierge-body, .audit-section, .apps-sec { display: block; }
  .page-hero h1 { font-size: clamp(48px, 5vw, 72px); }
  .concierge-body { padding: 32px 0 8px; }
  .concierge-body .wrap-a { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; }
  .concierge-body .wrap-a > * { grid-column: 4 / span 9; min-width: 0; }
  .concierge-body .wrap-a > .concierge-quote { grid-column: 1 / span 9; font-size: 34px; margin-bottom: 28px; }
  .concierge-body .wrap-a > .sec-h { grid-column: 1 / span 3; font-size: clamp(32px, 3vw, 44px); margin: 0; }
  .concierge-body .wrap-a > .sec-h + p { margin-top: 0; }
  .concierge-body .wrap-a > .folds.ink-zone { grid-column: 1 / -1; padding: 10px 0; }
  .concierge-body .folds.ink-zone .fold { margin-left: calc((100% - 11 * 32px) / 12 * 3 + 3 * 32px); }
  .fold > summary { font-size: 26px; }
  .audit-section { padding: 40px 0 44px; }
  .audit-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; align-items: start; }
  .audit-grid > div:first-child { grid-column: 1 / span 5; }
  .audit-grid > .form-card { grid-column: 7 / span 6; }
  .apps-sec { padding: 32px 0 48px; }
  .apps-sec .wrap-a { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; }
  .apps-sec .sec-h { grid-column: 1 / span 3; font-size: clamp(32px, 3vw, 44px); margin: 0; }
  .apps-sec .folds { grid-column: 4 / span 9; margin-top: 0; }
}