/* Public share UI only. Keep destinations, labels, privacy and copy handlers. */
body.takumi-blue :is(.takumi-article-share,.srp-share,.tb-work-detail>.srp-share) {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  align-items: start;
  gap: 18px;
  padding: 24px 0;
  border: 0 !important;
  border-top: 1px solid var(--tb-line) !important;
  border-radius: 0;
  background: #fff !important;
  box-shadow: none !important;
  container-type: inline-size;
}
body.takumi-blue :is(.takumi-article-share__heading,.srp-share>div) {
  display: block;
  min-width: 0;
}
body.takumi-blue :is(.takumi-article-share__heading small,.srp-share>div>span) { display: none; }
body.takumi-blue :is(.takumi-article-share__heading strong,.srp-share h2,.tb-work-detail>.srp-share h2) {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--tb-ink);
  font: 600 17px/1.7 var(--tb-sans) !important;
  letter-spacing: 0;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  min-width: 0;
  gap: 10px;
}
/* !important is limited to overriding the old plugin's per-network palette
   and the former work-detail button sizing. No global anchor/button rule. */
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 11px 18px;
  border: 1px solid var(--tb-brand) !important;
  border-radius: 2px !important;
  background: #fff !important;
  color: var(--tb-brand) !important;
  font: 600 15px/1.6 var(--tb-sans) !important;
  letter-spacing: 0;
  text-decoration: none !important;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button):is(:hover,.is-copied) {
  background: var(--tb-brand) !important;
  color: #fff !important;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button):focus-visible {
  outline: 2px solid var(--tb-brand);
  outline-offset: 4px;
}
body.takumi-blue :is(.takumi-article-share,.srp-share) button:disabled {
  cursor: progress;
  opacity: .7;
}
/* The same decorative masks work with both existing markup families, even
   when a clipboard handler replaces a button's text after success/failure. */
body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button)::before {
  content: "";
  display: inline-block;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin: 0;
  background: currentColor;
  -webkit-mask: var(--ts-icon) center / contain no-repeat;
  mask: var(--ts-icon) center / contain no-repeat;
}
body.takumi-blue :is(.takumi-article-share__icon,.srp-share-copy>svg) { display: none; }
body.takumi-blue :is(.srp-share-x,.takumi-article-share__button:has(.takumi-article-share__icon--x)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4'%3E%3Cpath d='M4 3h4l12 18h-4L4 3zM20 3 4 21'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-facebook,.takumi-article-share__button:has(.takumi-article-share__icon--facebook)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm2.2 20v-8h2.7l.4-3.1h-3.1V8c0-.9.3-1.6 1.6-1.6h1.7V3.6c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.1H8V13h2.8v8h3.4z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-line,.takumi-article-share__button:has(.takumi-article-share__icon--line)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='l'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.1' d='M7 9v4h2M10.2 9v4M12 13V9l2 4V9M17 9h-1.5v4H17m-1.5-2H17'/%3E%3C/mask%3E%3C/defs%3E%3Cpath mask='url(%23l)' d='M20 11.1c0-4-3.6-7.1-8-7.1s-8 3.1-8 7.1c0 3.6 2.9 6.6 6.8 7.1.3.1.8.2.9.5.1.3.1.8 0 1.1l-.2 1c-.1.3-.3 1.2 1 .6 1.4-.8 7.5-4.4 7.5-10.3z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-hatena,.takumi-article-share__button:has(.takumi-article-share__icon--hatena)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7c3 0 5 1.3 5 4 0 1.4-.7 2.4-2 3 1.8.6 2.8 2 2.8 4 0 3-2.4 5-5.8 5H4V4zm3.5 6.2H11c1.2 0 1.8-.6 1.8-1.7S12.2 7 11 7H7.5v3.2zm0 6.8h3.8c1.4 0 2.2-.6 2.2-1.8 0-1.3-.8-1.9-2.2-1.9H7.5V17zM21 4h-3v10h3V4zm0 13h-3v3h3v-3z'/%3E%3C/svg%3E");
}
body.takumi-blue :is(.srp-share-copy,.takumi-article-share__button:has(.takumi-article-share__icon--copy)) {
  --ts-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M8 8h12v13H8zM16 8V3H3v13h5'/%3E%3C/svg%3E");
}
body.takumi-blue .takumi-article-share__status {
  text-align: left;
  color: var(--tb-muted);
  font: 400 12px/1.8 var(--tb-sans);
}
@container (max-width: 540px) {
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
    min-height: 48px;
    padding: 10px;
    gap: 8px;
    font-size: 14px !important;
    justify-content: center;
  }
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>button:last-child { grid-column: 1/-1; }
}
@media(prefers-reduced-motion:reduce) {
  body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button) { transition: none; }
}
@media(forced-colors:active) {
  body.takumi-blue :is(.takumi-article-share,.srp-share) :is(.takumi-article-share__actions,nav)>:is(a,button) {
    border-color: ButtonText !important;
    color: LinkText !important;
    background: Canvas !important;
  }
  body.takumi-blue :is(.takumi-article-share__button,.srp-share a,.srp-share button)::before { forced-color-adjust: none; background: LinkText; }
}