/* Compact board cards, independent of the association data source. */
.hbr{--hbr-accent:#ce0037;--hbr-ink:#292631;--hbr-muted:#7a7580;max-width:1120px;margin:28px auto 64px;font-family:inherit;color:var(--hbr-ink);line-height:1.8}
.hbr *,.hbr *::before,.hbr *::after{box-sizing:border-box}
.hbr .hbr-section{margin:0 0 34px}
.hbr .hbr-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.hbr .hbr-section-head>div{display:flex;align-items:center;gap:10px}
.hbr .hbr-section-head>div::before{content:"";display:block;width:5px;height:21px;border-radius:5px;background:var(--hbr-accent)}
.hbr .hbr-section-head h2{font-size:19px;font-weight:800;line-height:1.8;margin:0;color:var(--hbr-ink)}
.hbr .hbr-count{font-size:11px;color:#8b7b83;background:#f7f2f4;border:1px solid #f0e8ec;border-radius:20px;padding:2px 10px;white-space:nowrap}
.hbr .hbr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:stretch}
.hbr .hbr-card{position:relative;min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);align-content:center;align-items:center;gap:0 19px;padding:24px;background:linear-gradient(115deg,#fff 60%,#fcf8fa);border:1px solid #eee7ec;border-radius:18px;box-shadow:0 4px 16px #3d1c2b04;text-align:right;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.hbr .hbr-card::after{content:"";position:absolute;top:21px;bottom:21px;inset-inline-end:0;width:3px;border-radius:4px;background:#ead8e0}
.hbr .hbr-card:hover{transform:translateY(-3px);border-color:#dcb5c2;box-shadow:0 10px 24px #5c163910}
.hbr .hbr-card:hover::after{background:var(--hbr-accent)}
.hbr .hbr-portrait{position:relative;isolation:isolate;width:82px;height:92px;margin:0;border-radius:14px;overflow:hidden;background:#f0eaf0;box-shadow:0 0 0 4px #fff,0 0 0 5px #eee5eb}
.hbr .hbr-placeholder{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;background:linear-gradient(145deg,#f4eaf0,#e7e6ef);color:#b8a9ba}
.hbr .hbr-placeholder svg{position:absolute;bottom:-10%;left:7%;width:86%;height:96%}
.hbr .hbr-placeholder>span{display:none}
.hbr .hbr-portrait img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 22%;margin:0;border:0;border-radius:0}
.hbr .hbr-portrait img[hidden]{display:none}
.hbr .hbr-card-body{min-width:0;padding:0}
.hbr .hbr-card h3{font-size:17px;font-weight:800;line-height:1.8;color:var(--hbr-ink);margin:0 0 5px;overflow-wrap:anywhere}
.hbr .hbr-role{display:inline-block;color:#b5244c;background:#fbecf1;border-radius:6px;font-size:11px;font-weight:600;padding:2px 8px;line-height:1.9}
.hbr .hbr-company{font-size:11px;line-height:1.9;color:var(--hbr-muted);margin:8px 0 0;overflow-wrap:anywhere}
.hbr .hbr-contact{grid-column:1/-1;border-top:1px solid #f1eaf0;margin-top:17px;padding-top:10px;min-width:0}
.hbr .hbr-contact:empty{display:none}
.hbr .hbr-contact a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;color:#726473;text-decoration:none;padding:3px 0}
.hbr .hbr-contact a:hover{color:var(--hbr-accent)}
.hbr .hbr-contact a:focus-visible{outline:2px solid var(--hbr-accent);outline-offset:3px}
.hbr .hbr-contact bdi{min-width:0;overflow-wrap:anywhere}
.hbr .hbr-empty{padding:28px 18px;border-radius:15px;background:#faf7f9;text-align:center;color:var(--hbr-muted)}
@media(max-width:760px){.hbr{margin:20px auto 40px}.hbr .hbr-grid{grid-template-columns:1fr;gap:12px}.hbr .hbr-section{margin-bottom:28px}.hbr .hbr-card{padding:20px;grid-template-columns:76px minmax(0,1fr);gap:0 16px}.hbr .hbr-portrait{width:76px;height:86px}.hbr .hbr-section-head h2{font-size:18px}}
@media(max-width:380px){.hbr .hbr-card{padding:16px;grid-template-columns:64px minmax(0,1fr);gap:0 13px}.hbr .hbr-portrait{width:64px;height:76px}.hbr .hbr-card h3{font-size:15px}.hbr .hbr-role{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hbr .hbr-card{transition:none}.hbr .hbr-card:hover{transform:none}}