/* Shared memorial topbar — viewport-centered title; share button does not shift layout */
[class$="-topbar"] {
  justify-content: center;
  gap: 0;
  padding-inline: 16px;
}

[class$="-topbar__center"] {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateX(-50%);
  pointer-events: none;
  max-width: calc(100% - 96px);
}

[class*="-topbar__diamond"],
[class*="-topbar__dot"],
[class*="-topbar__jewel"] {
  display: inline-block;
  flex-shrink: 0;
}

.mc-topbar__center {
  opacity: 0;
  transform: translateX(-50%) translateY(-4px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

.mc-topbar.is-scrolled .mc-topbar__center {
  opacity: 1;
  transform: translateX(-50%);
}

[class*="-topbar__share"] {
  width: 28px;
  height: 28px;
}

[class*="-topbar__share"] svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}