/* © 2026 WiredType. #109: the computer share row (site/js/share-row.js) on the card show page and the Together note. */
.wt-sharerow { margin: 18px 0 0; }
.wt-sharerow[hidden] { display: none; }
.wt-sharerow__h { margin: 0 0 10px; font-size: 14px; line-height: 1.45; color: var(--text-secondary); }
.wt-sharerow__btns { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 8px; }
.wt-sharerow__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; min-width: 0; padding: 8px 12px;
  border: 1px solid var(--wc-line-2, var(--border, rgba(127, 127, 127, .35))); border-radius: var(--radius-md, 10px);
  background: transparent; color: var(--text); font: 600 14px var(--font-heading, inherit); text-decoration: none; cursor: pointer;
  line-height: 1.25; text-align: center;
}
.wt-sharerow__btn:hover { background: var(--bg-card-hover, rgba(127, 127, 127, .12)); }
.wt-sharerow__btn:focus-visible { outline: 2px solid var(--wc-owner, var(--accent, currentColor)); outline-offset: 2px; }
.wt-sharerow__btn svg { width: 17px; height: 17px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wt-sharerow__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.wt-sharerow__status { margin: 8px 0 0; min-height: 1.4em; font-size: 14px; color: var(--text-secondary); overflow-wrap: anywhere; }
.wc-show .wt-sharerow { max-width: 420px; width: 100%; margin: 14px auto 0; }
.wt-sharerow__btn svg .wt-sharerow__mark { fill: currentColor; stroke: none; }
