/* v110 — requested public UI flow/alignment refinements. */

/* Hero content flow: positioning + website stay vertically stacked; manager sits alongside that stack. */
.pp-public-redesign .pp-hero-detail-flow{
  display:flex;
  align-items:flex-end;
  gap:30px;
  min-width:0;
  flex-wrap:wrap;
}
.pp-public-redesign .pp-hero-detail-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
}
.pp-public-redesign .pp-hero-detail-stack .pp-hero-positioning{
  margin:0;
}
.pp-public-redesign .pp-hero-detail-stack .pp-hero-meta{
  margin:0;
}
.pp-public-redesign .pp-hero-detail-flow .pp-hero-managers{
  margin:0 0 1px;
  transform:none;
  align-self:flex-end;
}
.pp-public-redesign .pp-hero-detail-flow .pp-manager-list,
.pp-public-redesign .pp-hero-detail-flow .pp-hero-manager-person{
  align-items:center;
}

/* Ensure fallback logos overlap the banner exactly like uploaded logos. */
.pp-public-redesign .pp-company-hero .pp-logo.pp-logo-fallback{
  position:relative;
  z-index:2;
  margin-top:-34px;
}

/* Public two-column forms: labels and controls share the same horizontal row and baseline. */
.pp-public-redesign .pp-form .pp-row,
.pp-public-form-wrap .pp-form .pp-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.pp-public-redesign .pp-form .pp-row > label,
.pp-public-form-wrap .pp-form .pp-row > label{
  display:grid;
  grid-template-rows:auto 40px auto;
  gap:6px;
  align-content:start;
  min-width:0;
  margin:0;
}
.pp-public-redesign .pp-form .pp-row > label > input,
.pp-public-redesign .pp-form .pp-row > label > select,
.pp-public-form-wrap .pp-form .pp-row > label > input,
.pp-public-form-wrap .pp-form .pp-row > label > select{
  width:100%;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  box-sizing:border-box;
}
.pp-public-redesign .pp-form .pp-row > label > select,
.pp-public-form-wrap .pp-form .pp-row > label > select{
  line-height:normal;
}

@media(max-width:820px){
  .pp-public-redesign .pp-company-hero .pp-logo.pp-logo-fallback{margin-top:-28px}
  .pp-public-redesign .pp-hero-detail-flow{gap:20px}
}
@media(max-width:600px){
  .pp-public-redesign .pp-hero-detail-flow{align-items:flex-start;gap:12px 18px}
  .pp-public-redesign .pp-hero-detail-flow .pp-hero-managers{align-self:flex-start;margin-bottom:0}
  .pp-public-redesign .pp-form .pp-row,
.pp-public-form-wrap .pp-form .pp-row{grid-template-columns:1fr}
}
@media(max-width:520px){
  .pp-public-redesign .pp-company-hero .pp-logo.pp-logo-fallback{margin-top:-22px}
}