/* Person pages (single-person.php, /team/<slug>/). Loaded on every page, so every rule is scoped to
   the body class inc/people.php adds. Tokens and components from site.css only. */
.site-person .person-hero{padding-bottom:8px}
.site-person .person-hero .crumbs ol{justify-content:flex-start}
.site-person .person-head{display:grid;grid-template-columns:132px minmax(0,1fr);gap:32px;align-items:center;margin-top:8px}
.site-person img.ph{object-fit:cover}
.site-person .person-hero h1{margin:16px 0 10px;font-size:clamp(34px,4.4vw,56px);line-height:1.06;overflow-wrap:anywhere}
.site-person .person-hero h1 .fill{white-space:normal;font-size:.5em;vertical-align:middle}
.site-person .person-role{font-size:18px;color:var(--ink);font-weight:500}
.site-person .person-role .fill{white-space:normal}

.site-person .person-main{padding-top:48px}
.site-person .person-col{max-width:760px}
.site-person .person-bio p{font-size:17.5px;line-height:1.7;color:var(--body)}
.site-person .person-bio p+p{margin-top:14px}
.site-person .person-bio .fill{white-space:normal}
.site-person .person-h{font-size:clamp(21px,2.2vw,26px);letter-spacing:-.02em;margin:40px 0 14px}
.site-person .person-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.site-person .person-chips li{font:500 13px var(--text);border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;color:var(--ink);max-width:100%;font-variant-numeric:tabular-nums}
.site-person .person-chips .fill{white-space:normal}
.site-person .person-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:14px}
.site-person .person-links a,.site-person .person-note a{color:var(--olive);text-decoration:underline;text-underline-offset:3px}
.site-person .person-note{margin-top:32px;font-size:16px;line-height:1.65;color:var(--body);border-left:3px solid var(--lime);padding-left:18px}

.site-person .person-answers{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
.site-person .person-roles{display:inline-block;font:600 13.5px var(--text);color:var(--olive);margin-bottom:14px}
.site-person .person-answers h3{padding-right:44px}

@media (max-width:880px){.site-person .person-answers{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .site-person .person-head{grid-template-columns:minmax(0,1fr);gap:20px}
  .site-person .person-head .ph{width:96px;height:96px;border-radius:18px}
  .site-person .person-main{padding-top:36px}
  .site-person .person-bio p{font-size:16.5px}
}

/* Answer bylines link the person page (single-answer.php via site_answer_byline()). */
.ans-person{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9CEC0}
.ans-person:hover{color:var(--ink);text-decoration-color:currentColor}
.ans-sources>.fine a{color:var(--olive)}

/* "Answers reviewed" stat window (.pr-), only when the person has answers. Counts come from the data. */
.site-person .pr-mock{margin:36px 0 0;max-width:560px}
.site-person .pr-mock .win{border-radius:22px;padding:12px;box-shadow:0 30px 60px -36px rgba(14,15,12,.35)}
.site-person .pr-dash{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);border-radius:14px;padding:14px;gap:10px}
.site-person .pr-dash .kpi{padding:14px;min-width:0}
.site-person .pr-dash .kpi strong{color:var(--olive)}
@media (max-width:560px){
  .site-person .pr-mock .win{padding:8px;border-radius:18px}
  .site-person .pr-dash{padding:10px;gap:8px}
  .site-person .pr-dash .kpi{padding:10px}
  .site-person .pr-dash .kpi small{font-size:12px}
  .site-person .pr-dash .kpi strong{font-size:20px}
}
/* visual QA #14: bio, expertise and the stats window start on the name's left edge (photo 132 + gap 32) */
@media (min-width:561px){
  .site-person .person-col{max-width:var(--wrap)}
  .site-person .person-col>*{margin-left:164px}
  .site-person .person-col>:not(.pr-mock){max-width:720px}
}