/* Profile page layout patches. Folded from profile-header-inset.css,
   profile-banner-fullwidth.css and profile-tab-counts.css: each overrode a
   base rule (theme-v3.css's .prof-head padding, gobstagram.css's
   .profile-cover-slot sizing) purely by higher selector specificity, so
   none of them carried a load-order requirement. No --g-* tokens involved. */

/* Give the profile identity header a balanced inner frame around the avatar and actions. */
.profilepage .prof-head { padding: 10px; }
@media (max-width: 760px) {
  .profilepage .prof-head { padding: 8px; }
}

/* Profile banner: use the full profile rail while preserving the server-rendered 728:90 crop. */
:is(#content,#composer-canvas-page).profilepage .profile-cover-slot {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  aspect-ratio: 728 / 90;
  margin: 0 0 10px;
  box-sizing: border-box;
}
:is(#content,#composer-canvas-page).profilepage .profile-cover-slot > img,
:is(#content,#composer-canvas-page).profilepage.theme-v2 .profile-cover-slot > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 760px) {
  :is(#content,#composer-canvas-page).profilepage .profile-cover-slot {
    margin-bottom: 8px;
  }
}

/* Keep profile-tab labels and counts visually distinct in every theme. */
.prof-tabs .ptab { display: inline-flex; align-items: baseline; gap: 4px; }
.prof-tabs .ptab-count { font-weight: bold; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 760px) {
  .prof-tabs .ptab { gap: 3px; }
}