/* Published covers and owner drafts share an image area, separate from profile text. */
.profile-cover,
.profile-cover-draft { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 3.6 / 1; min-height: 120px; overflow: hidden; background: #edf1f6; }
.profile-cover { border: 1px solid #e1e5e9; border-bottom: 0; border-radius: 22px 22px 0 0; }
.profile-cover > img,
.profile-cover-draft > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.profile-cover-fallback { padding: 20px; color: #526170; font-size: 13px; text-align: center; }
.profile-cover + .owner-profile-hero,
.public-profile-page .profile-cover + .public-profile-hero { border-top-left-radius: 0; border-top-right-radius: 0; }
.profile-cover-draft { max-width: 640px; border: 1px solid #d7dde4; border-radius: 12px; }
.profile-cover-draft > p { padding: 24px; color: #526170; font-size: 13px; }