/* Public Hub alignment pass: one cover/avatar chassis and one reading grid.
   Deliberately limited to the public personality hero. The owner's cover
   object-position and chosen avatar silhouette stay untouched. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person {
  --eh-cover-height:clamp(235px,24vw,315px);
  --eh-avatar-overlap:clamp(58px,6.2vw,84px);
  --eh-avatar-inset:clamp(19px,2.5vw,29px);
  display:grid!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:calc(var(--hm-profile-w) + 54px) minmax(0,1fr)!important;
  grid-template-rows:var(--eh-cover-height) auto!important;
  column-gap:clamp(12px,1.6vw,24px)!important;
  row-gap:0!important;
  align-items:start!important;
  min-width:0!important;
  padding:0!important;
  margin:10px 0 0!important;
  overflow:visible!important;
  border-radius:19px!important;
  background:var(--hm-surface,#0e1e30)!important;
  isolation:isolate;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person:not(.profile-shape-portrait):not(.profile-shape-landscape) {
  --hm-profile-w:clamp(132px,14vw,176px);
  --hm-profile-h:clamp(132px,14vw,176px);
  --hm-profile-overlap:var(--eh-avatar-overlap);
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person.profile-shape-landscape {
  --hm-profile-w:clamp(156px,15vw,190px);
  --hm-profile-h:clamp(104px,10vw,127px);
  --eh-avatar-overlap:clamp(51px,5vw,64px);
}
/* Frame the media inside its own rounded top corners rather than cropping the
   portrait when it crosses the cover/body boundary. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-cover {
  grid-column:1 / -1!important;
  grid-row:1!important;
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:var(--eh-cover-height)!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:none!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-cover > img[data-person-cover-image]{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  /* The owner-selected object-position remains on the image's inline style. */
}
/* The name lives once in the body, not as a second title over the cover. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-cover .hm-cover-identity{
  display:none!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-avatar-wrap{
  position:relative!important;
  z-index:12!important;
  grid-column:1!important;
  grid-row:2!important;
  display:block!important;
  width:var(--hm-profile-w)!important;
  height:var(--hm-profile-h)!important;
  min-width:0!important;
  margin:calc(-1 * var(--eh-avatar-overlap)) 0 0 var(--eh-avatar-inset)!important;
  padding:0!important;
  inset:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;
  align-self:start!important;
  justify-self:start!important;
  pointer-events:auto!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-avatar-wrap::before{
  display:none!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person .hm-person-avatar{
  width:var(--hm-profile-w)!important;
  height:var(--hm-profile-h)!important;
  border:4px solid var(--hm-surface,#0e1e30)!important;
  border-radius:var(--hm-profile-radius)!important;
  box-sizing:border-box!important;
  box-shadow:0 9px 25px rgba(0,0,0,.3),0 0 0 1px var(--hm-line,#29415a)!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-main{
  display:block!important;
  position:relative!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  min-width:0!important;
  padding:clamp(16px,2vw,24px) clamp(16px,2.7vw,32px) clamp(21px,2.7vw,32px) 0!important;
  margin:0!important;
  border:0!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-main .hm-title{
  line-height:1.12!important;
  overflow-wrap:anywhere;
}
/* Everything in the reading section starts on the SAME left edge. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] > :is(.e-tabs-shell--public,.ehub-public-actionbar,.ehub-public-layout){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] > .ehub-public-layout{
  align-items:start!important;
  column-gap:clamp(16px,2vw,25px)!important;
  padding:0!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-public-main{
  min-width:0!important;
  align-items:stretch!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .ehub-public-main > :is(.e-hub-subtabs,.ehub-overview-extras,.hm-highlights){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
/* Cards share their top, bottom and link baseline, even when excerpts differ. */
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"] .hm-person-overview-grid{
  align-items:stretch!important;
  grid-auto-rows:minmax(min-content,auto);
}
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"] .hm-person-overview-grid > .hm-person-overview-card {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  height:100%;
  min-height:0;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view="overview"] .hm-person-overview-grid > .hm-person-overview-card .hm-insight-action{
  align-self:flex-start!important;
  margin-top:auto!important;
  padding-top:5px;
}
/* Media kicker, title and image count align to the same header baseline. */
html[data-hub-storefront] body .hub-market[data-hub-public-view] .hm-highlights-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .hm-highlights-copy{
  flex:1 1 auto;
  min-width:0!important;
}
html[data-hub-storefront] body .hub-market[data-hub-public-view] .hm-highlights-head .ehub-media-count{
  flex:0 0 auto;
  align-self:flex-end!important;
  margin-bottom:3px!important;
  white-space:nowrap;
  line-height:1.4!important;
}
@media(max-width:900px){
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .ehub-public-layout{
    column-gap:16px!important;
  }
}
@media(max-width:700px){
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person{
    --eh-cover-height:clamp(168px,35vw,225px);
    --eh-avatar-overlap:clamp(42px,11vw,60px);
    --eh-avatar-inset:17px;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:var(--eh-cover-height) auto auto!important;
    column-gap:0!important;
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person:not(.profile-shape-portrait):not(.profile-shape-landscape){
    --hm-profile-w:clamp(96px,22vw,122px);
    --hm-profile-h:clamp(96px,22vw,122px);
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person.profile-shape-landscape {
    --hm-profile-w:clamp(118px,33vw,140px);
    --hm-profile-h:clamp(78px,22vw,93px);
    --eh-avatar-overlap:clamp(40px,11vw,48px);
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-person-avatar-wrap{
    grid-column:1!important;
    grid-row:2!important;
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] > .hm-hero.is-person > .hm-main{
    grid-column:1!important;
    grid-row:3!important;
    padding:12px 18px 24px!important;
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] .hm-person-overview-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  html[data-hub-storefront] body .hub-market[data-hub-public-view] .hm-highlights-head{
    flex-wrap:wrap;
  }
}