/**
 * Overlay-Trigger – Block-Layout (unabhängig vom festen Artikel-Header).
 */
.st-offcanvas-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--st-hell, #fff);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
}

.st-offcanvas-trigger__icon {
  font-size: var(--st-chrome-icon-size, 22px);
  line-height: 1;
  flex-shrink: 0;
}

.st-offcanvas-trigger__label {
  white-space: nowrap;
}

.st-offcanvas-trigger:hover,
.st-offcanvas-trigger:focus-visible {
  opacity: 0.85;
}

.st-offcanvas-trigger:focus-visible {
  outline: 2px solid var(--st-hell, #fff);
  outline-offset: 2px;
}

.block-st-offcanvas-trigger-block {
  margin: 0;
}

/* Block-Layout: Slots – Grid/Flex in st-chrome-top.css bzw. st-content-layout.css */
#st_header:not(.st-page-header) .article-header__slot--left,
#st_header:not(.st-page-header) .article-header__slot--right {
  display: flex;
  align-items: center;
}

#st_header .article-header__slot .block {
  margin: 0;
}
