.capability-share-page { background: var(--canvas); }
.share-header { display: flex; align-items: center; max-width: 760px; margin: 0 auto; padding: 23px 20px 15px; border-bottom: 1px solid var(--line); }
.share-panel {
  width: min(calc(100% - 32px), 720px);
  margin: 28px auto 40px;
  padding: clamp(22px, 5vw, 38px);
  background: var(--paper);
  border: 1px solid var(--line);
  border-top: 3px solid var(--gold);
  border-radius: var(--surface-radius);
}
.share-panel h1 { font: 600 clamp(26px, 5vw, 36px)/1.3 var(--serif); overflow-wrap: anywhere; }
.share-panel p { margin-top: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.share-panel #share-description { max-width: 68ch; }
.share-panel h2 { margin: 18px 0 8px; font: 600 19px var(--serif); }
.share-panel ul { padding-left: 20px; line-height: 1.7; }
.share-actions, .capability-share-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.share-actions { margin-top: 18px; }
.share-actions a { display: inline-flex; align-items: center; }
.capability-share-result { display: grid; gap: 8px; width: 100%; }
.capability-share-result a { color: var(--gold); text-decoration: underline; }
.capability-share-result input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 7px 9px;
}
.capability-update-options { display: grid; gap: 8px; width: 100%; }
.capability-update-option { display: grid; gap: 7px; justify-items: start; padding: 10px 0 0; border-top: 1px solid var(--line); }
.capability-update-option p { overflow-wrap: anywhere; }