/* ═══ Σχετικά με εμάς (23/10/2026) — πάνω στο filosofia.css (fl-*). Μόνο ό,τι δεν υπάρχει εκεί. ═══ */

/* Λίστα προσώπων: μία κάρτα σήμερα, πλέγμα όταν έρθουν κι άλλοι */
.ab-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;margin-top:clamp(28px,5vh,44px)}

/* Κάρτα προσώπου — η κάρτα συγγραφέα του blog, λίγο μεγαλύτερη */
.ab-person{
  display:flex;gap:20px;align-items:flex-start;scroll-margin-top:96px;
  border-radius:var(--rl);padding:26px 28px;
  background:linear-gradient(160deg,rgba(123,194,66,.05),rgba(15,32,64,.4));
  border:1px solid rgba(123,194,66,.2);
}
.ab-av{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;border:1px solid rgba(201,150,58,.35)}
.ab-nm{font-family:var(--font-d);font-size:clamp(21px,2.2vw,24px);font-weight:600;color:#fff;line-height:1.2;margin:2px 0 4px}
.ab-rl{font-family:var(--font-m);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--lime2);margin:0 0 12px}
.ab-bio{font-size:15px;color:var(--slate);line-height:1.7;margin:0;max-width:60ch}
.ab-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 0}
.ab-links a{font-family:var(--font-m);font-size:12px;letter-spacing:.6px;color:var(--lime2);text-decoration:none;border-bottom:1px solid rgba(123,194,66,.35);padding-bottom:1px;transition:.2s}
.ab-links a:hover{color:var(--gold2);border-color:rgba(201,150,58,.5)}
.ab-links a:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}

/* Μία γραμμή «πώς δουλεύουμε» → Φιλοσοφία */
.ab-how{margin:clamp(28px,5vh,40px) 0 0;font-size:15px;color:var(--slate);line-height:1.7}
.ab-how a{color:var(--gold2);text-decoration:none;border-bottom:1px solid rgba(201,150,58,.4);white-space:nowrap;margin-left:4px}
.ab-how a:hover{color:var(--gold3)}

/* Επικοινωνία */
.ab-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,4vh,32px)}
.ab-micro{margin:16px 0 0;font-family:var(--font-m);font-size:12.5px;letter-spacing:.4px;color:var(--slate)}
.ab-micro strong{color:var(--cream);font-weight:500}

@media(max-width:520px){
  .ab-person{flex-direction:column;gap:14px;padding:22px 20px}
  .ab-av{width:64px;height:64px}
}