/* GENERATED by build/authors/make.py from build/authors/roster.json. Do not edit by hand.

   The author and reviewer block, one design for every page. The same card carries all three cases the
   site has: one person, two people credited separately, and a credit line with no bio under it. */

.authorwrap{width:100%;max-width:880px;margin:44px auto 0}
/* Elementor sets every container's margin from its own custom properties, which outranks a single
   class, so the block states its own gap at container specificity. Without this the card sits hard
   against the line above it on the WordPress page and 44px away on the preview. */
.e-con.authorwrap{margin-block-start:44px;margin-block-end:0;margin-inline:auto}

.bhp-authorbox{width:100%;max-width:880px;margin:0;text-align:left;border-radius:16px;
  padding:clamp(22px,2.8vh,30px) clamp(20px,2.2vw,30px);
  background:rgba(247,242,231,.05);border:1px solid rgba(247,242,231,.14);
  font-family:var(--body,'Geist',sans-serif);box-sizing:border-box}

.bhp-authorbox .bab-head{display:flex;gap:18px;align-items:center}
/* two people stand beside each other, not on top of each other: the client's ruling, 2026-09-04 */
.bhp-authorbox .bab-faces{display:inline-flex;flex:none;gap:12px}
.bhp-authorbox .bab-faces img{width:54px;height:54px;border-radius:50%;object-fit:cover;
  object-position:50% 18%;border:2px solid rgba(255,176,0,.55);display:block;background:#0f1730}

.bhp-authorbox .bab-who{min-width:0}
.bhp-authorbox .bab-role{margin:0;font-size:15px;line-height:1.5;color:#fff}
.bhp-authorbox .bab-role + .bab-role{margin-top:5px}
.bhp-authorbox .bab-role .bab-k{color:var(--gold,#FFB000);font-weight:500}
.bhp-authorbox .bab-role a{color:inherit;text-decoration:none;
  border-bottom:1px solid rgba(255,176,0,.55);transition:border-color .2s}
.bhp-authorbox .bab-role a:hover{border-bottom-color:var(--gold,#FFB000)}

.bhp-authorbox .bab-bios{margin-top:16px;padding-top:16px;
  border-top:1px solid rgba(247,242,231,.12)}
.bhp-authorbox .bab-bio{margin:0;font-size:14.5px;line-height:1.72;
  color:var(--on-dark-2,rgba(247,242,231,.78))}
.bhp-authorbox .bab-bio + .bab-bio{margin-top:12px}

/* the line-height is stated, not inherited: the static page's body sets 1.62 and Elementor 1.5, and
   the parity harness measures the difference */
.bhp-authorbox .bab-date{margin:16px 0 0;padding-top:14px;
  border-top:1px solid rgba(247,242,231,.12);font-size:12px;line-height:1.5;font-weight:500;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(247,242,231,.5)}
/* with no bio between them the two rules would stack into one thick line */
.bhp-authorbox.no-bio .bab-date{margin-top:14px}

/* the same card on a light band */
.sec-white .bhp-authorbox,.sec-cream .bhp-authorbox,.bhp-light .bhp-authorbox{
  background:var(--field-cream,#FBF8F1);border-color:var(--line-light,rgba(23,29,58,.12))}
.sec-white .bhp-authorbox .bab-role,.sec-cream .bhp-authorbox .bab-role,
.bhp-light .bhp-authorbox .bab-role{color:var(--navy,#171D3A)}
.sec-white .bhp-authorbox .bab-bio,.sec-cream .bhp-authorbox .bab-bio,
.bhp-light .bhp-authorbox .bab-bio{color:var(--on-light-2,#374763)}
.sec-white .bhp-authorbox .bab-bios,.sec-cream .bhp-authorbox .bab-bios,
.bhp-light .bhp-authorbox .bab-bios,.sec-white .bhp-authorbox .bab-date,
.sec-cream .bhp-authorbox .bab-date,.bhp-light .bhp-authorbox .bab-date{
  border-top-color:var(--line-light,rgba(23,29,58,.12))}
.sec-white .bhp-authorbox .bab-date,.sec-cream .bhp-authorbox .bab-date,
.bhp-light .bhp-authorbox .bab-date{color:var(--on-light-3,rgba(23,29,58,.55))}

/* Elementor wraps the shortcode in its own widget div; the card still owns the column */
.elementor-widget-shortcode .bhp-authorbox{margin-inline:auto}
.elementor-widget-shortcode .elementor-shortcode{display:block}

@media (max-width:640px){
  .bhp-authorbox .bab-head{flex-direction:column;align-items:flex-start;gap:14px}
  .bhp-authorbox .bab-role{font-size:14.5px}
}