/* Activity artwork may contain opaque outer corners; clip the bitmap in every skin. */
html[data-skin] img.tx-activity-cover {
  border-radius: 7% / 14%;
  -webkit-clip-path: inset(0 round 7% / 14%);
  clip-path: inset(0 round 7% / 14%);
}

/* Match the Aurum activity card: 12px around the artwork, including the gap
   before its caption. Keep the existing caption's horizontal inset. */
html[data-skin] .center-card.is-activity > img.tx-activity-cover,
html[data-skin] .b-offer-card > img.tx-activity-cover,
html[data-skin] .announcement-activity > img.tx-activity-cover {
  display: block;
  width: calc(100% - 24px);
  height: auto;
  margin: 12px 12px 0;
}

html[data-skin] .center-card.is-activity > img.tx-activity-cover + .center-card-body,
html[data-skin] .b-offer-card > img.tx-activity-cover + .b-offer-body,
html[data-skin] .announcement-activity > img.tx-activity-cover + .announcement-activity-body {
  padding-top: 12px;
}

/* The desktop activity preview uses a wrapper instead of a direct image. */
html[data-skin] .dl-activity > .dl-activity-cover {
  width: calc(100% - 24px);
  height: auto;
  margin: 12px 12px 0;
  overflow: hidden;
  border-radius: 7% / 14%;
}

html[data-skin] .dl-activity > .dl-activity-cover > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Activity lists start at their overview; other notices and details keep their header. */
html[data-skin] .announcement-activity-page > .announcement-topbar,
html[data-skin] .b-offers-page > .b-offers-header {
  display: none;
}

/* A retains its announcement-center header, including over older cached CSS. */
html[data-skin="qj"] .qj-announcement-page:has(#center-tab-activity[aria-selected="true"]) > .mint-header {
  display: flex;
}