/* Modern profile header: keep identity close to the avatar and avoid a duplicate media-library grid item. */
.profile-shell-v3 .profile-head {
  --profile-avatar-size: 104px;
  grid-template-columns: var(--profile-avatar-size) minmax(0, 1fr) auto;
  gap: 22px;
}

.profile-shell-v3 .profile-head .profile-avatar {
  width: var(--profile-avatar-size);
  height: var(--profile-avatar-size);
  flex: 0 0 var(--profile-avatar-size);
}

/* media-ux-v2 keeps this legacy direct action mounted. The modern shell already
   exposes the same destination in the overflow menu, so keep the marker without
   letting it create a fourth grid item or duplicate visible navigation. */
.profile-shell-v3 .profile-head > [data-media-library-link] {
  display: none !important;
}

@media (max-width: 900px) and (min-width: 641px) {
  .profile-shell-v3 .profile-head {
    --profile-avatar-size: 88px;
    gap: 18px;
  }
}

@media (max-width: 640px) {
  .profile-shell-v3 .profile-head {
    --profile-avatar-size: 80px;
    grid-template-columns: var(--profile-avatar-size) minmax(0, 1fr);
    gap: 14px;
  }
}