.legacy-marksix-room .marksix-last-result > .marksix-last-issue,
.legacy-marksix-room .marksix-history-row > .marksix-last-issue {
  flex: 0 1 auto;
}
.marksix-route-header {
  flex: none;
  position: relative;
  display: grid;
  place-items: center;
  min-height: 44px;
  border-bottom: 1px solid #e5eaf1;
  background: #fff;
}
.marksix-route-header > h1 { margin: 0; font-size: 15px; font-weight: 600; }
.marksix-route-header > button {
  position: absolute;
  inset: 0 auto 0 0;
  padding: 0 12px;
  border: 0;
  color: #0983fe;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.marksix-route-content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: #fff;
}
.marksix-route-content > .marksix-rule-introduction { padding: 12px; }
.marksix-route-content > .marksix-detail-item { margin: 0 12px; }

.legacy-marksix-room .marksix-history-viewport {
  position: absolute;
  top: 100%;
  inset-inline: 0;
  overflow: hidden;
  pointer-events: none;
}
.legacy-marksix-room .marksix-history-viewport > .marksix-history-dropdown {
  position: relative;
  inset: auto;
  pointer-events: auto;
}
.marksix-history-dropdown.pullDown-enter-active,
.marksix-history-dropdown.pullDown-leave-active {
  transition: transform 0.3s;
}
.marksix-history-dropdown.pullDown-enter,
.marksix-history-dropdown.pullDown-leave-to {
  transform: translateY(-100%);
}
.marksix-history-panel.pc28-history-panel-enter-active,
.marksix-history-panel.pc28-history-panel-leave-active {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.marksix-history-panel.pc28-history-panel-enter-from,
.marksix-history-panel.pc28-history-panel-leave-to {
  opacity: 0;
  transform: translateY(-6px);
}
@media (prefers-reduced-motion: reduce) {
  .marksix-history-dropdown.pullDown-enter-active,
  .marksix-history-dropdown.pullDown-leave-active,
  .marksix-history-panel.pc28-history-panel-enter-active,
  .marksix-history-panel.pc28-history-panel-leave-active {
    transition: none;
  }
}

/* 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%);
}

/* Use the same inset even when a skin loads its own card spacing later. */
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);
  max-width: calc(100% - 24px);
  height: auto;
  margin: 12px !important;
}

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: 0;
}

/* 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;
}