.profile-heading {display:flex;align-items:center;gap:18px;margin:12px 0 22px;flex-wrap:wrap}
.profile-heading h1,.profile-heading h2 {font-size:clamp(26px,5vw,38px);line-height:1.1;margin:0 0 6px;letter-spacing:-1px}
.profile-heading p {margin:0;color:var(--fc-muted)}
.profile-heading > .quiet {margin-left:auto}
.profile-avatar {overflow:hidden;flex-shrink:0;padding:0;border:0;display:inline-flex;align-items:center;justify-content:center;background:var(--coral);color:var(--fc-ink);font-weight:600}
.profile-avatar img {width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar.large {width:88px;height:88px;font-size:28px;border-radius:50%}
.profile-name {border:0;background:none;color:inherit;padding:0;text-align:left;font:inherit;font-weight:600;cursor:pointer}
.profile-name:hover {text-decoration:underline}
.profile-bio {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.profile-section-heading {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:36px;margin-bottom:18px}
.profile-section-heading h2 {font-size:20px;margin:0}
.profile-posts {display:grid;gap:22px}
.profile-photo-controls {display:flex;align-items:center;gap:22px;margin:22px 0}
.profile-photo-controls > div {display:flex;flex-direction:column;gap:12px}
.profile-photo-controls .photo-picker {display:inline-block;margin:0;min-height:36px}
.avatar-crop {width:100%;max-width:360px;aspect-ratio:1;display:block;margin:20px auto;border-radius:50%;touch-action:none;background:#eee}
.member-row small {display:block;color:var(--fc-muted);font-size:12px;margin-top:3px}
@media(max-width:480px){.profile-heading{gap:12px}.profile-heading .large{width:70px;height:70px}.profile-heading h1{font-size:26px}.profile-heading>.quiet{margin-left:0}.profile-section-heading{align-items:flex-start}}