.hm-directory-status{min-height:24px;margin:18px 0 0;color:#667994;font-size:14px}
.hm-empty:not([hidden]){display:block}
.hm-directory-status.is-error{color:#9a3041}
.hm-directory-retry{margin-left:8px;padding:2px 0;border:0;background:transparent;color:#17674d;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hm-directory-card{height:100%;background:#fff;box-shadow:0 8px 24px #1725540a;transition:transform .22s cubic-bezier(.2,0,0,1),box-shadow .22s cubic-bezier(.2,0,0,1)}
.hm-directory-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #17255416}
.hm-directory-card .hm-person-cover{position:relative;display:block;overflow:hidden;height:190px;background:var(--profile-accent);background-image:linear-gradient(130deg,#ffffff55,var(--profile-accent))}
.hm-directory-card .hm-person-cover:empty:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 14%,#ffffff60,transparent 34%),linear-gradient(148deg,transparent 40%,#14204418 41% 56%,transparent 57%)}
.hm-directory-card .hm-person-cover-image{display:block;width:100%;height:100%;object-fit:cover}
.hm-directory-card .hm-avatar{display:block;margin-top:-42px;width:72px;height:72px;object-fit:cover;background:#fff}
.hm-directory-card .hm-avatar-initials{display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#fff;color:var(--profile-accent);font-size:20px;font-weight:750;letter-spacing:.02em}
.hm-directory-card h4{color:#172554;font-size:21px;line-height:1.35;overflow-wrap:anywhere}
.hm-directory-description{min-height:48px;line-height:1.55;overflow-wrap:anywhere}
.hm-directory-location{display:flex;align-items:center;gap:6px;line-height:1.5}
.hm-directory-location svg{width:16px;height:16px;flex:none;color:#397b6f}
.hm-directory-services{min-height:42px;margin:14px 0;color:#526b83;font-size:13px;line-height:1.6}
.hm-directory-card .hm-btn,.hm-directory-card .hm-btn:hover,.hm-directory-card .hm-btn:focus,.hm-directory-card .hm-btn:focus-visible{border-color:#44cf91;background:#44cf91;color:#fff;box-shadow:none}
.hm-directory-card .hm-btn:hover{border-color:#29ba7e;background:#29ba7e;color:#fff;box-shadow:0 8px 18px #29ba7e35;transform:translateY(-1px)}
.hm-directory-card .hm-btn:focus-visible{outline:3px solid #b8ffe0;outline-offset:3px;box-shadow:0 0 0 5px #17674d24}
.hm-load-more{display:block;min-height:48px;margin:24px auto 0;padding:12px 24px;border:1px solid #dce3f2;border-radius:999px;color:#172554;font-weight:650}
.hm-load-more[hidden]{display:none}
.hm-person-skeleton{height:100%;min-height:390px;border-color:#e7eeee}
.hm-person-skeleton>i{display:block;height:190px;background:linear-gradient(110deg,#edf1f7 25%,#f7f8fc 38%,#edf1f7 62%);background-size:300% 100%;animation:hm-directory-shimmer 1.35s ease-in-out infinite}
.hm-person-skeleton>div{display:grid;gap:14px;padding:24px}
.hm-person-skeleton b,.hm-person-skeleton span,.hm-person-skeleton em{display:block;height:15px;border-radius:8px;background:#edf1f7}
.hm-person-skeleton b{width:58%;height:21px}.hm-person-skeleton span:nth-of-type(1){width:92%}.hm-person-skeleton span:nth-of-type(2){width:64%}.hm-person-skeleton em{height:48px;margin-top:10px;border-radius:999px}
@keyframes hm-directory-shimmer{to{background-position-x:-300%}}
@media(max-width:767px){.hm-directory-card .hm-person-cover{height:168px}.hm-directory-status{text-align:center}.hm-directory-description,.hm-directory-services{min-height:0}}
@media(prefers-reduced-motion:reduce){.hm-directory-card,.hm-directory-card:hover,.hm-person-skeleton>i{animation:none;transition:none}.hm-person-skeleton>i{background:#edf1f7}}

.hm-directory-classification{margin:0 0 24px;max-width:480px}
.hm-directory-classification label{display:grid;gap:8px;font-weight:600}
.hm-directory-classification select{width:100%;min-width:0;padding:12px 44px 12px 16px;border:1px solid #e5eaf2;border-radius:10px;background-color:#fff;color:#172554;font:inherit;min-height:48px}
.hm-directory-profession{font-weight:600;color:#315bdf;margin:12px 0}

.hm-directory-classification select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2368788e' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}
