/* share.css: the share row (newsroom/build/features/share.mjs, assets/share/share.js); outlined pills like "Save for
 * offline"; the one filled button is Share, where it opens the phone's sheet. Tokens only. designer@ restyles. */
.share { margin: 12px 0 0; font: 600 13px/1 var(--sans); }
.share > p { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; max-width: none; color: var(--ink-3); }
.share-end { margin: 32px 0 8px; padding-top: 16px; border-top: 1px solid var(--rule-2); }
.share-end > p:first-child { margin: 0 0 8px; font: 700 15px/1.3 var(--sans); color: var(--ink); }
.share a, .share-copy, .share-open { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border: 1px solid var(--rule-2); border-radius: var(--radius-pill); background: var(--paper); color: var(--ink); font: inherit; text-decoration: none; cursor: pointer; }
.share a:hover, .share a:focus-visible, .share-copy:hover, .share-copy:focus-visible { border-color: var(--brand); color: var(--brand); }
.share-open { background: var(--brand); border-color: var(--brand); color: var(--on-brand); margin: 0 0 8px; }
.share-collapsed > p { display: none; }
.share-collapsed.share-end > p:first-child { display: block; }
@media print { .share { display: none; } }