/* Blog post chrome only. Colours come from each page's existing tokens. */
.post-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 16px 0 4px;
  min-height: 44px;
}

.post-share-btn,
.back-to-top {
  box-sizing: border-box;
  margin: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-dark, #200400);
  background: var(--bg-white, #ffffff);
  border: 1px solid var(--empf-blue, #1d3354);
  border-radius: 999px;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 18px;
  cursor: pointer;
}

.post-share-btn:hover,
.back-to-top:hover {
  background: var(--bg-alt, #f7f7f7);
}

.post-share-btn:focus,
.back-to-top:focus {
  outline: 2px solid var(--empf-blue, #1d3354);
  outline-offset: 3px;
}

.post-share-status {
  min-height: 1.2em;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--text-dark, #200400);
}

.back-to-top {
  position: fixed;
  z-index: 80;
  right: calc(16px + env(safe-area-inset-right, 0px));
  bottom: calc(16px + var(--back-to-top-lift, 0px) + env(safe-area-inset-bottom, 0px));
  width: 44px;
  height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(29, 51, 84, 0.18);
}

.back-to-top[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .post-share-btn,
  .back-to-top {
    transition: none;
  }
}