/* Locally hosted official marks; theme colours belong to the controls. */
.blog-share.blog-share-icons { padding-top: 32px; }
.blog-share-icons .blog-share-actions { display: grid; gap: 15px; margin-top: 21px; }
.blog-share-icons .blog-share-actions > :hover { background: transparent; }
.blog-share-icons .blog-share-networks,
.blog-share-icons .blog-share-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.blog-share-icons .blog-share-networks > a,
.blog-share-icons .blog-share-tools > :is(a,button) {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 46px; padding: 7px 15px 7px 8px; border-radius: 999px;
  border: 1px solid var(--line-strong); background: var(--paper-bright); color: var(--navy);
  font: 580 .84rem/1.2 Outfit, sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer;
  box-shadow: 0 1px 2px #07111908;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.blog-share-icons .blog-brand-mark {
  width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 30px;
  border-radius: 50%; background: #fff; border: 1px solid #0000000d;
}
.blog-share-icons .blog-brand-mark img { grid-area: 1 / 1; width: 18px; height: 18px; object-fit: contain; }
.blog-share-icons .blog-brand-mark .brand-dark { display: none; }
html[data-theme="dark"] .blog-share-icons .blog-brand-mark { background: #000; border-color: #ffffff1f; }
html[data-theme="dark"] .blog-share-icons .blog-brand-mark .brand-light { display: none; }
html[data-theme="dark"] .blog-share-icons .blog-brand-mark .brand-dark { display: block; }
.blog-share-icons .blog-share-networks > a:hover,
.blog-share-icons .blog-share-tools > :is(a,button):hover {
  background: var(--surface-accent); border-color: var(--muted); box-shadow: 0 3px 12px #0711190c;
}
.blog-share-icons .blog-share-networks > a:focus-visible,
.blog-share-icons .blog-share-tools > :is(a,button):focus-visible { outline: 3px solid var(--lime-dark); outline-offset: 3px; }
.blog-share-icons .blog-share-tools { gap: 5px; padding-top: 13px; border-top: 1px solid var(--line); }
.blog-share-icons .blog-share-tools > :is(a,button) {
  min-height: 44px; padding: 8px 11px; gap: 7px; border-color: transparent;
  background: transparent; color: var(--muted); font-size: .79rem; font-weight: 520; box-shadow: none;
}
.blog-share-icons .blog-share-tools > [hidden] { display: none; }
.blog-share-icons .blog-share-tools svg { width: 17px; height: 17px; flex: 0 0 17px; }
.blog-share-icons .blog-share-status { margin-top: 10px; }
@media (max-width: 359px) {
  .blog-share-icons .blog-share-networks { gap: 7px; }
  .blog-share-icons .blog-share-networks > a { gap: 7px; padding-right: 12px; font-size: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .blog-share-icons .blog-share-networks > a, .blog-share-icons .blog-share-tools > :is(a,button) { transition: none; }
}