.directory{max-width:1194px;margin:35px auto 27px;color:#061927}.directory button,.directory input{font:inherit}.directory h1,.directory h2,.directory p{margin:0}.directory-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.directory-eyebrow{color:#005bdf;font-size:14px;font-weight:700;margin-bottom:20px!important}.directory h1{font-size:42px;letter-spacing:-1.7px;line-height:1.13}.directory-subtitle{font-size:19px;color:#0064eb;margin-top:4px!important}.directory-search{display:flex;gap:12px;align-items:center}.directory-search label{display:flex;align-items:center;gap:11px;background:#fff;border:1.5px solid #005cff;border-radius:5px;padding:0 12px;width:320px;height:47px;color:#006bff}.directory-search svg{width:22px;height:22px;flex:none}.directory-search input{width:100%;border:0;outline:0;min-width:0;color:#00263a;font-size:16px}.directory-search input::placeholder{color:#3161c8}.directory .primary,.directory .outline{border-radius:5px;padding:10px 22px;min-height:42px;cursor:pointer}.directory .primary{background:#006bff;color:white;border:1px solid #006bff}.directory .outline{background:#fff;color:#0055cf;border:1px solid #005cff}.directory button:hover{filter:brightness(.96)}.directory button:focus-visible,.directory input:focus-visible{outline:3px solid #ffcb16;outline-offset:2px}.directory-tabs{display:flex;align-items:center;gap:10px;background:#fff;border-radius:6px;padding:6px 12px;margin-bottom:13px;min-height:58px}.directory-tab{background:transparent;border:0;color:#0046ca;padding:10px 14px;min-width:118px;cursor:pointer;border-radius:5px;white-space:nowrap}.directory-tab[aria-selected=true]{background:#006bff;color:#fff;min-width:158px}.directory-filter-separator{height:37px;border-left:1px solid #abd1f0;margin-left:auto}.directory-filter-button{display:flex;gap:12px;align-items:center;justify-content:center;min-width:140px}.directory-filter-button svg{width:21px;height:21px}.directory-filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end;padding:14px;background:#fff;border:1px solid #cae6f4;border-radius:6px;margin:-3px 0 13px}.directory-filter-panel[hidden],.directory-empty[hidden]{display:none}.directory-filter-panel label{display:grid;gap:4px;color:#254d68;font-size:13px;font-weight:700}.directory-filter-panel select{height:40px;border:1px solid #add8ed;border-radius:4px;padding:0 9px;color:#00263a;background:#fff;font:inherit}.directory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.directory-stat{background:#fff;border-radius:6px;min-height:68px;display:flex;align-items:center;padding:8px 18px;gap:18px}.directory-stat-icon,.directory-privacy-icon{width:59px;height:59px;border-radius:50%;background:#e0f4ff;color:#006bff;display:grid;place-items:center;flex:none}.directory-stat-icon svg,.directory-privacy-icon svg{width:30px;height:30px}.directory-stat div span{display:block;color:#0054dd;font-size:15px;font-weight:700}.directory-stat strong{font-size:24px;line-height:1.2}.directory-panel{background:#fff;border-radius:6px;padding:11px 13px 13px}.directory-panel h2{font-size:23px;color:#004adb;letter-spacing:-.7px;margin-bottom:8px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directory-member{border:1px solid #cceafa;border-radius:5px;min-height:122px;padding:9px 11px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;column-gap:10px;position:relative}.directory-avatar{height:88px;width:88px;border-radius:50%;background-image:url('directory-reference.png');background-size:1533px 1026px;background-repeat:no-repeat;background-color:#e4f3fd;align-self:center}.directory-member-info{min-width:0}.directory-member-name{font-size:18px;color:#004ce2;font-weight:700;line-height:1.2}.directory-member-meta{color:#4671db;font-size:13px;margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-member-city{color:#006bff;font-size:13px;margin-top:3px!important}.directory-member-city svg{width:13px;height:15px;vertical-align:-2px}.directory-interests{position:absolute;left:110px;bottom:9px;display:flex;gap:18px;align-items:center;color:#396ee2;font-size:13px}.directory-interests span{white-space:nowrap}.directory-interests svg{width:17px;height:17px;vertical-align:-4px;color:#006bff}.directory-profile-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;align-self:start;white-space:nowrap;border:1px solid #005cff;background:#fff;color:#003fbf;border-radius:5px;padding:8px 10px;cursor:pointer;font-size:12px!important}.directory-empty{padding:40px;text-align:center;color:#345a72}.directory-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;color:#416ce4;font-size:14px}.directory-pages{display:flex;gap:7px}.directory-pages button{min-width:39px;height:37px;padding:0 11px;background:#fff;color:#004bce;border:1px solid #b6d9ff;border-radius:4px;cursor:pointer}.directory-pages button[aria-current=page]{background:#006bff;color:#fff;border-color:#006bff}.directory-pages button:disabled{opacity:.5;cursor:default}.directory-privacy{display:flex;gap:17px;align-items:center;background:#fff;margin-top:13px;padding:12px 14px;border-radius:6px;color:#006bff}.directory-privacy h2{font-size:20px;color:#0052d9}.directory-privacy p{font-size:14px;margin-top:3px}.directory-status{min-height:21px;color:#385f78;font-size:13px;margin-top:7px!important}.directory [hidden]{display:none!important}
@media(max-width:1250px){.directory h1{font-size:35px}.directory-tab{min-width:0;padding-inline:9px}.directory-member{grid-template-columns:70px minmax(0,1fr);min-height:135px}.directory-avatar{width:68px;height:68px}.directory-profile-button{grid-column:2;justify-self:start;margin-top:5px}.directory-interests{left:91px;bottom:8px;gap:8px;font-size:11px}}
@media(max-width:1000px){.directory-top{align-items:start;flex-wrap:wrap}.directory-search{margin-top:0}.directory-tabs{overflow-x:auto}.directory-stats{grid-template-columns:repeat(2,1fr)}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-filter-panel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.directory{margin-top:24px}.directory h1{font-size:31px}.directory-subtitle{font-size:16px}.directory-search{width:100%}.directory-search label{flex:1;width:auto}.directory-stats,.directory-grid,.directory-filter-panel{grid-template-columns:1fr}.directory-bottom{align-items:start;flex-direction:column}.directory-member{grid-template-columns:76px minmax(0,1fr);min-height:125px}.directory-avatar{width:74px;height:74px}.directory-interests{left:99px}.directory-stat{min-height:60px}}
@media(max-width:620px){
  .member-shell,.workspace,.page-frame,.directory,.directory-top,.directory-panel,.directory-tabs,.directory-grid{min-width:0}
  .directory{width:100%;max-width:100%}
  .directory-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:7px;max-width:100%;overflow:visible}
  .directory-tab,.directory-tab[aria-selected=true]{width:100%;min-width:0;white-space:normal;line-height:1.2;padding:10px 4px}
  .directory-filter-separator{display:none}
  .directory-filter-button{grid-column:1/-1;width:100%;min-width:0}
  .directory-search label{min-width:0}
  .directory-panel{max-width:100%;overflow:hidden}
  .directory-pages{max-width:100%;flex-wrap:wrap}
  .directory-member{min-width:0;min-height:0;row-gap:7px}
  .directory-interests{position:static;grid-column:2;flex-wrap:wrap;gap:5px 10px;min-width:0}
  .directory-interests span{white-space:normal}
}
@media(min-width:621px) and (max-width:816px){
  .directory-page .member-shell,.directory-page .workspace,.directory-page .page-frame,
  .directory,.directory-top,.directory-panel,.directory-tabs,.directory-grid{min-width:0}
  .directory{width:100%;max-width:100%}
  .directory-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .directory-tab{flex:none;min-width:118px}
  .directory-tab[aria-selected=true]{min-width:158px}
  .directory-filter-separator,.directory-filter-button{flex:none}
  .directory-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .directory-filter-panel select{width:100%;max-width:100%;min-width:0}
  .directory-member{min-width:0;min-height:0;row-gap:7px}
  .directory-interests{position:static;grid-column:2;flex-wrap:wrap;gap:5px 8px;min-width:0}
  .directory-interests span{white-space:normal}
}