/* The section title is caught by the existing matte boundary, outside its clip. */
.section-sticky {
  position: fixed;
  inset: var(--identity-boundary-height, var(--sticky-boundary-y, var(--identity-header-height, 142px))) 0 auto;
  z-index: 159;
  height: 0; overflow: clip; pointer-events: none;
  contain: layout style; isolation: isolate;
}
.section-sticky__card {
  position: absolute; top: 0; left: 50%; width: var(--sticky-source-width);
  max-width: 100%;
  margin: 0; padding: 0; visibility: hidden;
  transform: translate(-50%, 0); transform-origin: center top;
}
.section-sticky__visual {
  position: relative; display: flex; align-items: center; justify-content: center;
  width: max-content; max-width: 100%; margin-inline: auto;
  gap: var(--sticky-gap, 12px); padding: 2px 8px;
  color: inherit; text-align: center; text-wrap: balance;
  border-radius: 11px; background-color: var(--identity-paper);
  transition: background-color var(--identity-matte-duration) ease;
}
.section-sticky__visual::before,
.section-sticky__visual::after {
  content: ''; position: absolute; inset: 0 -5px -3px; z-index: -1;
  border-radius: 11px;
  opacity: 0; transition: opacity var(--identity-matte-duration) ease;
}
.section-sticky__visual::before {
  /* Continue the header's translucent edge before returning to its body tone. */
  background: linear-gradient(to bottom,
    rgba(var(--identity-paper-rgb),var(--identity-matte-edge-alpha)),
    rgba(var(--identity-paper-rgb),var(--identity-matte-alpha)) 9px,
    rgba(var(--identity-paper-rgb),var(--identity-matte-alpha)) calc(100% - var(--identity-matte-feather)),
    rgba(var(--identity-paper-rgb),var(--identity-matte-edge-alpha)));
  backdrop-filter: blur(var(--identity-matte-edge-blur)); -webkit-backdrop-filter: blur(var(--identity-matte-edge-blur));
}
.section-sticky__visual::after {
  backdrop-filter: blur(var(--identity-matte-blur)); -webkit-backdrop-filter: blur(var(--identity-matte-blur));
  mask-image: linear-gradient(to bottom,transparent,#000 9px,#000 calc(100% - var(--identity-matte-feather)),transparent);
  -webkit-mask-image: linear-gradient(to bottom,transparent,#000 9px,#000 calc(100% - var(--identity-matte-feather)),transparent);
}
.identity-header.gather-header--settled ~ .section-sticky .section-sticky__visual {
  background-color: transparent;
}
.identity-header.gather-header--settled ~ .section-sticky .section-sticky__visual::before,
.identity-header.gather-header--settled ~ .section-sticky .section-sticky__visual::after {
  opacity: 1;
}
.section-sticky__dash {
  flex: 0 0 var(--sticky-dash, 28px); width: var(--sticky-dash, 28px);
  height: 1px; background: currentColor; opacity: .65;
}
.section-sticky__text { min-width: 0; }
/* Keep the semantic original and its exact footprint, with no ghost in the header. */
html body.identity-page main [data-section-pinned] { opacity: 0 !important; }
@media print {
  .section-sticky { display: none; }
  html body.identity-page main [data-section-pinned] { opacity: 1 !important; }
}