/* People: the person page (10 Nov 2026). Additions only. The record shape,
   header band, sections, rail, badges and ruled metadata all come from
   components.css. Markup: includes/cpt/person/render.php. */

/* text-align: the page inherits centring from the Elementor wrapper it sits in. */
#jd .jd-scope .jd-person{max-width:var(--jd-max);margin:0 auto;padding:24px 32px 0;display:flex;flex-direction:column;gap:var(--jd-gap);text-align:left}
/* .jd-card is a flex row somewhere upstream; this rail card is a plain stack. */
#jd .jd-scope .jd-person .jd-rail .jd-card{display:block}
#jd .jd-scope .jd-person-headbody{flex:1;min-width:0}
#jd .jd-scope .jd-person-kinds{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 0}
#jd .jd-scope .jd-person-kinds .jd-badge{margin:0}
#jd .jd-scope .jd-person-note{margin:12px 0 0;font-size:var(--jd-fs-meta);color:var(--jd-caution);font-weight:600}
#jd .jd-scope .jd-person-bio{font-size:14.5px;line-height:1.6;max-width:72ch}
#jd .jd-scope .jd-person-bio p{margin:0 0 .9em}
#jd .jd-scope .jd-person-rail{margin:0 0 12px;font-size:var(--jd-fs-meta);line-height:1.55;color:var(--jd-text)}
#jd .jd-scope .jd-person-rail:last-child{margin-bottom:0}

/* the list rows: the article/news row of the system (an 80px date column,
   then the title, a bottom rule) */
#jd .jd-scope .jd-person-list{list-style:none;margin:0;padding:0}
#jd .jd-scope .jd-person-list li{border-bottom:1px solid var(--jd-rule-soft)}
#jd .jd-scope .jd-person-list li:last-child{border-bottom:0}
#jd .jd-scope .jd-person-list a{display:grid;grid-template-columns:80px 1fr;gap:2px 14px;padding:12px 0;text-decoration:none;color:inherit}
#jd .jd-scope .jd-person-no{grid-row:span 2;font:700 var(--jd-fs-sign)/1.5 var(--jd-font-label);letter-spacing:var(--jd-ls-sign);text-transform:uppercase;color:var(--jd-accent-ink)}
#jd .jd-scope .jd-person-list strong{font:700 14.5px/1.4 var(--jd-font-text);color:var(--jd-navy-dark)}
#jd .jd-scope .jd-person-list small{font-size:var(--jd-fs-meta);color:var(--jd-text-muted)}
#jd .jd-scope .jd-person-list a:hover strong{color:var(--jd-accent-ink);text-decoration:underline;text-decoration-color:var(--jd-accent-faint);text-underline-offset:3px}
#jd .jd-scope .jd-person-list a:focus-visible{outline:2px solid var(--jd-accent);outline-offset:2px}

@media (max-width:900px){
  #jd .jd-scope .jd-person{padding:16px 16px 0}
  #jd .jd-scope .jd-person-list a{grid-template-columns:64px 1fr}
}