.member-avatar { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:34px; height:34px; overflow:hidden; border-radius:50%; background:var(--surface-3); color:var(--cocoa); font-weight:800; font-size:16px; vertical-align:middle; }
.member-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.member-avatar [hidden] { display:none; }
.member-photo-editor input[type=file] { position:absolute; width:1px !important; height:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); }
.member-photo-editor:has(input[type=file]:focus-visible) .photo-upload-label { outline:2px solid var(--teal); outline-offset:3px; }
.member-avatar.avatar-lg { width:76px; height:76px; font-size:31px; }.member-avatar.avatar-xl { width:116px; height:116px; font-size:31px; }
.member-inline,.account-profile-link { display:inline-flex; align-items:center; gap:9px; min-width:0; }.member-inline > span:last-child { overflow-wrap:anywhere; }.account-profile-link { width:44px; height:44px; justify-content:center; border-radius:50%; }.account-profile-link:focus-visible { outline:2px solid var(--teal); outline-offset:2px; }
.member-inline:hover,.author-profile-link:hover h2 { color:var(--teal); }.community-member-nav { margin:28px 0 0; }.discovery-footer .member-avatar { width:28px; height:28px; font-size:13px; }
.author-profile-link { display:block; margin-top:20px; }.author-profile-link h2 { margin:14px 0 6px; }.member-handle { color:var(--teal-dark); font-size:16px; overflow-wrap:anywhere; }.direct-peer { margin-bottom:6px; }.direct-peer strong { font-size:16px; }.direct-peer small { display:block; color:var(--muted); font-size:13px; margin-top:3px; }
.member-profile { overflow:hidden; margin-top:22px; }.member-cover { height:150px; position:relative; display:flex; justify-content:space-between; align-items:flex-start; padding:30px 38px; background:var(--tint); color:var(--muted); }.member-cover > span:first-child { font-size:13px; font-weight:800; }.cover-star { font-size:31px; color:#b4cda6; position:absolute; top:3px; right:80px; transform:rotate(15deg); }.member-profile-body { padding:0 38px 30px; }.member-profile-top { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; margin-top:-40px; position:relative; }.member-profile-top .member-avatar { border:6px solid var(--surface);  width:126px; height:126px; }.profile-actions { display:flex; flex-wrap:wrap; gap:10px; padding-bottom:10px; }.member-profile h1 { font-size:clamp(25px,2.4vw,31px); line-height:1.25; font-weight:800; margin:22px 0 5px; overflow-wrap:anywhere; }.member-profile .member-handle { margin:0 0 22px; }.member-occupation { font-size:16px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }.member-bio { color:var(--muted); font-size:16px; max-width:800px; line-height:1.8; margin:18px 0 25px; overflow-wrap:anywhere; }.member-meta { display:flex; flex-wrap:wrap; gap:12px 25px; color:var(--muted); font-size:13px; }.member-meta span { overflow-wrap:anywhere; }
.member-editor-layout { display:grid; grid-template-columns:300px minmax(0,1fr); align-items:start; gap:24px; max-width:1050px; margin:0 auto; }.member-photo-editor,.member-details-editor { padding:30px; }.member-photo-editor { text-align:center; }.avatar-preview { margin:26px auto; display:flex; }.photo-upload-label { display:block; padding:12px; border:1px solid var(--line-strong); border-radius:8px; font-size:13px; font-weight:700; color:var(--teal-dark); cursor:pointer; margin-bottom:12px; }.photo-upload-label:hover { background:var(--tint-soft); }.member-photo-editor input[type=file] { width:100%; font-size:13px; overflow:hidden; }.member-photo-editor p { line-height:1.7; font-size:13px; }.profile-check { display:flex; gap:9px; align-items:center; font-size:13px; margin-top:18px; text-align:left; }.profile-check input { accent-color:var(--teal); width:17px; height:17px; }
.member-details-editor h2 { font-size:25px; font-weight:700; margin-bottom:26px; }.profile-fields { display:grid; grid-template-columns:1fr 1fr; gap:22px 20px; }.profile-fields .field { margin:0; min-width:0; }.profile-field-full { grid-column:1/-1; }.profile-fields input,.profile-fields textarea { width:100%; }.profile-fields .field small { line-height:1.6; font-size:13px; }.handle-input { display:flex; align-items:center; border:1px solid var(--line-strong); border-radius:8px; padding-left:13px; overflow:hidden; background:var(--surface); }.handle-input > span { color:var(--teal); font-weight:700; }.handle-input input { border:0; box-shadow:none; }.handle-input:focus-within { outline:2px solid var(--teal); outline-offset:1px; }.handle-input input:focus { outline:none; box-shadow:none; }[data-handle-status][data-available=true] { color:var(--teal-dark); }[data-handle-status][data-available=false] { color:var(--danger); }.profile-private-note { border-top:1px solid var(--line); padding-top:22px; margin:26px 0; text-align:left; font-size:13px; }.profile-private-note strong { font-size:13px; }.profile-private-note p { color:var(--muted); line-height:1.75; margin-top:8px; }.profile-private-note .evidence-link { font-size:13px; }
.member-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.member-directory-card { padding:28px; display:flex; flex-direction:column; align-items:flex-start; }.member-card-identity { display:block; }.member-card-identity h2 { font-size:20px; font-weight:700; margin:18px 0 5px; overflow-wrap:anywhere; }.member-directory-card > p { line-height:1.7; margin:16px 0; overflow-wrap:anywhere; }.member-directory-card .button { margin-top:auto; }.member-directory-card .member-occupation { font-size:13px; margin-bottom:0; }
@media(max-width:900px) { .member-editor-layout { grid-template-columns:250px minmax(0,1fr); }.profile-fields { grid-template-columns:1fr; }.member-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.member-photo-editor,.member-details-editor { padding:23px; } }
@media(max-width:600px) { .member-editor-layout { grid-template-columns:1fr; }.member-profile-body { padding:0 22px 25px; }.member-cover { height:115px; padding:23px; }.member-cover > span:first-child { font-size:13px; }.cover-star { font-size:31px; right:25px; top:10px; }.member-profile-top { flex-direction:column; align-items:flex-start; gap:17px; margin-top:-35px; }.member-profile-top .member-avatar { width:100px; height:100px; }.profile-actions { padding:0; gap:8px; }.profile-actions .button { font-size:13px; padding:11px 12px; }.member-profile h1 { margin-top:22px; }.member-directory-grid { grid-template-columns:1fr; }.member-directory-card { padding:24px; }.member-photo-editor { padding:24px; }.member-photo-editor .profile-private-note { display:none; }.member-photo-editor input[type=file] { max-width:260px; }.profile-check { justify-content:center; }.account-profile-link .member-avatar { width:27px; height:27px; font-size:13px; }.topnav .account-profile-link { display:inline-flex; } }
