/* The public preview contains only profile content. */
.profile-shell.is-public-preview #myAccessCard,
.profile-shell.is-public-preview .profile-personal-code,
.profile-shell.is-public-preview .authenticity-slogan,
.profile-shell.is-public-preview .profile-completion,
.profile-shell.is-public-preview .profile-points-guide,
.profile-shell.is-public-preview .preview-audience { display: none !important; }
.profile-shell .public-profile-preview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
.profile-shell .public-profile-preview .public-profile-head { grid-column: 2; grid-row: 1 / span 3; display: grid; grid-template-columns: 1fr; align-content: start; }
.profile-shell .public-profile-preview .public-profile-head .profile-photo-large {
  width: 100%; height: min(62vh, 540px); border: 0; border-radius: 14px; background: #f5edf7;
}
.profile-shell .public-profile-preview .public-profile-head .profile-photo-large img { width: 100%; height: 100%; object-fit: contain; }
.profile-shell .public-profile-preview .profile-area-line { grid-column: 1; grid-row: 1; }
.profile-shell .public-profile-preview .profile-bio { grid-column: 1; grid-row: 2; }
.profile-shell .public-profile-preview .profile-public-details { grid-column: 1; grid-row: 3; }
.profile-shell .public-profile-preview .preview-photo-book,
.profile-shell .public-profile-preview .plain-notice { grid-column: 1 / -1; }
@media (max-width: 700px) {
  .profile-shell .public-profile-preview { grid-template-columns: 1fr; }
  .profile-shell .public-profile-preview .public-profile-head,
  .profile-shell .public-profile-preview .profile-area-line,
  .profile-shell .public-profile-preview .profile-bio,
  .profile-shell .public-profile-preview .profile-public-details,
  .profile-shell .public-profile-preview .preview-photo-book,
  .profile-shell .public-profile-preview .plain-notice { grid-column: 1; grid-row: auto; }
  .profile-shell .public-profile-preview .public-profile-head .profile-photo-large { height: min(54vh, 420px); }
}
.profile-shell .public-profile-preview .profile-area-line {
  margin: 0; padding: .75rem .9rem; border-radius: 12px;
  background: #f5edf7; color: #542a63; font-weight: 900;
}

/* B430: constrain the image itself inside the preview frame. */
.profile-shell .public-profile-preview .public-profile-head .profile-photo-large {
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:0;
}
.profile-shell .public-profile-preview .public-profile-head .profile-photo-large img {
  display:block;
  min-width:0;
  min-height:0;
  width:100%!important;
  height:100%!important;
  max-width:100%;
  max-height:100%;
  flex:0 1 auto;
  object-fit:contain!important;
  object-position:center!important;
}
.profile-shell .public-profile-preview .public-profile-head .profile-photo-large [hidden] {display:none!important;}