/* people/styles.css */

/* alleen de detail-secties links uitlijnen, rest blijft center */
body.people-page .person-view-wrap {
  text-align: left;
}

/* titel en onderste call-to-action blijven centraal via globale .wrap-rule */

/* detail view titel iets compacter, maar center blijft gelden */
body.people-page .person-view-wrap h1 {
  font-size: clamp(24px, 3.2vw, 34px);
  line-height: 1.2;
  margin-bottom: 6px;
}

/* About / Contacts headings links */
body.people-page .person-view-wrap h2 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 16px;
}

/* about-tekst links, iets subtieler */
body.people-page .person-about {
  color: var(--muted);
  font-size: 14px;
}

/* people list styling */
body.people-page .people-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

body.people-page .people-list .people-item {
  margin: 16px 0;
}

body.people-page .people-list .people-item:first-child {
  margin-top: 0;
}

body.people-page .people-list .people-item:last-child {
  margin-bottom: 0;
}

/* contact links: links uitgelijnde lijst zonder bullets */
body.people-page .contact-list {
  list-style: none;
  padding: 0;
  margin: 4px 0 0;
}

body.people-page .contact-list li {
  margin: 2px 0;
}

/* extra ruimte boven de call-to-action onderaan op people page */
body.people-page .cta-section {
  margin-top: 56px;
  margin-bottom: 32px;
}

body.people-page .person-about {
  white-space: pre-line;
}

/* dropdowns in contacts */
body.people-page .contact-list summary {
  cursor: pointer;
  color: var(--muted);
  list-style: none;
}
body.people-page .contact-list summary::-webkit-details-marker { display: none; }
body.people-page .contact-list summary::after { content: " +"; color: var(--faint); }
body.people-page .contact-list details[open] > summary::after { content: " −"; }
body.people-page .contact-list summary:hover { color: var(--fg); }
body.people-page .dropdown-list {
  list-style: none;
  padding: 0 0 4px 16px;
  margin: 2px 0;
}
body.people-page .person-about a { color: var(--fg); border-bottom: none; padding-bottom: 0; text-decoration: underline; text-decoration-color: var(--faint); }

body.people-page .phil-me { display: flex; align-items: center; gap: 14px; margin-top: 18px; }
body.people-page .phil-me img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; filter: grayscale(1); border: 1px solid var(--faint); }