.search::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:20px;
  height:20px;
  transform:translateY(-50%);
  pointer-events:none;
  background:center/20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6.5' fill='none' stroke='%237F8790' stroke-width='2'/%3E%3Cpath d='M16 16l4.2 4.2' fill='none' stroke='%237F8790' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.share{
  appearance:none;
  width:30px;
  height:30px;
  padding:0;
  border:0;
  border-radius:0;
  /* Flex keeps the icon centered even with the hidden accessible text node. */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  background:transparent;
  color:#59636C;
  font-size:0;
  line-height:0;
  box-shadow:none;
}
.share::before{
  content:"";
  width:20px;
  height:20px;
  display:block;
  background:center/20px 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 2 15 22 11 13 2 9 22 2Z' fill='none' stroke='%2359636C' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M22 2 11 13' fill='none' stroke='%2359636C' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.share:hover::before,
.share:focus-visible::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 2 15 22 11 13 2 9 22 2Z' fill='none' stroke='%230081FB' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M22 2 11 13' fill='none' stroke='%230081FB' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
.share:hover,
.share:focus-visible{
  background:transparent;
  outline:none;
}
.share:focus-visible{
  border-radius:8px;
  box-shadow:0 0 0 3px rgba(0,129,251,.16);
}

@media(max-width:620px){
  .search::before{
    left:13px;
    top:50%;
    transform:translateY(-50%);
  }
  .share::before{
    width:19px;
    height:19px;
    background-size:19px 19px;
  }
}

/* Keep public and admin actions in the same flow at every viewport width. */
.post-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e2e6ea;
}
.post-actions > .post-inquiry,
.post-actions > .modal-cta {
  flex: 1 1 160px;
  width: auto;
  min-width: 0;
  min-height: 44px;
  margin: 0;
}
.post-actions > .share,
.post-actions > .context-edit {
  position: static;
  flex: 0 0 auto;
  min-height: 44px;
  margin: 0;
  border: 1px solid #cad6e3;
  border-radius: 10px;
  background: #fff;
}
.post-actions > .share { width: 44px; height: 44px; padding: 0; font-size: 0; line-height: 0; }
.post-actions > .context-edit { padding: 8px 12px; font-size: 13px; }
.post-actions > .share:focus-visible { outline: 2px solid var(--jz); outline-offset: 2px; }

/* Explicit icon center, independent of hidden text and admin button styles. */
.post-actions > .share { position: relative; }
.share::before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.share { position: relative; }