/* Compact previews on creator channels; opening a post retains its full-size reader. */
.site-body.page-creator-detail .creator-intro{overflow:hidden;border:1px solid #ddded7;border-radius:16px;background:#fffefb;margin:0 0 22px;color:#242b28}
.site-body.page-creator-detail .creator-intro__banner{height:clamp(150px,17vw,210px);overflow:hidden;background:#eeece6}
.site-body.page-creator-detail .creator-intro__banner img{display:block;width:100%;height:100%;object-fit:cover}
.site-body.page-creator-detail .creator-intro__banner>.elm-media-guard-wrap{width:100%;height:100%}
.site-body.page-creator-detail .creator-intro__identity{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 22px;flex-wrap:wrap}
.site-body.page-creator-detail .creator-intro__identity h2{margin:0;font:700 clamp(23px,2vw,30px)/1.2 system-ui,sans-serif;letter-spacing:-.6px;overflow-wrap:anywhere;color:#242b28}
.site-body.page-creator-detail .creator-intro__identity>span{font-size:13px;color:#68726b}
.site-body.page-creator-detail .community-context.is-creator h1{font-size:21px}
.site-body.page-creator-detail .community-context.is-creator .community-context__description{font-size:15px}
/* One prominent banner, not the same artwork duplicated in both columns. */
.site-body.page-creator-detail:has([data-creator-intro]) .community-context__cover{display:none!important}
@media(max-width:760px){.site-body.page-creator-detail .creator-intro__banner{height:150px}.site-body.page-creator-detail .creator-intro__identity{padding:16px;gap:6px}.site-body.page-creator-detail .creator-intro__identity>span{flex-basis:100%}}
.site-body.page-creator-detail {
  --creator-image-preview-height: 300px;
  --creator-video-preview-height: 240px;
}
.site-body.page-creator-detail.page-community-detail .space-view-post-media-wrap {
  max-height: var(--creator-image-preview-height); overflow: hidden;
}
.site-body.page-creator-detail.page-community-detail .space-view-post-media-wrap.is-video {
  max-height: var(--creator-video-preview-height);
}
.site-body.page-creator-detail.page-community-detail .post-video-preview > .elm-media-guard-wrap {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
}
.site-body.page-creator-detail.page-community-detail .post-video-preview img {
  display: block; width: 100%; height: 100%; max-height: 100%; object-fit: contain;
}

/* Guests see the same compact creator cards and warm image backdrop. */
.site-body.page-community-public.page-creator-detail .guest-public__grid {
  grid-template-columns: 288px minmax(0, 1fr) 288px;
}
.page-community-public.page-creator-detail .community-context { margin-bottom: 18px; }
.page-community-public.page-creator-detail .guest-public__post-body { padding: 14px; }
.page-community-public.page-creator-detail .guest-public__author { gap: 10px; }
.page-community-public.page-creator-detail .guest-public__author-avatar { width: 40px; height: 40px; border-radius: 8px; flex: 0 0 40px; }
.page-community-public.page-creator-detail .guest-public__author-copy strong { font-size: 16px; font-weight: 650; }
.page-community-public.page-creator-detail .guest-public__author-copy span { font-size: 12px; font-weight: 400; }
.page-community-public.page-creator-detail .guest-public__body { margin-top: 12px; font-size: 16px; font-weight: 400; }
.page-community-public.page-creator-detail .guest-public__post-media-shell {
  height: auto;
  min-height: 0;
  aspect-ratio: 2 / 1;
  max-height: var(--creator-image-preview-height);
  margin-top: 14px;
  border-radius: 12px;
  background: #eeece6;
}
.page-community-public.page-creator-detail .guest-public__post-media-shell.is-video {
  aspect-ratio: 16 / 9;
  max-height: var(--creator-video-preview-height);
}
.page-community-public.page-creator-detail .guest-public__post-backdrop {
  inset: -18px;
  filter: blur(24px) saturate(.9) brightness(1.04);
  transform: scale(1.08);
  opacity: .86;
  pointer-events: none;
}
.page-community-public.page-creator-detail .guest-public__post-backdrop::after { display: none; }
.page-community-public.page-creator-detail .guest-public__post-media-shell::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(245, 243, 239, .42);
  pointer-events: none;
  z-index: 0;
}
.page-community-public.page-creator-detail .guest-public__post-media,
.page-community-public.page-creator-detail .guest-public__video-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  object-fit: contain;
  border-radius: 0;
}
.page-community-public.page-creator-detail .guest-public__video-placeholder { min-height: 0; width: 100%; height: 100%; }
.page-community-public.page-creator-detail .guest-public__post-media-shell > .elm-media-guard-wrap,
.page-community-public.page-creator-detail .guest-public__video-thumb > .elm-media-guard-wrap {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-community-public.page-creator-detail .guest-public__post-actions { border-top: 1px solid #e8e8e2; padding-top: 12px; }
@media (min-width: 761px) and (max-width: 1280px) {
  .site-body.page-community-public.page-creator-detail .guest-public__grid { grid-template-columns: 260px minmax(0, 1fr); }
  .page-community-public.page-creator-detail .guest-public__rail { display: none; }
}
@media (max-width: 760px) {
  .page-community-public.page-creator-detail .guest-public__post-body { padding: 14px; }
  .site-body.page-creator-detail .community-context[open] .community-context__cover { display: block; height: 104px; }
}