/* Locus share-brand contract v1.
   Every exported/shareable surface keeps the promise, approved wordmark and
   scene scope together as one indivisible lockup. */
.locus-share-brand-lockup {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 auto;
  width: 42cqw;
  min-width: 42cqw;
  grid-template-rows: auto auto auto;
  align-content: center;
  gap: .35cqw;
  padding: 1cqw 1.6cqw .9cqw;
  color: #24322c;
  background: #f8f1e3;
  line-height: 1;
}

.locus-share-brand__promise,
.locus-share-brand__scope {
  display: flex;
  width: 100%;
  margin: 0;
  white-space: nowrap;
}

.locus-share-brand__promise {
  align-items: baseline;
  justify-content: flex-start;
  color: #34433c;
  font: 680 2cqw/1.08 "Songti SC", "STSong", "Noto Serif SC", Georgia, serif;
  letter-spacing: .02em;
}

.locus-share-brand__promise > span {
  color: #087d62;
}

.locus-share-brand__promise > strong {
  color: #e95332;
  font: inherit;
  font-weight: 820;
}

.locus-share-brand-lockup > .locus-share-brand__wordmark,
.locus-share-brand-lockup > .sc-brand-wordmark,
.locus-share-brand-lockup > .share-poster__wordmark {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  filter: none !important;
}

.locus-share-brand__scope {
  align-items: center;
  justify-content: center;
  column-gap: 1.45cqw;
  color: #718079;
  font: 720 1.55cqw/1.08 "PingFang SC", "Noto Sans SC", sans-serif;
  letter-spacing: .02em;
}

.locus-share-brand__scope > small {
  color: #50907e;
  font: inherit;
  font-size: .72em;
}

.locus-share-brand__scope > strong {
  color: #087d62;
  font: inherit;
  font-weight: 850;
  letter-spacing: .055em;
}

/* Keep the companion label legible beside the light brand panel. */
.sc-header > .sc-brand-info {
  min-width: 0;
  color: #fff;
  text-align: right;
}

.sc-header > .sc-brand-info .sc-brand-sub {
  color: #fff !important;
  font-weight: 700;
}

/* The activity poster is 400 px wide and does not otherwise use cqw. */
.share-poster {
  container-type: inline-size;
}

.share-poster__brand:has(.locus-share-brand-lockup) {
  padding-block: 10px;
}

.share-poster .locus-share-brand-lockup {
  width: 158px;
  min-width: 158px;
  gap: 1px;
  padding: 4px 7px;
}

.share-poster .locus-share-brand__promise {
  font-size: 8px;
}

.share-poster .locus-share-brand__scope {
  column-gap: 5px;
  font-size: 6.7px;
}