#view-profile-directory[hidden],.profile-directory [hidden]{display:none!important}
.home-profile-carousel>.hpc-directory-link{display:block;width:fit-content;max-width:100%;margin:0 0 17px;color:#236278;text-decoration:underline;text-decoration-color:#a8c4d2;text-underline-offset:4px;font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.profile-directory.home-profile-carousel{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:12px 16px 36px;min-width:0}
.profile-directory .pd-header{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:10px 0 15px;border:0;border-bottom:1px solid #d8e5ef;background:transparent}
.profile-directory .pd-header h1{min-width:0;margin:0;color:inherit;font-size:clamp(23px,3vw,32px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.profile-directory .pd-back{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #c9dce9;border-radius:50%;background:#f8fbfe;color:#234d65;text-decoration:none;font-size:27px;line-height:1}
.profile-directory[dir=rtl] .pd-back>span{transform:rotate(180deg)}
.profile-directory .pd-subtitle{margin:0 0 22px;font-size:17px;line-height:1.45;font-weight:650;color:inherit}
.profile-directory .pd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;min-width:0}
.profile-directory .pd-grid .hpc-card{min-width:0;border-radius:19px}
.profile-directory .pd-grid .hpc-cover{height:76px;flex-basis:76px}
.profile-directory .pd-grid .hpc-body{padding:0 14px 14px;gap:9px}
.profile-directory .pd-grid .hpc-picture{width:72px;height:72px;margin-top:-47px;border-width:5px;border-radius:19px}
.profile-directory .pd-grid .hpc-name{font-size:19px;line-height:1.25;max-width:100%}
.profile-directory .pd-grid .hpc-body p{font-size:13px;line-height:1.45}
.profile-directory .pd-grid .hpc-company{padding-top:9px}
.profile-directory .pd-grid .hpc-facts,.profile-directory .pd-grid .hpc-categories{padding:6px 8px;border-radius:9px}
.profile-directory .pd-grid .hpc-connect{min-height:44px;padding:9px 8px;gap:6px;border-radius:10px;font-size:13px}
.profile-directory .pd-grid .hpc-connect::before{flex-basis:19px;width:19px;height:19px}
.profile-directory .pd-status{margin:20px 0 12px;font-size:14px;line-height:1.5;color:inherit}.profile-directory .pd-status:empty{display:none}
.profile-directory .pd-sentinel{height:1px;pointer-events:none}
.profile-directory .pd-more{display:block;max-width:100%;min-height:44px;margin:16px auto 0;padding:11px 18px;border:1px solid #b7d1df;border-radius:12px;background:#edf6fb;color:#235268;font-size:14px;font-weight:650;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.profile-directory :is(.pd-back,.pd-more):focus-visible{outline:3px solid #1da3bc;outline-offset:3px}
html:not([data-design=light]) .home-profile-carousel>.hpc-directory-link{color:#a4d5e5;text-decoration-color:#5b879a}
html:not([data-design=light]) .profile-directory .pd-header{border-color:#35586d}
html:not([data-design=light]) .profile-directory :is(.pd-back,.pd-more){background:#15384d;border-color:#3c6177;color:#d1edf8}
@media(max-width:1050px){.profile-directory .pd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.profile-directory .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-directory.home-profile-carousel{padding-inline:12px}.profile-directory .pd-grid .hpc-name{font-size:18px}}
@media(max-width:380px){.profile-directory.home-profile-carousel{padding-inline:8px}.profile-directory .pd-grid{gap:9px}.profile-directory .pd-grid .hpc-body{padding-inline:10px}.profile-directory .pd-grid .hpc-name{font-size:16px}.profile-directory .pd-grid .hpc-connect{font-size:12px;padding-inline:5px;gap:4px}.profile-directory .pd-grid .hpc-connect::before{flex-basis:16px;width:16px;height:16px}.profile-directory .pd-grid .hpc-body p{font-size:12px}}

/* Directory-only mobile preview: full names/details remain in the profile. */
@media(max-width:599px){
  .profile-directory.home-profile-carousel{width:calc(100% + 8px);max-width:none;margin-inline:-4px;padding-inline:0}
  .profile-directory .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
  .profile-directory .pd-grid .hpc-card{border-radius:16px}
  .profile-directory .pd-grid .hpc-cover{height:60px;flex-basis:60px}
  .profile-directory .pd-grid .hpc-body{padding:0 10px 10px;gap:6px}
  .profile-directory .pd-grid .hpc-picture{width:64px;height:64px;margin-top:-42px;border-width:4px;border-radius:16px}
  .profile-directory .pd-grid .hpc-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:max(2.5em,44px);font-size:16px;line-height:1.25}
  .profile-directory .pd-grid .hpc-body p{font-size:13px;line-height:1.4}
  .profile-directory .pd-grid :is(.hpc-job,.hpc-company,.hpc-facts,.hpc-categories,.hpc-description){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex-shrink:0}
  .profile-directory .pd-grid .hpc-company{padding-top:6px}
  .profile-directory .pd-grid :is(.hpc-facts,.hpc-categories){padding:4px 6px;border-radius:8px}
  .profile-directory .pd-grid .hpc-connect{min-height:50px;padding:6px 6px;gap:5px;font-size:13px;line-height:1.35;flex-shrink:0}
  .profile-directory .pd-grid .hpc-connect::before{flex-basis:16px;width:16px;height:16px}
}