/* About page (page-about.php). Loaded on every page, so every rule is scoped to the template's body class. */
.page-template-page-about .signoff-scroll{overflow-x:auto}
.page-template-page-about .signoff table{font-size:14.5px}
.page-template-page-about .signoff thead th{font:500 13px var(--text);color:var(--muted)}
.page-template-page-about .signoff tbody th{font-weight:600;vertical-align:top}
.page-template-page-about .signoff td{padding:10px 12px 10px 0;vertical-align:top}
.page-template-page-about .signoff td:last-child{padding-right:0}
.page-template-page-about .signoff td.d,.page-template-page-about .signoff td.st{font-family:var(--text);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}

.page-template-page-about .people{display:grid;gap:20px;margin-top:48px}
.page-template-page-about .people-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-template-page-about .people-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-template-page-about .people-3 .person{grid-template-columns:minmax(0,1fr);align-items:start}
.page-template-page-about .person{align-items:start}
.page-template-page-about .person .role{margin-top:8px;font-size:16px;color:var(--ink);font-weight:500}
.page-template-page-about .person .bio{margin:10px 0 0;font-size:16px}
.page-template-page-about .person .works{margin-top:16px}
.page-template-page-about img.ph{object-fit:cover}
.page-template-page-about .where{margin-top:20px}
.page-template-page-about .where p{margin:8px 0 0}

.page-template-page-about .duo-wide{gap:56px;align-items:center}
.page-template-page-about .pull{margin-top:28px;border-left:3px solid var(--ink);padding-left:22px}
.page-template-page-about .pull p{font:600 24px/1.3 var(--head);letter-spacing:-.02em;color:var(--ink)}
.page-template-page-about .pull cite{display:block;margin-top:14px;font:500 12.5px var(--text);font-style:normal;color:var(--muted);font-variant-numeric:tabular-nums}
.page-template-page-about .why{display:grid;gap:18px}
.page-template-page-about .about-controls{margin-top:48px}

@media (max-width:880px){
  .page-template-page-about .people-2,.page-template-page-about .people-3{grid-template-columns:minmax(0,1fr)}
  .page-template-page-about .duo-wide{gap:36px}
}
@media (max-width:560px){
  .page-template-page-about .signoff table{font-size:12.5px}
  .page-template-page-about .signoff.pnl-flat{padding:12px}
  .page-template-page-about .signoff td,.page-template-page-about .signoff th{padding-right:6px}
  .page-template-page-about .signoff td.d,.page-template-page-about .signoff td.st{white-space:normal;font-size:12px}
  .page-template-page-about .signoff thead th{font-size:12.5px}
  .page-template-page-about .pull p{font-size:20px}
}
.page-template-page-about .float-b{top:-34px;bottom:auto}
/* visual QA #5: the "Books closed" float sits on the reconciliation card's corner, never on its heading */
@media (min-width:1061px){.page-template-page-about .recon-dash .recon{margin-top:28px}}

/* Five-step "how we work" grid (/about/?r=uk): no short last row (technical QA 14 Oct 2026, item 8). */
@media (min-width:1024px){
  .page-template-page-about .steps:has(> :nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (min-width:881px) and (max-width:1023px){
  .page-template-page-about .steps:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
  .page-template-page-about .steps:has(> :nth-child(5):last-child) > *{grid-column:span 2}
  .page-template-page-about .steps:has(> :nth-child(5):last-child) > :nth-last-child(-n+2){grid-column:span 3}
}
@media (min-width:561px) and (max-width:880px){
  .page-template-page-about .steps > :last-child:nth-child(odd){grid-column:1/-1}
}